.checkbox-row {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 18px 0;
	padding: 16px;
	border: 1px solid #dbe4ea;
	border-radius: 8px;
	background: #f8fbfc;
}

/* Search experience: one shared search contract, two explicit interaction modes. */
.site-header-search-page .nav-wrap {
	position: relative;
	justify-content: space-between;
	overflow: visible;
}

.search-header-brand {
	position: static;
	transform: none;
	order: -1;
}

.site-header .search-header-brand .local24-brand-logo {
	width: 142px;
	height: auto;
}

.local24-brand-logo.local24-brand-logo--night { display: none; }

.search-header-mode-switch {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 3px;
	background: #f5f9fa;
	border: 1px solid #dce8ea;
	border-radius: 999px;
}

.search-header-mode-switch a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 29px;
	padding: 5px 10px;
	color: #61757d;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}

.search-header-mode-switch a.is-active {
	color: #175f67;
	background: #fff;
	box-shadow: 0 1px 5px rgba(24, 84, 91, .1);
}

.search-header-mode-switch svg {
	width: 14px;
	height: 14px;
}

.search-experience {
	position: relative;
	min-height: calc(100vh - 72px);
	padding: 110px 20px 86px;
	background-color: #f5fcfc;
	overflow: hidden;
}

.search-experience::before,
.search-experience::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.search-experience::before {
	background: url('/img/local24-village-panorama-v1.png') center bottom / 100% auto no-repeat;
	filter: saturate(.78);
}

.search-experience::after {
	background: linear-gradient(180deg, #f5fcfc 0%, #f5fcfc 22%, rgba(245,252,252,.92) 34%, rgba(245,252,252,.56) 46%, rgba(245,252,252,.12) 60%, rgba(245,252,252,0) 72%);
}

.search-display-settings {
	position: absolute;
	z-index: 2;
	top: 14px;
	right: max(16px, calc((100vw - 1120px) / 2));
	left: max(16px, calc((100vw - 1120px) / 2));
	display: grid;
	align-items: flex-start;
	max-width: calc(100vw - 32px);
}

.search-settings-toolbar.l24-horizontal-accordion {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	width: 100%;
	--l24-horizontal-accordion-surface: rgba(255,255,255,.9);
	--l24-horizontal-accordion-border: rgba(201,224,227,.96);
	--l24-horizontal-accordion-divider: rgba(201,224,227,.96);
	--l24-horizontal-accordion-text: #60767d;
	--l24-horizontal-accordion-shadow: 0 14px 34px rgba(31,103,111,.12);
}
.search-settings-toolbar > .search-settings-control { justify-self: start; }
.search-settings-preferences, .search-location-controls { display: flex; align-items: flex-start; gap: 6px; min-width: 0; }
.search-settings-preferences { justify-self: end; }
.search-location-controls { justify-self: center; }
.search-location-controls .l24-horizontal-accordion__closed { display: flex; align-items: center; gap: 6px; }
.search-location-label { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-location-controls .l24-horizontal-accordion__closed > .search-location-label { display: block; min-width: 0; }
.search-location-panel.l24-horizontal-accordion__panel, #search-radius-form { display: flex; gap: 4px; margin: 0; }
.search-location-panel input[type="text"], .search-location-panel select, #search-radius-form select { min-width: 0; width: 200px; max-width: 100%; border: 0; background: transparent; color: inherit; font-size: var(--l24-font-size-body-small); outline-offset: -2px; }
#search-radius-form select { width: 84px; }
.search-location-panel input[type="text"], .search-location-panel select, #search-radius-form select { height: 32px; padding: 4px; }
.search-location-panel [hidden], .search-location-panel.l24-horizontal-accordion__panel[hidden], #search-radius-form[hidden] { display: none; }
.search-place-feedback { justify-self: center; max-width: 100%; color: #53727a; font-size: var(--l24-font-size-caption); text-align: center; }
.search-place-feedback [data-location-status]:not(:empty) { display: block; padding-top: 4px; }
.search-place-attribution { display: none; font-size: inherit; }
.search-settings-toolbar[data-l24-horizontal-accordion-open="location"] + .search-place-feedback .search-place-attribution { display: block; }
html[data-search-theme="dark"] .search-location-controls { --l24-horizontal-accordion-text: #bfd3dc; --l24-control-surface: #183a50; --l24-control-surface-soft: #21445a; --l24-control-border: #466878; color-scheme: dark; }
html[data-search-theme="dark"] .search-place-feedback { color: #abc1cc; }
html[data-search-theme="dark"] .search-place-feedback a { color: #8ed4dc; }
html[data-search-theme="dark"] .search-location-panel input::placeholder { color: #abc1cc; opacity: 1; }
html[data-search-theme="dark"] .search-location-controls select option { background: #183a50; color: #eef8fa; }
.search-chat-change-notice { margin-bottom: 12px !important; }

.search-settings-toggle {
	color: #557078;
	background: rgba(255,255,255,.78);
	border: 1px solid rgba(201,224,227,.9);
	box-shadow: 0 5px 18px rgba(31,103,111,.06);
}

.search-settings-toggle svg { width: var(--l24-control-icon-m); height: var(--l24-control-icon-m); }
.search-settings-flag { display: inline-flex; flex: 0 0 auto; width: 20px; height: 14px; overflow: hidden; border: 1px solid rgba(39,70,78,.18); border-radius: 2px; box-shadow: 0 1px 2px rgba(24,57,64,.08); }
.search-settings-flag--de { background: linear-gradient(180deg, #171717 0 33.333%, #d21f2b 33.333% 66.666%, #f4c430 66.666% 100%); }

.search-settings-theme-panel { width: auto; }
.search-settings-panel .l24-segmented-control { padding: 2px; }
.search-settings-panel .l24-segmented-control__segment { min-width: 28px; min-height: 26px; padding: 0 7px; cursor: pointer; }
.search-settings-language-panel { width: auto; }
.search-settings-language-options { display: inline-flex; align-items: center; gap: 5px; }
.search-settings-language-option { color: #176a72; background: #e9f7f8; border-color: #abd5d9; box-shadow: none; }
.search-settings-profile-panel { grid-auto-flow: column; width: auto; gap: 5px; }
.search-settings-profile-options .l24-segmented-control__segment { cursor: help; }
.search-settings-info { color: #557078; background: transparent; border-color: transparent; }
.search-settings-info:hover { background: #e9f7f8; border-color: #abd5d9; }

html[data-search-theme="dark"] { color-scheme: dark; }

html[data-search-theme="dark"] .site-header-search-page {
	--local24-panel: #132f44;
	--local24-line: #36586a;
	--local24-muted: #a9bfca;
	--local24-petrol: #73cbd0;
	--local24-petrol-dark: #d7f3f4;
	background: #0d2639;
	border-bottom-color: #29495c;
}

html[data-search-theme="dark"] .site-header-search-page .local24-brand-logo--day,
html[data-search-theme="dark"] .site-footer-search .local24-brand-logo--day { display: none; }
html[data-search-theme="dark"] .site-header-search-page .local24-brand-logo--night,
html[data-search-theme="dark"] .site-footer-search .local24-brand-logo--night { display: block; }

html[data-search-theme="dark"] .site-header-search-page .main-nav > a:not(.btn),
html[data-search-theme="dark"] .site-header-search-page .main-nav > .main-nav-link { color: #c4d9e2; }
html[data-search-theme="dark"] .search-header-mode-switch { background: #132f44; border-color: #36586a; }
html[data-search-theme="dark"] .search-header-mode-switch a { color: #a9bfca; }
html[data-search-theme="dark"] .search-header-mode-switch a.is-active { color: #d7f3f4; background: #21445a; box-shadow: 0 1px 5px rgba(0,0,0,.22); }

html[data-search-theme="dark"] .search-experience {
	--local24-panel: #132f44;
	--local24-line: #36586a;
	--local24-muted: #a9bfca;
	--local24-petrol: #73cbd0;
	--local24-petrol-dark: #d7f3f4;
	background-color: #0d3f68;
}

html[data-search-theme="dark"] .search-experience::before { background-image: url('/img/local24-village-panorama-night-v1.png'); }
html[data-search-theme="dark"] .search-experience::after { background: linear-gradient(180deg, #0d3f68 0%, #0d3f68 22%, rgba(13,63,104,.92) 34%, rgba(13,63,104,.56) 46%, rgba(13,63,104,.12) 60%, rgba(13,63,104,0) 72%); }

html[data-search-theme="dark"] .search-settings-toggle { color: #bfd4de; background: rgba(12,40,59,.94); border-color: rgba(80,126,146,.72); box-shadow: 0 7px 22px rgba(0,0,0,.16); }
html[data-search-theme="dark"] .search-settings-toolbar {
	--l24-horizontal-accordion-surface: #0c283b;
	--l24-horizontal-accordion-border: rgba(80,126,146,.72);
	--l24-horizontal-accordion-divider: #36586a;
	--l24-horizontal-accordion-text: #bfd4de;
	--l24-horizontal-accordion-shadow: 0 7px 22px rgba(0,0,0,.16);
}
html[data-search-theme="dark"] .search-settings-toggle.is-active { color: #eef8fa; background: #21445a; }
html[data-search-theme="dark"] .search-settings-language-option { color: #eef8fa; background: #21445a; border-color: rgba(80,126,146,.72); }
html[data-search-theme="dark"] .search-settings-info { color: #bfd4de; }
html[data-search-theme="dark"] .search-settings-info:hover { color: #eef8fa; background: #21445a; border-color: rgba(80,126,146,.72); }
html[data-search-theme="dark"] .l24-popup,
html[data-search-theme="dark"] .l24-chat-controls {
	--local24-panel: #132f44;
	--local24-ink: #eef8fa;
	--local24-muted: #bfd3dc;
	--local24-line: #36586a;
	--local24-soft: #183a50;
	--l24-control-surface-soft: #183a50;
	--l24-control-border: #36586a;
}
html[data-search-theme="dark"] .search-experience-head.is-chat-start h1 { color: #d9f0f3; }
html[data-search-theme="dark"] .l24-chat-controls { --local24-petrol:#8ed4dc;--local24-petrol-dark:#8ed4dc;--l24-control-primary:var(--local24-petrol); }
html[data-search-theme="dark"] .search-experience-head h1,
html[data-search-theme="dark"] .search-experience-head.is-chat-start p,
html[data-search-theme="dark"] .search-network-stats { color: #c6dce6; }
html[data-search-theme="dark"] .search-network-stats svg { color: #8ed4dc; }
html[data-search-theme="dark"] .search-chat-start-bar,
html[data-search-theme="dark"] .search-chat-composer { background: rgba(14,42,60,.96); border-color: #36586a; box-shadow: 0 22px 58px rgba(0,0,0,.2); }
html[data-search-theme="dark"] .search-chat-start input,
html[data-search-theme="dark"] .search-chat-composer input { color: #eef8fa; }
html[data-search-theme="dark"] .search-chat-start input::placeholder,
html[data-search-theme="dark"] .search-chat-composer input::placeholder { color: #abc1cc; opacity: 1; }
html[data-search-theme="dark"] .search-chat-start-divider { background: #36586a; }
html[data-search-theme="dark"] .search-chat-start [data-location-status],
html[data-search-theme="dark"] .search-chat-start [data-search-voice-status] { color: #bfd3dc; }
html[data-search-theme="dark"] .search-chat-shell,
html[data-search-theme="dark"] .search-classic-results { color: #dcecf1; background: rgba(13,38,55,.96); border-color: #36586a; box-shadow: 0 22px 60px rgba(0,0,0,.22); }
html[data-search-theme="dark"] .search-chat-message h2,
html[data-search-theme="dark"] .search-chat-dialogue strong,
html[data-search-theme="dark"] .search-chat-follow-up,
html[data-search-theme="dark"] .search-classic-empty h2 { color: #eef8fa !important; }
html[data-search-theme="dark"] .search-chat-inline-link { color: #83d7dc; }
html[data-search-theme="dark"] .search-chat-turn p,
html[data-search-theme="dark"] .search-chat-answer-card span,
html[data-search-theme="dark"] .search-classic-empty p { color: #bfd3dc; }
html[data-search-theme="dark"] .search-chat-turn.is-user > div,
html[data-search-theme="dark"] .search-chat-answer-card { background: #183a50; border-color: #36586a; }
html[data-search-theme="dark"] .search-result-preview { background: #183a50; border-color: #36586a; }
html[data-search-theme="dark"] .search-chat-shell .l24-action--secondary { color: #8ed4dc; background: #183a50; border-color: #36586a; }
html[data-search-theme="dark"] .search-chat-shell .l24-action--quiet { color: #bfd3dc; background: transparent; border-color: transparent; }
html[data-search-theme="dark"] .search-result-preview strong { color: #eef8fa; }
html[data-search-theme="dark"] .search-result-preview-facts span,
html[data-search-theme="dark"] .search-result-why p { color: #abc1cc; }
html[data-search-theme="dark"] .search-inline-mention-link { color: #8ed4dc; }
html[data-search-theme="dark"] .search-primary-result { background: rgba(16,39,55,.88); border-color: #36596a; }
html[data-search-theme="dark"] .search-primary-result h3 { color: #eef8fa; }
html[data-search-theme="dark"] .search-primary-result-location { color: #abc1cc; }
html[data-search-theme="dark"] .search-primary-result-tags span { color: #c4d5dc; background: #294858; }
html[data-search-theme="dark"] .search-chat-turn.is-user p,
html[data-search-theme="dark"] .search-chat-answer-card strong,
html[data-search-theme="dark"] .search-chat-answer-card b { color: #eef8fa; }
html[data-search-theme="dark"] .search-chat-context-panel { background: #15364b; border-top-color: #36586a; }
html[data-search-theme="dark"] .search-chat-context-panel p strong { color: #eef8fa; }
html[data-search-theme="dark"] .search-chat-context-panel p span { color: #bfd3dc; }
html[data-search-theme="dark"] .search-chat-context-icon { color: #9bdbe0; background: #183f54; }
html[data-search-theme="dark"] .search-recommendation-form { border-top-color: #36586a; }
html[data-search-theme="dark"] .search-recommendation-input { background: #102f43; border-color: #4a6d7d; }
html[data-search-theme="dark"] .search-recommendation-input textarea { color: #eef8fa; }
html[data-search-theme="dark"] .search-recommendation-input textarea::placeholder,
html[data-search-theme="dark"] .search-recommendation-note { color: #a9bfca; }
html[data-search-theme="dark"] .search-recommendation-feedback.is-success { color: #c9f2df; background: #174839; }
html[data-search-theme="dark"] .search-recommendation-feedback.is-error { color: #ffd8d2; background: #5d302e; }
html[data-search-theme="dark"] .search-chat-close .l24-icon-action { color: #bfd3dc; }
html[data-search-theme="dark"] .search-chat-close .l24-icon-action:hover { color: #eef8fa; background: #183f54; }
html[data-search-theme="dark"] .directory-main-search,
html[data-search-theme="dark"] .search-classic-tools > div { background: rgba(13,38,55,.96); border-color: #36586a; }
html[data-search-theme="dark"] .directory-query-field,
html[data-search-theme="dark"] .directory-place-field { background: #183a50; border-color: #36586a; }
html[data-search-theme="dark"] .directory-query-field:focus-within,
html[data-search-theme="dark"] .directory-place-field:focus-within { background: #21445a; border-color: #73cbd0; box-shadow: 0 0 0 4px rgba(115,203,208,.12); }
html[data-search-theme="dark"] .directory-main-search input { color: #eef8fa; background: transparent; }
html[data-search-theme="dark"] .directory-main-search select { color: #eef8fa; background: #183a50; border-color: #36586a; color-scheme: dark; }
html[data-search-theme="dark"] .directory-main-search input::placeholder { color: #abc1cc; opacity: 1; }
html[data-search-theme="dark"] .directory-main-search svg { color: #9bc9d4; }
html[data-search-theme="dark"] .search-classic-tools a { color: #b7ccd5; }
html[data-search-theme="dark"] .search-classic-tools a.is-active { color: #082c3d; background: #83d7dc; }
html[data-search-theme="dark"] .search-classic-tools > span { color: #bfd3dc; }
html[data-search-theme="dark"] .search-classic-empty > svg { color: #9bdbe0; background: #183a50; }
html[data-search-theme="dark"] .directory-card { color: #dcecf1; background: #183a50; border-color: #36586a; }
html[data-search-theme="dark"] .directory-card h2,
html[data-search-theme="dark"] .directory-card strong { color: #eef8fa; }

@media (prefers-color-scheme: dark) {
	html:not([data-search-theme]) .search-experience {
		background-color: #0d3f68;
	}
	html:not([data-search-theme]) .search-experience::before { background-image: url('/img/local24-village-panorama-night-v1.png'); }
	html:not([data-search-theme]) .search-experience::after { background: linear-gradient(180deg, #0d3f68 0%, #0d3f68 22%, rgba(13,63,104,.92) 34%, rgba(13,63,104,.56) 46%, rgba(13,63,104,.12) 60%, rgba(13,63,104,0) 72%); }

	html:not([data-search-theme]) .search-experience-head.is-chat-start h1 { color: #d9f0f3; }
	html:not([data-search-theme]) .search-experience-head.is-chat-start p,
	html:not([data-search-theme]) .search-network-stats { color: #c6dce6; }
	html:not([data-search-theme]) .search-network-stats svg { color: #8ed4dc; }
}

.search-experience-inner {
	position: relative;
	z-index: 1;
	width: min(1040px, 100%);
	margin: 0 auto;
}

.search-mode-switch {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: min(270px, 100%);
	margin: 0 auto 24px;
	padding: 4px;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid #d7e7e9;
	border-radius: 999px;
	box-shadow: 0 8px 24px rgba(24, 100, 108, 0.08);
}

.search-mode-switch a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 38px;
	padding: 8px 14px;
	color: #557078;
	border-radius: 999px;
	font-size: 0.88rem;
	font-weight: 800;
	text-decoration: none;
}

.search-mode-switch a.is-active {
	color: #fff;
	background: #0f767e;
	box-shadow: 0 5px 14px rgba(15, 118, 126, 0.2);
}

.search-mode-switch svg { width: 17px; height: 17px; }

.search-experience-head {
	max-width: 780px;
	margin: 0 auto 20px;
	text-align: center;
}

.search-experience-head h1 {
	margin: 0;
	color: #425f68;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
}

.search-experience-head.is-chat-start {
	margin-bottom: 38px;
}

.search-experience-head.is-chat-start h1 {
	color: #17636b;
	font-size: var(--l24-font-size-display);
	font-weight: var(--l24-font-weight-bold);
	line-height: var(--l24-line-height-display);
	letter-spacing: -.035em;
	min-height: 2.08em;
	transition: opacity .18s ease, transform .18s ease;
}

.search-experience-head.is-chat-start h1.is-changing { opacity: 0; transform: translateY(3px); }
.search-experience-head.is-chat-start h1 .search-claim-line { color: inherit; }
.search-experience-head.is-chat-start h1 .search-claim-accent { color: #f59e0b; }
.search-experience-head.is-chat-start p { margin: 18px 0 0; color: #65778d; font-size: var(--l24-font-size-lead); line-height: var(--l24-line-height-lead); }

@media (prefers-reduced-motion: reduce) {
	.search-experience-head.is-chat-start h1 { transition: none; }
	.search-experience-head.is-chat-start h1.is-changing { opacity: 1; transform: none; }
}

.search-chat-start {
	max-width: 900px;
	margin: 0 auto;
}

.search-chat-start-bar {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) 1px 46px 58px;
	align-items: center;
	gap: 8px;
	min-height: 86px;
	padding: 8px 10px 8px 12px;
	background: rgba(255,255,255,.97);
	border: 1px solid rgba(210,230,233,.96);
	border-radius: 999px;
	box-shadow: 0 22px 58px rgba(32,119,127,.16);
}

.search-chat-start-avatar {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 1px solid #d9e7e9;
	border-radius: 50%;
	background: #eef5f6;
	color: #176870;
	font-size: 14px;
	font-weight: 700;
	object-fit: cover;
}
.search-chat-start input { min-width: 0; border: 0; outline: 0; background: transparent; color: #102a43; font: inherit; }
.search-chat-start-bar > input[type="text"] { padding: 0 12px; font-size: 1.02rem; }
.search-chat-start-divider { width: 1px; height: 42px; background: #dce9eb; }
.search-chat-tool-button,
.search-chat-actions button {
	display: inline-flex; align-items: center; justify-content: center; gap: 7px;
	width: 46px; height: 46px; padding: 0; color: #0f767e; background: #fff;
	border: 1px solid #d3e5e8; border-radius: 50%; font-weight: 800;
}
.search-chat-actions button { width: auto; padding: 9px 14px; border-radius: 12px; }
.search-chat-tool-button:hover,
.search-chat-tool-button.is-listening { color: #fff; background: #0f767e; border-color: #0f767e; }
.search-chat-tool-button.l24-icon-action[data-location-active="1"] {
	color: #fff;
	background: var(--l24-control-primary, #0f767e);
	border-color: var(--l24-control-primary, #0f767e);
	box-shadow: inset 0 0 0 2px color-mix(in srgb, #fff 24%, transparent), 0 4px 12px rgba(10, 104, 113, .18);
}
.search-chat-tool-button.l24-icon-action[data-location-active="1"]:hover {
	color: #fff;
	background: var(--l24-control-primary-hover, #0b6168);
	border-color: var(--l24-control-primary-hover, #0b6168);
}
.search-chat-tool-button svg,
.search-chat-actions button svg { width: 17px; height: 17px; }
.search-chat-submit { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; padding: 0; color: #fff; background: #0f767e; border: 0; border-radius: 50%; box-shadow: 0 8px 18px rgba(15,118,126,.22); }
.search-chat-submit:hover { background: #0b6269; }
.search-chat-submit svg { width: 25px; height: 25px; }
.search-chat-start [data-location-status],
.search-chat-start [data-search-voice-status] { display: block; padding: 8px 18px 0; color: #5d737c; font-size: .82rem; text-align: center; }
.search-chat-start [data-location-status]:empty,
.search-chat-start [data-search-voice-status]:empty { display: none; }

.search-network-stats { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 24px 0 0; color: #536d7b; font-size: var(--l24-font-size-body-small); }
.search-network-stats svg { flex: 0 0 auto; width: 19px; height: 19px; color: #1f6f78; }
.search-network-stats strong { color: inherit; font-weight: 750; }

.search-chat-ideas {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 28px;
}
.search-chat-ideas a,
.search-chat-criteria em {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 11px 18px;
	color: #37636a;
	background: rgba(255,255,255,.86);
	border: 1px solid #d8e8ea;
	border-radius: 999px;
	font-size: .88rem;
	font-style: normal;
	font-weight: 700;
}
.search-chat-ideas a { text-decoration: none; box-shadow: 0 6px 18px rgba(31,103,111,.04); }
.search-chat-ideas svg { width: 19px; height: 19px; color: #1f6f78; }

.search-chat-shell {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
	background: rgba(255,255,255,.96);
	border: 1px solid #d0e4e6;
	border-radius: 28px;
	box-shadow: 0 22px 60px rgba(31, 103, 111, .12);
}

.search-chat-close { position: absolute; z-index: 2; top: 18px; right: 18px; margin: 0; }
.search-chat-close .l24-icon-action { color: #55747b; background: transparent; }
.search-chat-close .l24-icon-action:hover { color: #0f767e; background: #eef8f9; }
.search-chat-heading { display: flex; align-items: center; gap: 20px; margin: 0 32px 0 40px; padding: 28px 36px 24px 0; border-bottom: 1px solid #d0e4e6; }
.search-chat-heading-icon { display: grid; place-items: center; flex: 0 0 64px; height: 64px; border-radius: 50%; color: #1f6f78; background: #eaf7f8; }
.search-chat-heading-icon svg { width: 32px; height: 32px; }
.search-chat-heading-copy { min-width: 0; }
.search-chat-heading-copy > span { color: #688089; text-transform: uppercase; }
.search-chat-heading h1 { margin: 6px 0 0; color: #143b42; overflow-wrap: anywhere; }
.search-chat-heading-context { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; color: #53727a; }
.search-chat-heading-context svg { flex: 0 0 16px; width: 16px; height: 16px; }
html[data-search-theme="dark"] .search-chat-heading { border-color: #36586a; }
html[data-search-theme="dark"] .search-chat-heading-icon { color: #9bdbe0; background: #183f54; }
html[data-search-theme="dark"] .search-chat-heading h1 { color: #eef8fa; }
html[data-search-theme="dark"] .search-chat-heading-copy > span,
html[data-search-theme="dark"] .search-chat-heading-context { color: #abc1cc; }
.search-chat-thread {
	display: grid;
	gap: 14px;
	padding: 20px 32px 20px 40px;
}

.search-chat-turn { display: flex; gap: 12px; }
.search-chat-turn.is-user { justify-content: flex-end; }
.search-chat-turn.is-user > div {
	max-width: 72%;
	padding: 13px 16px;
	background: #eaf7f8;
	border-radius: 18px 18px 5px 18px;
}
.search-chat-turn.is-user span,
.search-chat-message > span { display: block; margin-bottom: 4px; color: #688089; font-size: .74rem; font-weight: 650; text-transform: uppercase; letter-spacing: .06em; }
.search-chat-turn p { margin: 0; color: #35515b; line-height: 1.5; }
.search-chat-turn.is-user p { color: #143b42; font-weight: 600; }

.search-chat-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	color: #176870;
	background: #eef5f6;
	border: 1px solid #d9e7e9;
	border-radius: 50%;
	overflow: hidden;
}
.search-chat-avatar img { width: 100%; height: 100%; object-fit: cover; }
.search-chat-avatar span { font-size: 15px; font-weight: 700; }
.search-chat-message { min-width: 0; flex: 1; }
.search-answer-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 3px 0 12px; color: #688089; }
.search-answer-meta > span::before { content: "·"; margin-right: 12px; }
.search-refinements { margin: 0 32px 20px 110px; }
.search-refinements > p { margin: 0 0 8px; color: #688089; }
.search-refinement-options { display: flex; flex-wrap: wrap; gap: 8px; }
.search-clarification-options { margin-top: 12px; }
.search-refinement-options form { flex: 0 1 auto; max-width: 100%; margin: 0; }
.search-refinement-card.l24-action { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; height: auto; padding-block: var(--l24-control-gap); white-space: normal; text-align: left; line-height: var(--l24-line-height-small); }
.search-refinement-card .l24-type-caption { opacity: .8; }
html[data-search-theme="dark"] .search-answer-meta,
html[data-search-theme="dark"] .search-refinements > p { color: #abc1cc; }
.search-chat-message > span { margin-top: 4px; font-size: .78rem; }
.search-chat-message h2 { margin: 8px 0 7px; color: #102a43; font-size: 18px; font-weight: 650; line-height: 1.4; }
.search-chat-criteria { display: flex; flex-wrap: wrap; gap: 7px; margin: 7px 0 14px; }
.search-chat-criteria em { background: #f6fafb; }
.search-chat-dialogue { max-width: 700px; font-size: 1.02rem; }
.search-chat-dialogue strong { display: block; margin-top: 9px; color: #102a43; font-weight: 700; }
.search-chat-inline-link { color: #0f767e; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.search-chat-inline-link:hover { color: #0a5f66; text-decoration-thickness: 2px; }
.search-chat-inline-link:focus-visible { border-radius: 3px; outline: 3px solid var(--l24-control-focus); outline-offset: 2px; }
.search-chat-follow-up { margin-top: 16px !important; color: #102a43 !important; font-weight: 650; }

.search-chat-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.search-chat-actions a,
.search-chat-classic-link { color: #0f767e; font-weight: 800; text-decoration: none; }
.search-chat-classic-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; }
.search-chat-classic-link svg { width: 17px; height: 17px; }

.search-chat-answer-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 14px;
	padding: 15px;
	background: #f8fbfc;
	border: 1px solid #dce9eb;
	border-radius: 15px;
}
.search-chat-answer-card div { display: grid; gap: 3px; }
.search-chat-answer-card span { color: #668089; font-size: .84rem; }
.search-chat-answer-card b { color: #102a43; font-size: 1.5rem; white-space: nowrap; }
.search-chat-primary-action { display: inline-flex; margin-top: 14px; text-decoration: none; }
.search-chat-primary-action button,
a.search-chat-primary-action {
	align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 16px;
	color: #fff; background: #0f767e; border: 0; border-radius: 12px; font: inherit; font-weight: 800;
}
.search-chat-primary-action svg { width: 17px; height: 17px; }

.search-flow-lead { margin-top: 2px !important; font-size: 1.02rem; }
.search-flow-results { display: grid; gap: 0; margin-top: 2px; }
.search-flow-result { display: grid; gap: 0; }
.search-flow-result p { margin: 0; font-size: .98rem; }
.search-flow-result.is-primary p { font-size: 1.03rem; }
.search-inline-mention { display: inline; }
.search-inline-mention-link { display: inline; padding: 0; color: #0f767e; background: transparent; border: 0; border-radius: 0; font: inherit; font-weight: 700; line-height: inherit; text-align: left; text-decoration: none; overflow-wrap: anywhere; cursor: pointer; }
.search-inline-mention-link:hover, .search-inline-mention-link:focus-visible { text-decoration: underline; text-underline-offset: .15em; }
.search-flow-alternatives { margin-top: 8px !important; color: #526f78; line-height: 1.5; }
.search-result-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 12px; }
.search-result-link { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px; border: 1px solid var(--l24-control-border); border-radius: var(--l24-control-radius); background: var(--l24-control-surface); color: inherit; font: inherit; text-align: left; text-decoration: none; cursor: pointer; box-shadow: 0 8px 24px rgba(31,103,111,.04); }
.search-result-link:hover { background: var(--l24-control-surface-soft); text-decoration: none; }
.search-result-link-copy { display: grid; gap: 4px; min-width: 0; flex: 1; overflow-wrap: anywhere; }
.search-result-link-meta { color: #607982; }
.search-result-link > svg { width: 16px; height: 16px; flex-shrink: 0; color: #607982; }
.search-result-link .search-primary-result-media { display: block; flex: 0 0 48px; width: 48px; height: 48px; }
.search-result-link .search-primary-result-image, .search-result-link .search-primary-result-placeholder { border-radius: var(--l24-control-radius-pill); }
.search-result-link.is-product .search-primary-result-image { object-fit: contain; }
.search-result-link .search-primary-result-placeholder svg { width: 24px; height: 24px; }
html[data-search-theme="dark"] .search-result-link { background: rgba(16,39,55,.88); border-color: #36596a; }
html[data-search-theme="dark"] .search-result-link-meta { color: #abc1cc; }
.search-primary-result { display: grid; grid-template-columns: 154px minmax(0,1fr); gap: 18px; margin-top: 8px; padding: 16px 18px; background: rgba(255,255,255,.86); border: 1px solid #d8e7e9; border-radius: 15px; box-shadow: 0 8px 24px rgba(31,103,111,.04); }
.search-primary-result[hidden] { display: none; }
.search-primary-result-media { display: block; width: 154px; height: 116px; align-self: start; }
.search-primary-result-image { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 8px; }
.search-primary-result-placeholder { width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 8px; text-align: center; color: #607982; background: #edf3f6; border: 1px dashed #b9cfd5; border-radius: 8px; }
.search-primary-result-placeholder svg { width: 32px; height: 32px; }
.search-primary-result-placeholder[hidden], .search-primary-result-image[hidden] { display: none; }
html[data-search-theme="dark"] .search-primary-result-placeholder { color: #c4d5dc; background: #294858; border-color: #36596a; }
.search-primary-result.is-product .search-primary-result-image { object-fit: contain; }
.search-primary-result .search-result-operator { margin: 0; color: #607982; font-size: var(--l24-font-size-body-small); }
.search-primary-result-body { display: grid; grid-template-columns: minmax(0,1fr) 216px; align-content: start; gap: 10px 18px; min-width: 0; }
.search-primary-result-copy { display: grid; align-content: start; gap: 6px; min-width: 0; }
.search-primary-result h3 { margin: 0; color: #17384a; font-size: var(--l24-font-size-h4); line-height: 1.3; }
.search-primary-result-location-row { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 10px; }
.search-primary-result-location-row > form { display: contents; }
.search-opening-status { display: inline-flex; align-items: center; gap: 6px; color: #607982; }
.search-opening-status.is-open { color: #14723f; }
.search-opening-status.is-closed { color: #b63636; }
.search-opening-status svg { width: 16px; height: 16px; flex-shrink: 0; }
html[data-search-theme="dark"] .search-opening-status { color: #abc1cc; }
html[data-search-theme="dark"] .search-opening-status.is-open { color: #9ad9b5; }
html[data-search-theme="dark"] .search-opening-status.is-closed { color: #ffaaaa; }
[data-search-data-report] { display: grid; gap: 12px; }
[data-search-data-report] button[type="submit"] { justify-self: start; }
[data-search-data-report] button[hidden] { display: none; }
.search-primary-result-location { display: flex; align-items: center; gap: 6px; margin: 0 !important; color: #607982; font-size: var(--l24-font-size-label) !important; }
.search-primary-result-location svg { flex: 0 0 auto; width: 16px; height: 16px; }
.search-primary-result-status { display: inline-flex; align-items: center; justify-self: start; gap: 6px; margin: 2px 0 0 !important; padding: 6px 10px; color: #14723f; background: #dff7e8; border-radius: 999px; font-size: var(--l24-font-size-caption) !important; }
.search-primary-result-status svg { width: 16px; height: 16px; }
.search-primary-result-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.search-primary-result-tags span { padding: 5px 10px; color: #607982; background: #edf3f6; border-radius: 999px; font-size: var(--l24-font-size-caption); }
.search-primary-result-actions { display: grid; align-content: start; gap: 8px; padding-left: 16px; border-left: 1px solid var(--l24-control-border); }
.search-primary-result-actions form { display: contents; }
.search-primary-result-actions .l24-action.l24-action--s { display: grid; grid-template-columns: 20px minmax(0,1fr) 14px; gap: 8px; width: 100%; min-height: 44px; padding: 9px 10px; text-align: left; white-space: normal; }
.search-primary-result-actions svg { width: 20px; height: 20px; }
.search-primary-result-actions svg:last-child { width: 14px; height: 14px; }
.search-primary-result-actions .search-action-unavailable:disabled { grid-template-columns: 20px minmax(0,1fr); padding-right: 38px; color: #5b6871; background: #edf0f2; border-color: #d6dee2; box-shadow: none; opacity: 1; cursor: not-allowed; }
.search-action-with-help { position: relative; min-width: 0; }
.search-action-help { position: absolute; right: 2px; top: 0; bottom: 0; width: 34px; display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--l24-control-radius); background: transparent; color: #5b6871; cursor: pointer; }
.search-action-help:hover, .search-action-help[aria-expanded="true"] { background: rgba(91,104,113,.12); }
.search-action-help:focus-visible { outline: 2px solid var(--l24-control-focus); outline-offset: 2px; }
.search-primary-result-actions .search-action-help svg { width: 16px; height: 16px; }
.search-action-tooltip { position: absolute; z-index: 10; right: 0; bottom: calc(100% + 6px); width: max-content; max-width: min(240px, calc(100vw - 48px)); padding: 9px 12px; border: 1px solid var(--l24-control-border); border-radius: var(--l24-control-radius); color: #17384a; background: #fff; box-shadow: 0 4px 16px rgba(23,56,74,.16); white-space: normal; }
.search-action-tooltip[hidden] { display: none; }
html[data-search-theme="dark"] .search-primary-result-actions .search-action-unavailable:disabled { color: #bdcbd2; background: #283b47; border-color: #48606d; }
html[data-search-theme="dark"] .search-action-help { color: #bdcbd2; }
html[data-search-theme="dark"] .search-action-tooltip { color: #eef8fa; background: #183a50; border-color: #48606d; }
.search-result-preview-toggle { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; padding: 0; color: #0f767e; background: transparent; border: 0; font: inherit; font-weight: 750; cursor: pointer; }
.search-result-preview-toggle svg { width: 17px; height: 17px; transition: transform .16s ease; }
.search-result-preview-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.search-result-preview { display: grid; gap: 12px; margin-top: 10px; padding: 14px; background: #f8fbfc; border: 1px solid #dce9eb; border-radius: 13px; }
.search-result-preview[hidden] { display: none; }
.search-result-preview-head { display: flex; align-items: center; gap: 10px; }
.search-result-preview-head > div { display: grid; gap: 2px; }
.search-result-preview-head > div span { color: #668089; font-size: var(--l24-font-size-caption); }
.search-result-preview-avatar { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; color: #176a72; background: #eaf8f9; border-radius: 50%; }
.search-result-preview-avatar svg { width: 18px; height: 18px; }
.search-result-preview-image { width: 92px; height: 72px; object-fit: cover; border-radius: 9px; border: 1px solid #dce9eb; background: #fff; }
.search-result-preview-facts { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.search-result-preview-facts span { display: inline-flex; align-items: center; gap: 5px; color: #526f78; font-size: var(--l24-font-size-caption); }
.search-result-preview-facts svg { width: 14px; height: 14px; }
.search-result-why { padding-top: 9px; border-top: 1px solid #dce9eb; }
.search-result-why summary { color: #0f767e; font-weight: 750; cursor: pointer; }
.search-result-why p { margin-top: 8px; font-size: var(--l24-font-size-body-small); }
.search-chat-decisions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.search-chat-decisions form { display: contents; }
.search-result-preview-toggle:focus-visible,
.search-inline-mention-link:focus-visible,
.search-result-link:focus-visible { outline: 3px solid var(--l24-control-focus); outline-offset: 2px; }

.search-chat-composer {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 44px 56px;
	align-items: center;
	gap: 8px;
	margin: 0 24px 18px;
	padding: 7px 8px;
	background: #fff;
	border: 1px solid #d7e7e9;
	border-radius: 999px;
	box-shadow: 0 8px 24px rgba(31,103,111,.06);
}
.search-chat-composer[hidden] { display: none; }
.search-chat-composer-symbol { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: #16808a; background: #eaf8f9; border-radius: 50%; }
.search-chat-composer-symbol svg { width: 20px; height: 20px; }
.search-chat-composer input { min-width: 0; min-height: 48px; padding: 10px 12px; background: transparent; border: 0; font: inherit; outline: 0; }
.search-chat-composer .search-chat-tool-button { width: 42px; height: 42px; }
.search-chat-composer .search-chat-submit { width: 50px; height: 50px; }
.search-chat-composer .search-chat-submit svg { width: 22px; height: 22px; }

.search-chat-context-panel {
	display: block;
	padding: 15px 22px;
	background: #eef8f9;
	border-top: 1px solid #d5e8ea;
}
.search-recommendation-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.search-recommendation-summary > div { display: flex; align-items: center; gap: 12px; min-width: 0; }
.search-chat-context-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 38px; height: 38px; color: #176a72; background: #fff; border-radius: 50%; }
.search-chat-context-icon svg { width: 18px; height: 18px; }
.search-chat-context-panel p { display: grid; gap: 2px; margin: 0; line-height: 1.35; }
.search-chat-context-panel p strong { color: #17384a; font-size: var(--l24-font-size-label); }
.search-chat-context-panel p span { color: #526f78; font-size: var(--l24-font-size-caption); }
.search-chat-context-panel .l24-action { flex: 0 0 auto; text-decoration: none; }
.search-recommendation-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid #d5e8ea; }
.search-recommendation-form[hidden] { display: none; }
.search-recommendation-input { display: grid; grid-template-columns: minmax(0,1fr) var(--l24-control-height-m) var(--l24-control-height-m); align-items: center; gap: var(--l24-control-gap); padding: 6px; background: #fff; border: var(--l24-control-border-width) solid var(--l24-control-border); border-radius: var(--l24-control-radius); }
.search-recommendation-input:focus-within { border-color: var(--l24-control-primary); outline: 3px solid var(--l24-control-focus); outline-offset: 2px; }
.search-recommendation-input textarea { width: 100%; min-height: 52px; max-height: 130px; padding: 10px 12px; resize: vertical; color: #27464f; background: transparent; border: 0; font: inherit; line-height: 1.45; outline: 0; }
.search-recommendation-note { display: block; margin: 7px 4px 0; color: #607982; font-size: var(--l24-font-size-caption); }
.search-recommendation-feedback { display: flex !important; align-items: center; gap: 7px !important; margin: 0 0 10px !important; padding: 9px 11px; border-radius: var(--l24-control-radius); font-size: var(--l24-font-size-label); }
.search-recommendation-feedback svg { flex: 0 0 auto; width: var(--l24-control-icon-s); height: var(--l24-control-icon-s); }
.search-recommendation-feedback.is-success { color: #175c43; background: #e8f7ef; }
.search-recommendation-feedback.is-error { color: #8a3d35; background: #fff0ed; }
.search-recommendation-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.directory-main-search.search-classic-form { margin-top: 8px; grid-template-columns: minmax(0, 1fr) var(--l24-control-height-m); }
.search-classic-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 4px 12px; }
.search-classic-tools > div { display: inline-flex; gap: 5px; padding: 4px; background: #fff; border: 1px solid #dce8ea; border-radius: 999px; }
.search-classic-tools a { padding: 6px 11px; color: #5e747c; border-radius: 999px; font-size: .82rem; font-weight: 800; }
.search-classic-tools a.is-active { color: #fff; background: #0f767e; }
.search-classic-tools > span { color: #687e86; font-size: .84rem; font-weight: 700; }
.search-classic-results { margin-top: 0; overflow: hidden; background: #fff; border: 1px solid #d8e7e9; border-radius: 20px; box-shadow: 0 16px 42px rgba(32,119,127,.08); }
.search-classic-results .directory-card-main > p { margin: 8px 0; color: #5b7079; }
.search-classic-empty { display: grid; justify-items: center; gap: 8px; min-height: 260px; padding: 70px 20px; text-align: center; }
.search-classic-empty > svg { width: 42px; height: 42px; padding: 10px; color: #829ca5; background: #f0f5f7; border-radius: 50%; }
.search-classic-empty h2 { margin: 5px 0 0; color: #102a43; }
.search-classic-empty p { margin: 0; color: #687e86; }
.search-experience-owner { margin-top: 56px; }

@media (max-width: 760px) {
	.site-header-search-page .nav-wrap { min-height: 48px; padding-inline: 10px; }
	.site-header-search-page .main-nav { display: none; }
	.site-header .search-header-brand .local24-brand-logo { width: 76px; height: auto; }
	.search-header-mode-switch a { min-height: 28px; padding: 5px 8px; font-size: 11px; }
	.search-experience { padding: 140px 12px 64px; }
	.search-experience::before { background-size: auto 330px; }
	.search-display-settings { top: 7px; right: 8px; left: 8px; max-width: none; }
	.search-settings-toolbar.l24-horizontal-accordion { grid-template-columns: minmax(0, 1fr) auto; row-gap: 8px; width: 100%; }
	.search-settings-preferences { grid-column: 2; grid-row: 1; }
	.search-location-controls { grid-row: 2; grid-column: 1 / -1; max-width: 100%; }
	.search-location-label { max-width: 150px; }
	.search-location-controls:has([data-l24-horizontal-accordion-item="radius"].is-open) .search-location-label { max-width: 80px; }
	.search-location-controls:has(.search-location-control.is-open) { width: 100%; }
	.search-location-control.is-open { flex: 1 1 auto; }
	.search-location-panel input[type="text"], .search-location-panel select { width: 100%; flex: 1 1 80px; }
	.search-location-control.is-open + .l24-horizontal-accordion__item { flex: 0 0 auto; }
	.search-experience-head { margin-bottom: 18px; }
	.search-experience-head h1 { font-size: 15px; }
	.search-experience-head.is-chat-start { margin-bottom: 28px; }
	.search-experience-head.is-chat-start h1 { font-size: var(--l24-font-size-h1); }
	.search-experience-head.is-chat-start p { margin-top: 12px; font-size: var(--l24-font-size-body-small); }
	.search-chat-start-bar { grid-template-columns: 44px minmax(0,1fr) 38px 44px; min-height: 66px; gap: 4px; padding: 6px 7px; }
	.search-chat-start-avatar { width: 44px; height: 44px; }
	.search-chat-start-divider { display: none; }
	.search-chat-start-bar > input[type="text"] { padding: 0 5px; font-size: .9rem; }
	.search-chat-start-bar .search-chat-tool-button { width: 36px; height: 36px; }
	.search-chat-start-bar .search-chat-submit { width: 42px; height: 42px; }
	.search-chat-start-bar .search-chat-submit svg { width: 20px; height: 20px; }
	.search-network-stats { margin: 18px auto 0; max-width: 330px; font-size: var(--l24-font-size-caption); text-align: center; }
	.search-chat-ideas { gap: 7px; margin-top: 20px; }
	.search-chat-ideas a { padding: 8px 11px; font-size: .76rem; }
	.search-chat-close { top: 12px; right: 12px; }
	.search-chat-heading { gap: 12px; margin: 0 16px; padding: 24px 28px 20px 0; align-items: flex-start; }
	.search-chat-heading-icon { flex-basis: 48px; height: 48px; }
	.search-chat-heading-icon svg { width: 24px; height: 24px; }
	.search-chat-heading h1 { font-size: var(--l24-font-size-h3); line-height: var(--l24-line-height-h3); }
	.search-chat-thread { padding: 18px 16px; }
	.search-refinements { margin: 0 16px 20px; }
	.search-refinement-options form { flex: 1 1 140px; }
	.search-refinement-card.l24-action { width: 100%; }
	.search-chat-turn.is-user > div { max-width: 88%; }
	.search-chat-avatar { flex-basis: 48px; width: 48px; height: 48px; border-radius: 50%; }
	.search-result-links { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.search-primary-result { grid-template-columns: 1fr; padding: 12px; }
	.search-primary-result-media { width: 100%; height: 160px; }
	.search-primary-result-body { grid-template-columns: 1fr; }
	.search-primary-result-actions { padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--l24-control-border); }
	.search-chat-answer-card { align-items: flex-start; flex-direction: column; }
	.search-chat-composer { grid-template-columns: 36px minmax(0,1fr) 36px 44px; gap: 3px; margin: 0 9px 12px; padding: 5px; }
	.search-chat-composer-symbol { width: 34px; height: 34px; }
	.search-chat-composer input { min-height: 42px; padding: 8px 5px; font-size: .9rem; }
	.search-chat-composer .search-chat-tool-button { width: 34px; height: 34px; }
	.search-chat-composer .search-chat-submit { width: 42px; height: 42px; }
	.search-chat-context-panel { padding: 14px 16px 16px; }
	.search-recommendation-summary { align-items: stretch; flex-direction: column; gap: 11px; }
	.search-recommendation-summary .l24-action { align-self: flex-start; }
	.search-recommendation-input { grid-template-columns: minmax(0,1fr) 36px 36px; gap: 4px; }
	.search-recommendation-input textarea { min-height: 64px; padding: 8px; }
	.search-classic-form { grid-template-columns: 1fr; border-radius: 18px; }
	.search-classic-form .directory-use-location,
	.search-classic-form select,
	.search-classic-form > button[type="submit"] { width: 100%; border-radius: 12px; }
	.search-classic-tools { align-items: flex-start; flex-direction: column; }
	.search-experience-owner { margin-top: 38px; }
}

.checkbox-row input[type="checkbox"],
.toggle-row input[type="checkbox"],
.highlight-action-toggle-wrap input[type="checkbox"],
.editor-checkbox-row input[type="checkbox"],
.acp-data-table input[type="checkbox"] {
	position: relative;
	flex: 0 0 auto;
	width: 44px;
	min-width: 44px;
	height: 24px;
	min-height: 24px;
	margin: 0;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--local24-teal) 20%, var(--local24-line));
	border-radius: 999px;
	appearance: none;
	background: #dbe4ea;
	box-shadow: inset 0 1px 2px rgba(35, 49, 61, 0.12);
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.checkbox-row input[type="checkbox"]::before,
.toggle-row input[type="checkbox"]::before,
.highlight-action-toggle-wrap input[type="checkbox"]::before,
.editor-checkbox-row input[type="checkbox"]::before,
.acp-data-table input[type="checkbox"]::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 2px 6px rgba(35, 49, 61, 0.22);
	transition: transform 160ms ease;
}

.checkbox-row input[type="checkbox"]:checked,
.toggle-row input[type="checkbox"]:checked,
.highlight-action-toggle-wrap input[type="checkbox"]:checked,
.editor-checkbox-row input[type="checkbox"]:checked,
.acp-data-table input[type="checkbox"]:checked {
	border-color: var(--local24-teal);
	background: linear-gradient(135deg, var(--local24-teal), var(--local24-teal-dark));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--local24-teal) 12%, transparent);
}

.checkbox-row input[type="checkbox"]:checked::before,
.toggle-row input[type="checkbox"]:checked::before,
.highlight-action-toggle-wrap input[type="checkbox"]:checked::before,
.editor-checkbox-row input[type="checkbox"]:checked::before,
.acp-data-table input[type="checkbox"]:checked::before {
	transform: translateX(20px);
}

.checkbox-row input[type="checkbox"]:focus-visible,
.toggle-row input[type="checkbox"]:focus-visible,
.highlight-action-toggle-wrap input[type="checkbox"]:focus-visible,
.editor-checkbox-row input[type="checkbox"]:focus-visible,
.acp-data-table input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--local24-orange);
	outline-offset: 3px;
}

.checkbox-row input[type="checkbox"]:disabled,
.toggle-row input[type="checkbox"]:disabled,
.editor-checkbox-row input[type="checkbox"]:disabled,
.acp-data-table input[type="checkbox"]:disabled {
	opacity: 0.58;
	cursor: not-allowed;
}

.checkbox-row small {
	color: #5f6f87;
	line-height: 1.5;
}

.info-box {
	margin: 18px 0;
	padding: 14px 16px;
	border: 1px solid #dbe4ea;
	border-radius: 8px;
	background: #fff;
	color: #253142;
}

.form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.auth-debug-panel {
	display: grid;
	gap: 12px;
	margin: 18px 0;
	padding: 14px;
	border: 1px dashed var(--local24-orange);
	border-radius: 8px;
	background: #fffaf0;
	color: #23313d;
}

.auth-debug-panel > div:first-child {
	display: grid;
	gap: 2px;
}

.auth-debug-panel strong {
	color: #92400e;
}

.auth-debug-panel span,
.auth-debug-panel small,
.auth-debug-empty {
	color: #667085;
}

.auth-debug-actions,
.auth-debug-user-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.auth-debug-register-list {
	display: grid;
	gap: 8px;
}

.auth-debug-register-list button {
	display: grid;
	grid-template-columns: minmax(150px, 0.58fr) minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px 14px;
	width: 100%;
	min-height: 56px;
	padding: 10px 12px;
	border: 1px solid #fde7ba;
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 250, 240, 0.96)),
		#ffffff;
	color: #23313d;
	text-align: left;
	cursor: pointer;
}

.auth-debug-register-list button:hover {
	border-color: var(--local24-orange);
	box-shadow: 0 10px 24px rgba(245, 155, 16, 0.14);
	transform: translateY(-1px);
}

.auth-debug-register-list button.is-active {
	border-color: var(--local24-teal);
	background:
		linear-gradient(135deg, rgba(32, 119, 127, 0.1), rgba(245, 155, 16, 0.08)),
		#ffffff;
	box-shadow: 0 12px 26px rgba(32, 119, 127, 0.14);
}

.auth-debug-register-list button.is-active::after {
	content: "aktiv";
	justify-self: end;
	width: fit-content;
	padding: 3px 8px;
	border-radius: 999px;
	color: #ffffff;
	background: var(--local24-teal);
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.auth-debug-register-list button span,
.auth-debug-register-list button strong,
.auth-debug-register-list button small,
.auth-debug-register-list button em {
	display: block;
	min-width: 0;
}

.auth-debug-register-list button strong {
	color: #23313d;
	font-size: 14px;
	font-weight: 900;
}

.auth-debug-register-list button small {
	margin-top: 2px;
	color: #92400e;
	font-size: 12px;
	font-weight: 800;
}

.auth-debug-register-list button em {
	grid-column: 2;
	overflow: hidden;
	color: #667085;
	font-size: 12px;
	font-style: normal;
	font-weight: 760;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.auth-debug-user-list {
	display: grid;
}

.auth-debug-user-list button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 40px;
	padding: 9px 10px;
	border: 1px solid #fde7ba;
	border-radius: 7px;
	background: #ffffff;
	color: #23313d;
	text-align: left;
}

.auth-debug-user-list button span {
	overflow: hidden;
	color: #23313d;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.auth-debug-user-list button small {
	flex: 0 0 auto;
	padding: 2px 7px;
	border-radius: 999px;
	background: #fef3c7;
	font-weight: 800;
}

.auth-debug-mail dl {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr);
	gap: 6px 10px;
	margin: 0;
}

.auth-debug-mail dt {
	color: #92400e;
	font-weight: 850;
}

.auth-debug-mail dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.auth-debug-mail pre {
	overflow: auto;
	margin: 0;
	padding: 12px;
	border: 1px solid #fde7ba;
	border-radius: 7px;
	background: #ffffff;
	color: #23313d;
	font-size: 12px;
	line-height: 1.45;
	white-space: pre-wrap;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	color: var(--ink);
	font-family: Arial, Helvetica, sans-serif;
	background: var(--white);
	line-height: 1.5;
}

.font-system {
	font-family: Arial, Helvetica, sans-serif;
}

.font-soft {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.font-classic {
	font-family: Georgia, "Times New Roman", serif;
}

.company-page-theme,
.article-maker-result {
	container-type: inline-size;
	font-family: var(--company-font-body, Arial, Helvetica, sans-serif);
	color: var(--company-page-text, var(--ink));
	background: var(--company-page-bg, var(--company-surface, var(--white)));
	--company-font-body-scale: 1;
	--company-font-heading-scale: 1;
	/* Shared by the onepager and every editorial Smartpage; compensate the chosen font once. */
	--company-font-body-size: calc(16px * var(--company-font-body-scale));
	--company-font-lead-size: calc(18px * var(--company-font-body-scale));
	--company-hero-heading-size: clamp(calc(32px * var(--company-font-heading-scale)), calc(4.2cqw * var(--company-font-heading-scale)), calc(48px * var(--company-font-heading-scale)));
	--company-section-heading-size: clamp(calc(26px * var(--company-font-heading-scale)), calc(3cqw * var(--company-font-heading-scale)), calc(30px * var(--company-font-heading-scale)));
	--company-card-heading-size: clamp(calc(20px * var(--company-font-heading-scale)), calc(2.2cqw * var(--company-font-heading-scale)), calc(22px * var(--company-font-heading-scale)));
	--company-highlight-heading-size: var(--company-card-heading-size);
	--company-small-heading-size: calc(18px * var(--company-font-heading-scale));
	--company-font-body-line-height: 1.5;
	--company-font-heading-line-height: 1.04;
}

.company-page-theme > section,
.current-entry-public-page,
.editor-article-preview {
	container-type: inline-size;
}

.company-page-theme p,
.company-page-theme a,
.company-page-theme span:not(.brand-mark-letter),
.company-page-theme li,
.company-page-theme input,
.company-page-theme textarea,
.company-page-theme select,
.company-page-theme button {
	font-family: var(--company-font-body, Arial, Helvetica, sans-serif);
	font-size-adjust: from-font;
}

.company-page-theme h1,
.company-page-theme h2,
.company-page-theme .brand-text {
	font-family: var(--company-font-heading, var(--company-font-body, Arial, Helvetica, sans-serif));
	font-weight: var(--company-heading-weight, 800);
	text-transform: var(--company-heading-transform, none);
}

.company-page-theme h3,
.company-page-theme h4 {
	font-family: var(--company-font-heading, var(--company-font-body, Arial, Helvetica, sans-serif));
	font-weight: var(--company-heading-weight, 800);
	text-transform: var(--company-heading-transform, none);
}

.company-page-theme h1 {
	font-size: var(--company-hero-heading-size);
	line-height: var(--company-font-heading-line-height, 1.04);
}

.company-page-theme h2 {
	font-size: var(--company-section-heading-size);
	line-height: var(--company-font-heading-line-height, 1.04);
}

.company-page-theme h3 {
	font-size: var(--company-card-heading-size);
	line-height: var(--company-font-heading-line-height, 1.04);
}

.company-page-theme h4 {
	font-size: var(--company-small-heading-size);
	line-height: var(--company-font-heading-line-height, 1.04);
}

.company-page-theme strong {
	font-family: inherit;
}

.company-page-theme p,
.company-page-theme li {
	font-size: var(--company-font-body-size, 1em);
	line-height: var(--company-font-body-line-height, 1.5);
}

.company-page-theme .btn,
.company-page-theme button,
.company-page-theme input,
.company-page-theme textarea,
.company-page-theme select {
	border-radius: var(--company-button-radius, 8px);
}

.company-page-theme .service-card,
.company-page-theme .reference-card,
.company-page-theme .meta-card,
.company-page-theme .contact-card,
.company-page-theme .highlight-slide,
.company-page-theme .company-cover,
.company-page-theme .media-card {
	border-radius: var(--company-card-radius, 8px);
}

.company-page-theme .service-card,
.company-page-theme .reference-card,
.company-page-theme .contact-card,
.company-page-theme .meta-grid {
	box-shadow: var(--company-card-shadow, 0 14px 34px rgba(31, 41, 51, 0.08));
}

a {
	color: var(--teal);
	text-decoration: none;
}

a:hover {
	color: var(--teal-dark);
}

.container {
	width: min(1120px, calc(100% - 32px));
	margin: 0 auto;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid var(--line);
}

.onboarding-header {
	position: sticky;
	top: 0;
	z-index: 30;
	background: rgba(255, 255, 255, 0.94);
	border-bottom: 1px solid var(--line);
	backdrop-filter: blur(14px);
}

.onboarding-header-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 74px;
	gap: 24px;
}

.onboarding-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 18px;
	color: var(--muted);
	font-weight: 700;
}

.draft-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--teal);
}

.draft-status svg {
	width: 17px;
	height: 17px;
}

.link-button {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0;
	color: var(--teal-dark);
	background: transparent;
	border: 10px solid var(--company-page-bg, #ffffff);
	font: inherit;
	font-weight: 800;
	cursor: pointer;
	text-decoration: none;
}

.link-button:hover {
	color: var(--orange);
}

.price-modal-card {
	width: min(760px, 100%);
}

.price-mini-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.price-mini-grid article {
	display: grid;
	gap: 8px;
	padding: var(--l24-control-padding-l);
	background: var(--l24-control-surface-soft);
	border: var(--l24-control-border-width) solid var(--l24-control-border);
	border-radius: var(--l24-control-radius);
}

.price-mini-grid strong {
	color: var(--ink);
	font-size: var(--l24-font-size-label);
	white-space: nowrap;
}

.price-mini-grid span {
	color: var(--muted);
	line-height: 1.45;
}

.nav-wrap,
.footer-grid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.nav-wrap {
	min-height: 72px;
}

.site-header .nav-wrap {
	flex-wrap: nowrap;
	gap: 12px;
	min-height: 48px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	scrollbar-width: none;
}

.site-header .nav-wrap::-webkit-scrollbar {
	display: none;
}

.site-header .brand {
	flex: 0 0 auto;
	gap: 7px;
	white-space: nowrap;
}

.site-header .brand-mark {
	width: 28px;
	height: 28px;
	font-size: 11px;
}

.site-header .brand-text {
	font-size: 20px;
	line-height: 1;
}

.site-header .header-search {
	flex: 1 1 240px;
	max-width: 320px;
	min-height: 32px;
	padding: 3px 4px 3px 10px;
}

.site-header .header-search input {
	min-height: 24px;
	font-size: 13px;
}

.site-header .header-search button {
	width: 26px;
	height: 26px;
	min-height: 26px;
}

.site-header .main-nav {
	flex: 0 0 auto;
	flex-wrap: nowrap;
	gap: 10px;
	font-size: 13px;
	white-space: nowrap;
}

.site-header .main-nav a {
	white-space: nowrap;
}

.site-header .main-nav .main-nav-link {
	min-height: 0;
	padding: 0;
	color: inherit;
	background: transparent;
	border: 0;
	border-radius: 0;
	font: inherit;
	font-weight: 400;
	white-space: nowrap;
}

.site-header .main-nav .main-nav-link:hover { color: var(--orange); }

.site-header .main-nav .btn {
	min-height: 32px;
	padding: 6px 10px;
	font-size: 13px;
}

.anonymous-onboarding-cta {
	position: relative;
	display: inline-flex;
	align-items: stretch;
	white-space: normal;
}

.anonymous-onboarding-cta .anonymous-onboarding-cta-primary {
	border-radius: 6px 0 0 6px;
}

.anonymous-onboarding-cta-more {
	position: static;
	display: flex;
}

.anonymous-onboarding-cta-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	min-height: 32px;
	padding: 0;
	color: var(--white);
	background: var(--teal);
	border: 1px solid var(--teal);
	border-left-color: rgba(255, 255, 255, .35);
	border-radius: 0 6px 6px 0;
	cursor: pointer;
}

.anonymous-onboarding-cta-toggle:hover,
.anonymous-onboarding-cta-toggle[aria-expanded="true"] {
	background: var(--teal-dark);
	border-color: var(--teal-dark);
}

.anonymous-onboarding-cta-menu {
	position: fixed;
	z-index: 10000;
	width: min(280px, calc(100vw - 32px));
	padding: 8px;
	color: var(--ink);
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(15, 23, 42, .18);
	white-space: normal;
}

.anonymous-onboarding-cta-menu[hidden] {
	display: none;
}

.anonymous-onboarding-cta-menu form {
	display: grid;
	gap: 3px;
	margin: 0;
}

.anonymous-onboarding-cta-menu button {
	justify-content: flex-start;
	min-height: 0;
	padding: 8px 10px;
	color: #9f2f2f;
	background: transparent;
	border: 0;
	border-radius: 6px;
	font: inherit;
	font-weight: 800;
	text-align: left;
}

.anonymous-onboarding-cta-menu button:hover {
	background: #fff1f1;
}

.anonymous-onboarding-cta-menu small {
	display: block;
	padding: 0 10px 8px;
	color: #64748b;
	font-size: 12px;
	line-height: 1.45;
}

.brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	color: var(--local24-teal);
	text-decoration: none;
}

.local24-brand-logo {
	display: block;
	width: auto;
	height: 38px;
	object-fit: contain;
}

.site-header .local24-brand-logo {
	height: 30px;
}

.onboarding-header .local24-brand-logo,
.preview-brand .local24-brand-logo {
	height: 34px;
}

.acp-appbar-brand .local24-brand-logo {
	height: 34px;
}

.brand-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: var(--white);
	background: var(--local24-orange);
	font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

.brand-text {
	color: var(--local24-teal);
	font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
}

.brand-text span {
	color: var(--local24-orange);
	font-family: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

.brand-product-label {
	color: #526070;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.company-page-theme .brand .brand-text,
.company-page-theme .brand .brand-text span {
	font-family: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none;
}

.company-page-theme .brand .brand-text {
	color: var(--local24-teal);
}

.company-page-theme .brand .brand-text span {
	color: var(--local24-orange);
}

.header-search {
	flex: 1 1 360px;
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr) 30px;
	align-items: center;
	gap: 8px;
	max-width: 460px;
	min-height: 38px;
	margin: 0;
	padding: 4px 5px 4px 12px;
	background: #f8fafc;
	border: 1px solid var(--line);
	border-radius: 999px;
}

.header-search svg {
	width: 17px;
	height: 17px;
	color: #94a3b8;
}

.header-search input {
	min-height: 28px;
	padding: 0;
	color: var(--ink);
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 14px;
}

.header-search button {
	width: 30px;
	height: 30px;
	min-height: 30px;
	padding: 0;
	color: var(--white);
	background: var(--teal);
	border-color: var(--teal);
	border-radius: 50%;
}

.header-search button:hover {
	background: var(--teal-dark);
	border-color: var(--teal-dark);
}

.main-nav {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 18px;
	font-size: 15px;
}

.btn,
button,
input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 16px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-weight: 700;
	cursor: pointer;
}

/* Inline result mentions size to their text instead of inheriting the action-button height. */
.search-inline-mention .search-inline-mention-link {
	min-height: unset;
}

.btn-primary,
input[type="submit"] {
	color: var(--white);
	background: var(--teal);
	border-color: var(--teal);
}

.btn-primary:hover {
	color: var(--white);
	background: var(--teal-dark);
}

.btn-outline {
	color: var(--teal);
	background: var(--white);
	border-color: var(--teal);
}

.hero {
	padding: 76px 0 48px;
	background: linear-gradient(180deg, #f3faf9 0%, #ffffff 100%);
}

.search-home {
	min-height: calc(100vh - 72px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 42px 16px;
	background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}

.search-panel {
	width: min(720px, 100%);
	overflow: hidden;
	background: var(--white);
	border: 1px solid #d9e0e7;
	border-radius: 8px;
	box-shadow: 0 28px 70px rgba(71, 85, 105, 0.22);
}

.search-box {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	border-bottom: 1px solid #eef2f6;
}

.search-box > svg,
.search-box > i svg {
	color: #94a3b8;
}

.search-box input {
	min-height: 40px;
	padding: 0;
	color: #1e293b;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 17px;
}

.search-clear,
.search-filter-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-height: 34px;
	padding: 0;
	color: #64748b;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.search-filter-button {
	color: var(--white);
	background: #1e293b;
	border-color: #1e293b;
}

.search-filter-bar,
.search-categories,
.search-panel-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 18px;
	border-bottom: 1px solid #eef2f6;
	background: #f8fafc;
}

.search-sort {
	display: flex;
	gap: 6px;
}

.search-sort button,
.search-categories a {
	min-height: 32px;
	padding: 6px 10px;
	color: #64748b;
	background: transparent;
	border: 0;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
}

.search-sort button.is-active,
.search-categories a.is-active {
	color: var(--white);
	background: #1e293b;
}

.search-filter-bar span {
	color: #94a3b8;
	font-size: 14px;
}

.search-categories {
	justify-content: flex-start;
	overflow-x: auto;
	background: var(--white);
}

.search-categories a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.search-categories svg,
.search-panel-footer svg {
	width: 15px;
	height: 15px;
}

.search-body {
	max-height: 520px;
	overflow-y: auto;
}

.search-default {
	display: grid;
	gap: 26px;
	padding: 22px;
}

.search-default h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	color: #64748b;
	font-size: 15px;
	letter-spacing: 0;
}

.search-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.search-chip-row a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 11px;
	color: #475569;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 14px;
}

.search-trends {
	margin: 0;
	padding: 0;
	list-style: none;
}

.search-trends li + li,
.search-results li + li {
	border-top: 1px solid #f1f5f9;
}

.search-trends a {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 10px;
	padding: 11px 0;
	color: #334155;
}

.search-trends span {
	color: #cbd5e1;
	font-size: 13px;
	text-align: right;
}

.search-results {
	margin: 0;
	padding: 0;
	list-style: none;
}

.search-results a {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 18px;
	align-items: start;
	gap: 14px;
	padding: 16px 18px;
	color: #1e293b;
}

.search-results a:hover {
	background: #f8fafc;
}

.result-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	color: var(--teal);
	background: #ecfeff;
	border-radius: 8px;
}

.result-main,
.result-title,
.result-description,
.result-meta {
	display: block;
}

.result-title {
	margin-bottom: 3px;
	font-weight: 800;
}

.result-title em {
	display: inline-flex;
	margin-left: 8px;
	padding: 2px 8px;
	color: #0369a1;
	background: #e0f2fe;
	border-radius: 999px;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.result-description {
	color: #64748b;
	font-size: 14px;
}

.result-meta {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 7px;
	color: #94a3b8;
	font-size: 13px;
}

.search-empty {
	display: grid;
	place-items: center;
	padding: 64px 22px;
	text-align: center;
}

.search-empty span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 14px;
	color: #94a3b8;
	background: #f1f5f9;
	border-radius: 16px;
}

.search-empty h2 {
	margin: 0 0 4px;
	font-size: 20px;
}

.search-empty p {
	margin: 0;
	color: #64748b;
}

.search-panel-footer {
	border-top: 1px solid #eef2f6;
	border-bottom: 0;
	color: #94a3b8;
	font-size: 13px;
}

.search-panel-footer div,
.search-panel-footer span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.search-panel-footer kbd {
	padding: 2px 6px;
	color: #475569;
	background: var(--white);
	border: 1px solid #e2e8f0;
	border-radius: 5px;
	font-family: Consolas, monospace;
	font-size: 12px;
}

.directory-search {
	min-height: calc(100vh - 72px);
	padding: 52px 16px 80px;
	background: linear-gradient(180deg, #eef5f6 0%, #ffffff 44%);
}

.directory-search-inner {
	width: min(920px, 100%);
	margin: 0 auto;
}

.directory-search-head {
	margin-bottom: 26px;
	text-align: center;
}

.directory-search-head img {
	display: block;
	width: min(220px, 70vw);
	height: auto;
	margin: 0 auto 14px;
}

.directory-search-head h1 {
	max-width: 560px;
	margin: 0 auto;
	color: #1e293b;
	font-size: var(--l24-font-size-display);
	line-height: var(--l24-line-height-display);
	letter-spacing: 0;
}

.directory-search-head span {
	display: block;
	margin-top: 10px;
	color: #667085;
	font-size: var(--l24-font-size-lead);
	line-height: var(--l24-line-height-lead);
}

.directory-main-search {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(170px, 0.68fr) auto 92px 48px;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 8px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #dce5eb;
	border-radius: 999px;
	box-shadow: 0 18px 52px rgba(32, 119, 127, 0.12);
}

.directory-query-field,
.directory-place-field {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	padding: 0 14px;
	background: #f8fafc;
	border: 1px solid transparent;
	border-radius: 999px;
}

.directory-place-field {
	grid-template-columns: 18px minmax(0, 1fr);
	background: var(--white);
	border-color: #e2e8f0;
}

.directory-query-field:focus-within,
.directory-place-field:focus-within {
	background: var(--white);
	border-color: rgba(32, 119, 127, 0.45);
	box-shadow: 0 0 0 4px rgba(32, 119, 127, 0.08);
}

.directory-main-search svg {
	width: 18px;
	height: 18px;
	color: #8aa0b4;
}

.directory-main-search input,
.directory-main-search select {
	width: 100%;
	min-width: 0;
	color: #1e293b;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: var(--l24-font-size-body);
}

.directory-main-search select {
	min-height: 44px;
	padding: 0 10px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	font-weight: 700;
}

.directory-main-search button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-height: 44px;
	padding: 0;
	color: var(--white);
	background: var(--teal);
	border: 0;
	border-radius: 50%;
}

.directory-main-search button svg {
	color: var(--white);
}

.directory-main-search .directory-use-location {
	width: auto;
	padding: 0 13px;
	gap: 7px;
	border-radius: 999px;
	white-space: nowrap;
	font-weight: 700;
	font-size: 0.82rem;
}

.directory-main-search .directory-use-location.is-active {
	background: #156b72;
}

.directory-location-status {
	grid-column: 1 / -1;
	padding: 0 12px 4px;
	color: #526b75;
	font-size: 0.8rem;
}

.directory-location-status:empty { display: none; }

.directory-conversation-agenda {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(320px, 1.14fr);
	gap: 22px;
	margin-top: 18px;
	padding: 18px 20px;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid #cfe3e5;
	border-radius: 18px;
	box-shadow: 0 12px 34px rgba(32, 119, 127, 0.08);
}

.directory-conversation-summary > span,
.directory-conversation-summary > span svg {
	color: var(--teal);
}

.directory-conversation-summary > span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: var(--l24-font-size-label);
	font-weight: 800;
}

.directory-conversation-summary > span svg {
	width: 17px;
	height: 17px;
}

.directory-conversation-summary h2 {
	margin: 8px 0 4px;
	color: #1e293b;
	font-size: 20px;
}

.directory-conversation-summary p,
.directory-conversation-interrupt label {
	color: #667085;
	font-size: var(--l24-font-size-body-small);
}

.directory-conversation-summary p {
	margin: 0;
}

.directory-conversation-actions {
	display: grid;
	gap: 10px;
}

.directory-conversation-interrupt label {
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
}

.directory-conversation-interrupt > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.directory-conversation-interrupt input {
	min-width: 0;
	min-height: 42px;
	padding: 9px 12px;
	border: 1px solid #d7e1e7;
	border-radius: 10px;
}

.directory-conversation-interrupt button,
.directory-conversation-resolve {
	min-height: 42px;
	padding: 9px 14px;
	border-radius: 10px;
	font-weight: 800;
}

.directory-conversation-interrupt button {
	color: var(--white);
	background: var(--teal);
	border: 1px solid var(--teal);
}

.directory-conversation-resolve {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	color: var(--teal);
	background: #effafa;
	border: 1px solid #cce7e8;
}

.directory-conversation-resolve svg {
	width: 17px;
	height: 17px;
}

.directory-options,
.directory-categories,
.directory-active-filters {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.directory-options {
	justify-content: space-between;
	padding: 0 10px;
}

.directory-sort {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid #e3ebf0;
	border-radius: 999px;
}

.directory-sort > span {
	padding: 0 8px;
	color: #7b8da3;
	font-size: var(--l24-font-size-label);
	font-weight: var(--l24-font-weight-semibold);
}

.directory-sort a,
.directory-categories a,
.directory-active-filters span,
.directory-active-filters a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 7px 12px;
	color: #506175;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid #dce5eb;
	border-radius: 999px;
	font-size: var(--l24-font-size-label);
	font-weight: var(--l24-font-weight-semibold);
}

.directory-sort a {
	min-height: 30px;
	padding: 5px 11px;
	border: 0;
	background: transparent;
}

.directory-sort a.is-active,
.directory-categories a.is-active {
	color: var(--white);
	background: #1e293b;
	border-color: #1e293b;
}

.directory-count {
	color: #7b8da3;
	font-size: var(--l24-font-size-body-small);
	font-weight: 700;
}

.directory-categories {
	justify-content: center;
}

.directory-categories svg,
.directory-active-filters svg {
	width: 15px;
	height: 15px;
}

.directory-active-filters {
	justify-content: center;
	margin-top: 18px;
}

.directory-active-filters span {
	color: var(--teal);
	background: #effafa;
	border-color: #cce7e8;
}

.directory-active-filters a {
	color: #b42318;
	background: #fff7f7;
	border-color: #ffd4d0;
}

.directory-content {
	margin-top: 34px;
}

.directory-match-reason {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
	color: #537078;
	font-size: var(--l24-font-size-label);
}

.directory-search-limitations {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	margin: 0 0 1rem;
	padding: 0.75rem 0.9rem;
	border: 1px solid rgba(15, 118, 126, 0.18);
	border-radius: 0.75rem;
	background: rgba(15, 118, 126, 0.06);
	color: #355463;
	font-size: 0.88rem;
}

.directory-search-limitations svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
	margin-top: 0.1rem;
	color: #0f767e;
}

.directory-view-switch {
	display: flex;
	justify-content: flex-end;
	gap: 0.2rem;
	margin: 0 0 0.75rem;
}
.directory-view-switch a {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.38rem 0.6rem;
	border-radius: 999px;
	color: #6b7f87;
	font-size: 0.78rem;
	font-weight: 700;
	text-decoration: none;
}
.directory-view-switch a:hover { color: #0f767e; background: rgba(15, 118, 126, 0.06); }
.directory-view-switch a.is-active { color: #0f767e; background: rgba(15, 118, 126, 0.1); }
.directory-view-switch svg { width: 0.9rem; height: 0.9rem; }

.directory-answer-next,
.directory-answer-question,
.directory-answer-candidates {
	margin-top: 1rem;
	padding: 1rem 1.1rem;
	border: 1px solid #dce8eb;
	border-radius: 0.9rem;
	background: rgba(255,255,255,0.86);
}
.directory-answer-next { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #49636c; }
.directory-answer-next > div { display: inline-flex; align-items: center; gap: 0.45rem; }
.directory-answer-next svg { width: 1rem; height: 1rem; color: #16845b; }
.directory-answer-next a,
.directory-answer-overview-link { color: #0f767e; font-weight: 750; }
.directory-answer-question > span,
.directory-answer-candidates > span { display: inline-flex; align-items: center; gap: 0.4rem; color: #0f767e; font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; }
.directory-answer-question > span svg,
.directory-answer-candidates > span svg { width: 1rem; height: 1rem; }
.directory-answer-question h2,
.directory-answer-candidates h2 { margin: 0.35rem 0; color: #102a43; font-size: 1.2rem; }
.directory-answer-question p,
.directory-answer-candidates > p { margin: 0; color: #537078; }
.directory-answer-question > div { display: flex; align-items: center; flex-wrap: wrap; gap: 0.7rem; margin-top: 0.9rem; }
.directory-answer-question button { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.65rem 0.8rem; border: 0; border-radius: 0.65rem; background: #0f767e; color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.directory-answer-question button svg { width: 1rem; height: 1rem; }
.directory-answer-question a { color: #0f767e; font-weight: 700; }
.directory-answer-candidates ul { display: grid; gap: 0.55rem; margin: 0.9rem 0; padding: 0; list-style: none; }
.directory-answer-candidates li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 0.8rem; padding: 0.7rem 0.8rem; border: 1px solid #e3ebee; border-radius: 0.7rem; }
.directory-answer-candidates li div { display: grid; gap: 0.15rem; }
.directory-answer-candidates li span,
.directory-answer-candidates li small { color: #637982; font-size: 0.8rem; }
.directory-answer-candidates li > a { display: inline-flex; align-items: center; gap: 0.3rem; color: #0f767e; font-weight: 750; }
.directory-answer-candidates li > a svg { width: 1rem; height: 1rem; }

.directory-direct-answer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1.25rem;
	align-items: center;
	margin: 0 0 1rem;
	padding: 1.15rem 1.25rem;
	border: 1px solid rgba(15, 118, 126, 0.22);
	border-radius: 1rem;
	background: linear-gradient(135deg, #f4fbfb 0%, #fff 64%, #fff7e9 100%);
	box-shadow: 0 12px 30px rgba(15, 62, 75, 0.08);
}

.directory-direct-answer-kicker,
.directory-direct-answer-facts {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.45rem 0.8rem;
}

.directory-direct-answer-kicker { color: #0f767e; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.directory-direct-answer-kicker svg,
.directory-direct-answer-facts svg { width: 1rem; height: 1rem; }
.directory-direct-answer h2 { margin: 0.35rem 0; color: #102a43; font-size: clamp(1.15rem, 2vw, 1.5rem); line-height: 1.25; }
.directory-direct-answer p { margin: 0; color: #49636c; }
.directory-direct-answer-facts { margin-top: 0.75rem; color: #355463; font-size: 0.84rem; }
.directory-direct-answer-facts span { display: inline-flex; align-items: center; gap: 0.3rem; }
.directory-direct-answer-copy > small { display: block; margin-top: 0.6rem; color: #6b7f87; }
.directory-direct-answer-action { display: grid; justify-items: end; min-width: 190px; }
.directory-direct-answer-action strong { color: #102a43; font-size: 1.8rem; line-height: 1; }
.directory-direct-answer-action > span { margin-top: 0.25rem; color: #537078; font-size: 0.86rem; }
.directory-direct-answer-action form { width: 100%; margin-top: 0.8rem; }
.directory-direct-answer-action > a,
.directory-direct-answer-action button { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; width: 100%; padding: 0.65rem 0.85rem; border: 0; border-radius: 0.65rem; background: #0f767e; color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.directory-direct-answer-action > a { margin-top: 0.8rem; text-decoration: none; }
.directory-direct-answer-action > a:hover,
.directory-direct-answer-action button:hover { background: #095f66; color: #fff; }
.directory-direct-answer-action > a svg,
.directory-direct-answer-action button svg { width: 1rem; height: 1rem; }

.visitor-search-handoff {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	max-width: 1180px;
	margin: 1rem auto;
	padding: 0.9rem 1rem;
	border: 1px solid rgba(15, 118, 126, 0.22);
	border-radius: 0.9rem;
	background: #f4fbfb;
	color: #274b55;
}
.visitor-search-handoff span { display: inline-flex; align-items: center; gap: 0.4rem; color: #0f767e; font-size: 0.78rem; font-weight: 800; }
.visitor-search-handoff span svg { width: 1rem; height: 1rem; }
.visitor-search-handoff h2 { margin: 0.25rem 0; color: #102a43; font-size: 1.1rem; }
.visitor-search-handoff p { margin: 0; }
.visitor-search-handoff > a { display: inline-flex; align-items: center; gap: 0.4rem; flex: 0 0 auto; color: #0f767e; font-weight: 750; }
.visitor-search-handoff > a svg { width: 1rem; height: 1rem; }
.visitor-page-assistant { position: fixed; z-index: 1200; right: 1rem; bottom: 1rem; width: min(440px, calc(100vw - 2rem)); margin: 0; padding: 0; box-shadow: 0 16px 44px rgba(16, 42, 67, 0.2); }
.visitor-page-assistant summary { display: flex; align-items: center; gap: 0.5rem; padding: 0.8rem 0.9rem; color: #0f767e; cursor: pointer; font-weight: 800; list-style: none; }
.visitor-page-assistant summary::-webkit-details-marker { display: none; }
.visitor-page-assistant summary > svg { width: 1rem; height: 1rem; }
.visitor-page-assistant summary > svg:last-child { margin-left: auto; transition: transform 0.2s ease; }
.visitor-page-assistant[open] summary > svg:last-child { transform: rotate(180deg); }
.visitor-page-assistant-body { display: grid; gap: 0.8rem; padding: 0 0.9rem 0.9rem; }
.visitor-page-assistant-body nav { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.visitor-page-assistant-body nav a { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.48rem 0.65rem; border: 1px solid rgba(15, 118, 126, 0.28); border-radius: 999px; background: #fff; color: #0f767e; font-size: 0.84rem; font-weight: 750; text-decoration: none; }
.visitor-page-assistant-body nav a svg { width: 0.9rem; height: 0.9rem; }
.visitor-page-assistant-form { display: grid; grid-template-columns: 1fr auto; gap: 0.45rem; }
.visitor-page-assistant-form input { min-width: 0; padding: 0.62rem 0.75rem; border: 1px solid rgba(15, 118, 126, 0.28); border-radius: 999px; background: #fff; color: #102a43; font: inherit; }
.visitor-page-assistant-form button { display: inline-grid; place-items: center; width: 2.65rem; height: 2.65rem; border: 0; border-radius: 50%; background: #0f767e; color: #fff; cursor: pointer; }
.visitor-page-assistant-form button:disabled { cursor: wait; opacity: 0.65; }
.visitor-page-assistant-form button svg { width: 1rem; height: 1rem; }
.visitor-page-assistant-answer { padding: 0.68rem 0.75rem; border-radius: 0.7rem; background: #e7f6f6; color: #274b55; font-size: 0.9rem; }
.visitor-page-assistant-answer.is-error { background: #fff3f1; color: #8a2d21; }
.visitor-page-assistant-answer a { display: inline-flex; margin-top: 0.5rem; color: #0f767e; font-weight: 800; }

@media (max-width: 680px) {
	.directory-direct-answer { grid-template-columns: 1fr; }
	.directory-direct-answer-action { justify-items: start; min-width: 0; }
	.directory-direct-answer-action button { width: 100%; }
	.visitor-search-handoff { align-items: flex-start; flex-direction: column; margin: 0.75rem; }
	.visitor-page-assistant { right: 0.5rem; bottom: 0.5rem; width: calc(100vw - 1rem); margin: 0; }
	.directory-answer-next { align-items: flex-start; flex-direction: column; }
	.directory-answer-candidates li { grid-template-columns: 1fr auto; }
	.directory-answer-candidates li small { grid-column: 1; }
}

.directory-match-reason svg {
	width: 15px;
	height: 15px;
	color: var(--teal);
}

.directory-match-reason strong {
	color: #1e293b;
}

.directory-current-offer,
.directory-current-availability {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.45rem 0.75rem;
	margin-top: 0.55rem;
	font-size: 0.83rem;
	color: #49636c;
}

.directory-current-offer strong {
	font-size: 1.05rem;
	color: #102a43;
}

.directory-price-winner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.35rem 0.55rem;
	margin-top: 0.65rem;
	padding: 0.55rem 0.7rem;
	border-radius: 0.65rem;
	background: #eaf8ef;
	color: #25643f;
	font-size: 0.8rem;
}

.directory-price-winner svg { width: 1rem; height: 1rem; color: #2d8a50; }
.directory-price-winner strong { color: #1f6a3e; }
.directory-price-winner span { color: #4d6f5b; }

.directory-current-availability svg {
	width: 1rem;
	height: 1rem;
	color: #16845b;
}

.directory-current-availability.is-limited svg { color: #b7791f; }
.directory-current-availability.is-unavailable svg { color: #c2413b; }
.directory-current-availability small { color: #6b7f87; }

.directory-discover {
	display: grid;
	grid-template-columns: minmax(0, 1.22fr) minmax(280px, 0.78fr);
	gap: 28px;
	align-items: start;
}

.directory-side-stack {
	display: grid;
	gap: 28px;
}

.directory-suggestion-panel {
	overflow: hidden;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid #dce5eb;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(71, 85, 105, 0.08);
}

.directory-suggestion-panel summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 15px;
	color: #1e293b;
	cursor: pointer;
	font-weight: 900;
	list-style: none;
}

.directory-suggestion-panel summary::-webkit-details-marker {
	display: none;
}

.directory-suggestion-panel summary span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.directory-suggestion-panel summary svg {
	width: 17px;
	height: 17px;
	color: var(--teal);
	transition: transform 0.18s ease;
}

.directory-suggestion-panel[open] summary > svg {
	transform: rotate(180deg);
}

.directory-suggestion-panel section {
	padding: 0 15px 16px;
}

.directory-suggestion-panel section + section {
	padding-top: 14px;
	border-top: 1px solid #edf2f6;
}

.directory-discover h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 13px;
	color: #52667d;
	font-size: var(--l24-font-size-h4);
	line-height: var(--l24-line-height-h4);
	letter-spacing: 0;
}

.directory-discover h2 svg {
	width: 17px;
	height: 17px;
}

.directory-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.directory-chip-row a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 10px;
	color: #334155;
	background: var(--white);
	border: 1px solid #dce5eb;
	border-radius: 999px;
	font-size: var(--l24-font-size-label);
	font-weight: 700;
}

.directory-trends,
.directory-results {
	margin: 0;
	padding: 0;
	list-style: none;
}

.directory-trends li + li,
.directory-results li + li {
	margin-top: 8px;
}

.directory-trends a {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	color: #334155;
	background: transparent;
	border: 0;
	border-top: 1px solid #edf2f6;
	border-radius: 0;
}

.directory-trends li:first-child a {
	border-top: 0;
}

.directory-trends span {
	color: #9fb0c2;
	font-size: var(--l24-font-size-body-small);
	text-align: right;
}

.directory-results {
	display: grid;
	gap: 10px;
}

.directory-latest-results {
	gap: 8px;
}

.directory-company-card {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr) 32px;
	align-items: stretch;
	gap: 14px;
	padding: 12px;
	color: #1e293b;
	background: var(--white);
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(71, 85, 105, 0.07);
}

.directory-latest-results .directory-company-card {
	box-shadow: none;
}

.directory-company-card:hover {
	border-color: rgba(32, 119, 127, 0.38);
	box-shadow: 0 14px 30px rgba(32, 119, 127, 0.12);
}

.directory-card-media {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 86px;
	height: 86px;
	min-height: 0;
	flex: 0 0 86px;
	overflow: hidden;
	color: var(--white);
	background: linear-gradient(135deg, var(--card-primary, var(--teal)), var(--card-accent, var(--orange)));
	border-radius: 50%;
	align-self: center;
	aspect-ratio: 1;
}

.directory-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.directory-card-media .directory-brand-mark-image {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.directory-card-media strong {
	display: block;
	max-width: 70px;
	font-size: 26px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
}

.directory-profile-avatar {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -0.04em;
}

.directory-profile-avatar img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.directory-brand-mark {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 0;
	background: var(--brand-canvas-bg, #ffffff);
	overflow: hidden;
}

.directory-brand-mark::before {
	content: "";
	position: absolute;
	inset: 5%;
	z-index: 0;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--brand-color-1, var(--card-primary, var(--teal))), var(--brand-color-2, var(--card-accent, var(--orange))));
}

.directory-brand-mark::after {
	content: "";
	position: absolute;
	inset: 12%;
	z-index: 1;
	border-radius: 50%;
	border: 2px solid var(--brand-canvas-bg, #ffffff);
	background: var(--brand-canvas-bg, #ffffff);
}

.directory-brand-mark .brand-mark-letter {
	z-index: 2;
	font-size: 42px;
}

.directory-brand-mark .brand-mark-letter-one {
	z-index: 2;
	font-family: var(--brand-font-1, "Bungee Shade", "Train One", Arial, sans-serif);
	color: var(--brand-color-1, var(--card-primary, var(--teal)));
	transform:
		translate(var(--brand-offset-x-1, -8px), var(--brand-offset-y-1, 4px))
		rotate(var(--brand-rotation-1, -10deg))
		scale(var(--brand-scale-1, 1.2));
}

.directory-brand-mark .brand-mark-letter-two {
	z-index: 3;
	isolation: isolate;
	font-family: var(--brand-font-2, "Rubik Glitch", "Fascinate Inline", Arial, sans-serif);
	color: var(--brand-color-2, var(--card-accent, var(--orange)));
	transform:
		translate(var(--brand-offset-x-2, 8px), var(--brand-offset-y-2, -6px))
		rotate(var(--brand-rotation-2, 8deg))
		scale(var(--brand-scale-2, 0.95));
}

.directory-card-main {
	min-width: 0;
}

.directory-card-title-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 4px;
}

.directory-card-title {
	color: #132033;
	font-size: var(--l24-font-size-h4);
	font-weight: var(--l24-font-weight-bold);
	line-height: var(--l24-line-height-h4);
}

.directory-card-title-row em {
	display: inline-flex;
	padding: 2px 8px;
	color: var(--teal);
	background: #e9f7f7;
	border-radius: 999px;
	font-size: var(--l24-font-size-caption);
	font-style: normal;
	font-weight: 900;
}

.directory-card-description {
	color: #52667d;
	font-size: var(--l24-font-size-body-small);
}

.directory-card-description summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 18px;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	list-style: none;
}

.directory-card-description summary::-webkit-details-marker {
	display: none;
}

.directory-card-description summary span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.directory-card-description summary svg {
	width: 16px;
	height: 16px;
	color: #8aa0b4;
	transition: transform 0.18s ease;
}

.directory-card-description[open] summary svg {
	transform: rotate(180deg);
}

.directory-card-description p {
	margin: 7px 0 0;
	color: #52667d;
}

.directory-card-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-top: 10px;
	color: #6b7f95;
	font-size: var(--l24-font-size-body-small);
}

.directory-card-meta span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.directory-card-meta svg {
	width: 14px;
	height: 14px;
	color: #7b8da3;
}

.directory-card-open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 100%;
	min-height: 82px;
	color: #24364c;
	border-radius: 8px;
}

.directory-card-open:hover {
	color: var(--teal);
	background: #f4faf9;
}

.directory-result-main,
.directory-result-title,
.directory-result-description,
.directory-result-meta {
	display: block;
}

.directory-result-title {
	margin-bottom: 4px;
	font-weight: 900;
}

.directory-result-title em {
	display: inline-flex;
	margin-left: 8px;
	padding: 2px 8px;
	color: var(--teal);
	background: #e9f7f7;
	border-radius: 999px;
	font-size: var(--l24-font-size-caption);
	font-style: normal;
	font-weight: 800;
}

.directory-result-description {
	color: #64748b;
	font-size: var(--l24-font-size-body-small);
}

.directory-result-meta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 7px;
	color: #7b8da3;
	font-size: var(--l24-font-size-body-small);
}

.directory-result-meta small {
	margin-left: 4px;
	color: #a47a45;
	font-size: var(--l24-font-size-caption);
	font-weight: 800;
}

.directory-empty {
	display: grid;
	place-items: center;
	padding: 54px 18px;
	color: #64748b;
	text-align: center;
}

.directory-empty span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 14px;
	color: #8aa0b4;
	background: #f1f5f9;
	border-radius: 50%;
}

.directory-empty h2 {
	margin: 0 0 5px;
	color: #1e293b;
}

.directory-empty p {
	margin: 0;
}

.directory-empty-small {
	min-height: 160px;
	padding: 24px 16px;
	background: var(--white);
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.directory-empty-small span {
	width: 44px;
	height: 44px;
}

.directory-owner-invite {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 38px;
	padding: 24px 26px;
	background: linear-gradient(135deg, #effafa 0%, #ffffff 72%);
	border: 1px solid #cce7e8;
	border-radius: 12px;
	box-shadow: 0 14px 34px rgba(32, 119, 127, 0.08);
}

.directory-owner-invite-copy > span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 8px;
	color: var(--local24-petrol);
	font-size: var(--l24-font-size-caption);
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.directory-owner-invite-copy > span svg {
	width: 16px;
	height: 16px;
}

.directory-owner-invite h2 {
	margin: 0 0 5px;
	color: #1e293b;
	font-size: var(--l24-font-size-h2);
	line-height: var(--l24-line-height-h2);
}

.directory-owner-invite p {
	margin: 0;
	color: #64748b;
}

.directory-owner-invite > a {
	flex: 0 0 auto;
	white-space: nowrap;
}

.hero-grid {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	align-items: center;
	gap: 48px;
}

.hero h1,
.page-title h1 {
	margin: 0 0 18px;
	font-size: clamp(34px, 5vw, 58px);
	line-height: 1.05;
	letter-spacing: 0;
}

.lead {
	margin: 0 0 28px;
	color: var(--muted);
	font-size: 20px;
}

.hero-panel,
.card,
.form-card {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 16px 36px rgba(31, 41, 51, 0.08);
}

.hero-panel {
	padding: 28px;
}

.steps {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.steps li {
	padding: 14px 16px;
	background: var(--soft);
	border-radius: 6px;
}

.theme-picker {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin: 18px 0 20px;
}

.theme-picker-title {
	grid-column: 1 / -1;
	margin: 0 0 2px;
	color: var(--muted);
	font-size: 14px;
	font-weight: 700;
}

.theme-option {
	margin: 0;
	cursor: pointer;
}

.theme-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.theme-option span {
	display: grid;
	gap: 8px;
	min-height: 76px;
	padding: 12px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--white);
	font-size: 14px;
	font-weight: 800;
}

.theme-option i {
	display: block;
	height: 24px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--swatch-primary), var(--swatch-accent));
}

.theme-option input:checked + span {
	border-color: var(--teal);
	box-shadow: 0 0 0 3px rgba(32, 119, 127, 0.14);
}

.theme-switcher {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0;
}

.theme-switcher .theme-picker-title {
	flex: 0 0 100%;
}

.theme-switch-form {
	margin: 0;
}

.theme-option-button {
	display: grid;
	grid-template-columns: 74px 1fr;
	align-items: center;
	gap: 10px;
	min-height: 54px;
	padding: 10px 14px;
	color: var(--ink);
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 8px;
	font-weight: 800;
}

.theme-option-button i {
	display: block;
	height: 26px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--swatch-primary), var(--swatch-accent));
}

.theme-option-button.is-active {
	border-color: var(--teal);
	box-shadow: 0 0 0 3px rgba(32, 119, 127, 0.14);
}

.pattern-preview-row {
	display: grid;
	grid-template-columns: repeat(3, 42px);
	gap: 8px;
	align-items: center;
}

.pattern-preview-button {
	width: 42px;
	height: 42px;
	padding: 3px;
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.pattern-preview-button.is-active {
	border-color: var(--company-primary, var(--teal));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--company-primary, var(--teal)) 16%, transparent);
}

.pattern-preview-button img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.pattern-preview-row-compact {
	grid-template-columns: repeat(3, 38px);
}

.pattern-preview-row-compact .pattern-preview-button {
	width: 38px;
	height: 38px;
}

.section {
	padding: 20px 0;
}

.company-actions-section + .section {
	z-index: 1;
	padding-top: 20px;
}

.company-page-theme .section {
	color: var(--company-page-text, var(--ink));
}

.grid-3,
.grid-2 {
	display: grid;
	gap: 20px;
}

.grid-3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.card,
.form-card {
	padding: 24px;
}

.form-card {
	max-width: 640px;
	margin: 36px auto;
}

.form-card h1,
.card h2,
.card h3 {
	margin-top: 0;
}

.input {
	margin-bottom: 16px;
}

label {
	display: block;
	margin-bottom: 6px;
	font-weight: 700;
}

input,
textarea,
select {
	width: 100%;
	min-height: 42px;
	padding: 10px 12px;
	border: 1px solid #cfd6dd;
	border-radius: 6px;
	font: inherit;
}

textarea {
	min-height: 120px;
}

.form-choice-group {
	margin: 24px 0 0;
	padding: 0;
	border: 0;
}

.form-choice-group > legend {
	margin: 0 0 12px;
	padding: 0;
	color: var(--local24-ink);
	font-size: 16px;
	font-weight: 800;
}

.form-choice-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

.form-choice-group--2 .form-choice-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-choice-group--3 .form-choice-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-choice-group--4 .form-choice-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.form-choice-card {
	position: relative;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-width: 0;
	min-height: 112px;
	margin: 0;
	padding: 16px;
	border: 1px solid var(--local24-line);
	border-radius: 10px;
	background: var(--local24-panel);
	box-shadow: 0 1px 2px rgba(35, 49, 61, 0.04);
	cursor: pointer;
	transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.form-choice-card:hover {
	border-color: color-mix(in srgb, var(--local24-teal) 42%, var(--local24-line));
	background: color-mix(in srgb, var(--local24-soft) 62%, #ffffff);
	transform: translateY(-1px);
}

.form-choice-card:has(input:checked) {
	border-color: var(--local24-teal);
	background: color-mix(in srgb, var(--local24-teal) 7%, #ffffff);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--local24-teal) 13%, transparent);
}

.form-choice-card:has(input:focus-visible) {
	outline: 2px solid var(--local24-orange);
	outline-offset: 3px;
}

.form-choice-card > input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	min-height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

.form-choice-card__icon {
	display: grid;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 9px;
	background: var(--local24-soft);
	color: var(--local24-teal);
	transition: color 160ms ease, background-color 160ms ease;
}

.form-choice-card__icon i,
.form-choice-card__icon svg {
	width: 20px;
	height: 20px;
}

.form-choice-card:has(input:checked) .form-choice-card__icon {
	background: var(--local24-teal);
	color: #ffffff;
}

.form-choice-card__copy {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.form-choice-card__copy strong {
	color: var(--local24-ink);
	font-size: 15px;
	line-height: 1.25;
}

.form-choice-card__copy small {
	color: var(--local24-muted);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
}

.form-choice-card__indicator {
	box-sizing: border-box;
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #aab7c2;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: inset 0 0 0 4px #ffffff;
	transition: border-color 160ms ease, background-color 160ms ease;
}

.form-choice-card:has(input:checked) .form-choice-card__indicator {
	border-color: var(--local24-teal);
	background: var(--local24-teal);
}

.form-choice-card:has(input:disabled) {
	opacity: 0.55;
	cursor: not-allowed;
	transform: none;
}

.form-choice-group--compact .form-choice-card {
	min-height: 82px;
	padding: 13px 16px;
}

@media (max-width: 760px) {
	.form-choice-group--2 .form-choice-grid,
	.form-choice-group--3 .form-choice-grid,
	.form-choice-group--4 .form-choice-grid {
		grid-template-columns: 1fr;
	}

	.form-choice-card {
		min-height: 92px;
	}
}

.error-message,
.message {
	margin: 16px auto;
	width: min(1120px, calc(100% - 32px));
	padding: 12px 14px;
	border-radius: 6px;
	transition: opacity 220ms ease, transform 220ms ease;
}

.message.is-hiding,
.error-message.is-hiding {
	opacity: 0;
	transform: translateY(-4px);
}

.error-message {
	background: #fff1f2;
	color: #991b1b;
	border: 1px solid #fecdd3;
}

.message,
.flash-info {
	background: #eff6ff;
	color: #1d4ed8;
	border: 1px solid #bfdbfe;
}

.flash-success {
	background: #ecfdf5;
	color: #047857;
	border: 1px solid #a7f3d0;
}

.flash-error {
	background: #fff1f2;
	color: #991b1b;
	border: 1px solid #fecdd3;
}

.flash-warning {
	background: #fff7ed;
	color: #9a3412;
	border: 1px solid #fed7aa;
}

.progress-list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

.progress-list li {
	padding: 8px 12px;
	border-radius: 999px;
	background: var(--soft);
	color: var(--muted);
	font-size: 14px;
}

.company-page-theme {
	--company-pattern-opacity: 0;
	--company-image-tint-opacity: 0;
	position: relative;
	isolation: isolate;
	background: var(--company-page-bg, var(--white));
	color: var(--company-page-text, var(--ink));
}

.company-page-theme::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-color: var(--company-pattern-color, #0f172a);
	mask-image: var(--company-pattern-url);
	-webkit-mask-image: var(--company-pattern-url);
	mask-repeat: repeat;
	-webkit-mask-repeat: repeat;
	mask-size: var(--company-pattern-size, 100%);
	-webkit-mask-size: var(--company-pattern-size, 100%);
	background-attachment: fixed;
	opacity: var(--company-pattern-opacity, 0);
}

.company-page-theme > * {
	position: relative;
	z-index: 1;
}

.company-page-theme .section,
.company-page-theme .company-footer {
	position: relative;
}

.company-page-theme .section > *,
.company-page-theme .company-footer > * {
	position: relative;
	z-index: 1;
}

.company-cover {
	position: relative;
	overflow: hidden;
	min-height: 500px;
	margin: 0;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 76px 0;
	color: var(--white);
	background:
		linear-gradient(135deg, rgba(31, 41, 51, 0.18), rgba(31, 41, 51, 0.04)),
		linear-gradient(135deg, var(--company-primary, var(--teal)), var(--company-accent, var(--orange)));
	background-size: cover;
	background-position: center;
	border-radius: 0;
	box-shadow: none;
}

.company-cover.has-hero-image {
	background:
		linear-gradient(135deg, rgba(31, 41, 51, 0.18), rgba(31, 41, 51, 0.04)),
		linear-gradient(135deg, var(--company-primary, var(--teal)), var(--company-accent, var(--orange)));
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.company-cover.has-hero-image.is-ai-regenerating {
	background:
		linear-gradient(135deg, rgba(31, 41, 51, 0.18), rgba(31, 41, 51, 0.04)),
		linear-gradient(135deg, var(--company-primary, var(--teal)), var(--company-accent, var(--orange)));
	background-size: cover;
	background-position: center;
}

.company-cover-image {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: var(--company-hero-size, cover);
	background-repeat: no-repeat;
	background-position: var(--company-hero-position, center center);
	pointer-events: none;
	isolation: isolate;
	transition: opacity 0.2s ease, outline-color 0.18s ease;
}

.company-cover.is-ai-regenerating .company-cover-image {
	opacity: 0;
}

.company-cover-image::after {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 background: linear-gradient(90deg, rgba(var(--hero-readable-rgb, 0, 0, 0), var(--hero-readable-alpha, .62)) 0, rgba(var(--hero-readable-rgb, 0, 0, 0), var(--hero-readable-alpha, .62)) var(--hero-readable-end, 45%), rgba(var(--hero-readable-rgb, 0, 0, 0), 0) var(--hero-readable-fade, 90%));
 z-index: 1;
}

.company-page-theme.has-color-mood-image-tint .company-cover-image::before,
.company-page-theme.has-color-mood-image-tint .current-entry-hero-image::before,
.company-page-theme.has-color-mood-image-tint .highlight-bg::before,
.company-page-theme.has-color-mood-image-tint .reference-card:has(> img)::before,
.company-page-theme.has-color-mood-image-tint .current-entry-figure a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 78%, var(--company-accent, var(--local24-orange))),
		color-mix(in srgb, var(--company-accent, var(--local24-orange)) 72%, var(--company-primary, var(--local24-petrol)))
	);
	mix-blend-mode: color;
	opacity: var(--company-image-tint-opacity, 0);
}

.company-page-theme.has-color-mood-image-tint .reference-card:has(> img)::before,
.company-page-theme.has-color-mood-image-tint .current-entry-figure a::after {
	z-index: 1;
}

.company-cover .container {
	width: 100%;
	max-width: 1120px;
	position: relative;
	z-index: 2;
	isolation: isolate;
}


.company-cover .container > * {
	position: relative;
	z-index: 1;
}

.company-cover h1 {
	margin: 0 0 20px;
	max-width: 980px;
	font-size: var(--company-hero-heading-size);
	line-height: var(--company-font-heading-line-height, 1.04);
	letter-spacing: 0;
}

.company-cover p {
	max-width: 760px;
}

.hero-stats-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
 width: fit-content;
 max-width: 100%;
 margin: 0 0 18px;
 padding: 8px 12px;
 color: #ffffff;
 background: rgba(10, 20, 24, 0.28);
 border: 1px solid rgba(255, 255, 255, 0.18);
 border-radius: 10px;
 backdrop-filter: blur(8px);
 font-size: calc(14px * var(--company-font-body-scale, 1));
 line-height: 1.4;
 font-weight: 500;
}

.hero-stats-row > span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.company-page-theme.is-editor-preview .hero-stats-row span.is-editor-muted,
.company-page-theme.is-editor-preview .quick-action.is-editor-muted {
	opacity: 0.38;
	filter: grayscale(1);
}

.company-page-theme.is-editor-preview .hero-stats-row span.is-premium-locked,
.company-page-theme.is-editor-preview .quick-action.is-premium-locked {
	opacity: 0.46;
	filter: grayscale(1);
}

.hero-stats-row svg {
	width: 16px;
	height: 16px;
	stroke-width: 1.8;
	fill: none;
}

.hero-stats-row [data-social-count-value] { font-weight: 600; }

.hero-meta-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 24px;
	margin: 0 0 30px;
	color: #ffffff;
	font-weight: 800;
}

.hero-meta-row span {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 34px;
}

.hero-meta-row svg {
	width: 24px;
	height: 24px;
	stroke-width: 2.2;
}

.meta-bar {
	position: relative;
	z-index: 2;
	margin-top: -34px;
	padding-bottom: 12px;
}

.meta-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	padding: 0;
	background: var(--company-surface, var(--white));
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 20%, var(--line));
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 16px 36px rgba(31, 41, 51, 0.08);
}

.meta-item {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 74px;
	padding: 16px 18px;
	border-right: 1px solid color-mix(in srgb, var(--company-page-text, var(--ink)) 16%, transparent);
}

.meta-item:last-child {
	border-right: 0;
}

.meta-item > svg {
	width: 22px;
	height: 22px;
	color: var(--company-primary, var(--teal));
	stroke-width: 2.2;
}


.meta-item span {
	display: block;
	color: var(--company-primary, var(--teal));
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.meta-item strong {
	display: block;
	color: var(--company-page-text, var(--ink));
	line-height: 1.25;
}

.missing-value {
	color: #b42318;
}

.company-actions-section {
	position: relative;
	z-index: 5;
	--header-brand-size: 228px;
	--header-meta-height: 110px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 30px;
	background: var(--company-surface, #ffffff);
	border-bottom: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 18%, var(--line));
	box-shadow: 0 22px 44px rgba(31, 41, 51, 0.08);
	overflow: visible;
}

.profile-action-wrap {
	position: relative;
	z-index: 5;
	display: grid;
	grid-template-columns: calc(var(--header-brand-size) + 24px) minmax(0, 1fr);
	column-gap: 34px;
	row-gap: 0;
	align-items: start;
	min-height: 0;
	padding-top: 0;
	border-bottom: 0;
}

.company-profile-avatar {
	position: absolute;
	top: calc(var(--header-brand-size) / -2);
	left: 0;
	z-index: 5;
	width: var(--header-brand-size);
	aspect-ratio: 1;
	display: grid;
	place-items: center;
	margin: 0;
	border: 0;
	border-radius: 50%;
	background: var(--company-page-bg, var(--company-surface, #ffffff));
	box-shadow: none;
	color: #ffffff;
	overflow: visible;
}

.company-profile-avatar::before {
	content: "";
	position: absolute;
	inset: 5%;
	z-index: 1;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--company-primary, var(--teal)), var(--company-accent, var(--orange)));
	pointer-events: none;
}

.company-profile-avatar::after {
	content: "";
	position: absolute;
	inset: 8%;
	z-index: 0;
	border-radius: 50%;
	background: color-mix(in srgb, var(--company-primary, #8b6b2d) 24%, transparent);
	box-shadow:
		0 18px 42px rgba(31, 41, 51, 0.22),
		0 0 70px color-mix(in srgb, var(--company-primary, #8b6b2d) 24%, transparent);
	filter: blur(12px);
	transform: translateY(22px) scale(1.08);
	pointer-events: none;
}

.brand-mark-canvas {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 76%;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 3px solid var(--brand-canvas-bg, var(--company-surface, var(--company-page-bg, #ffffff)));
	background: var(--brand-canvas-bg, var(--company-surface, var(--company-page-bg, #ffffff)));
	overflow: hidden;
	transform: rotate(var(--brand-group-rotation, 0deg));
	transform-origin: center;
}

.brand-mark-image {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: center center;
}

.brand-mark-image[hidden] {
	display: none;
}

.company-profile-avatar.profile-avatar::before {
	background: var(--profile-avatar-background, var(--company-primary, #146f78));
}

.profile-avatar-viewport {
	position: absolute;
	inset: 5%;
	z-index: 3;
	display: block;
	width: 90%;
	height: 90%;
	border-radius: 50%;
	overflow: hidden;
}

.profile-avatar-image,
.profile-avatar-monogram {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.profile-avatar-image {
	display: block;
	object-position: var(--profile-avatar-focus-x, 50%) var(--profile-avatar-focus-y, 50%);
	transform: scale(var(--profile-avatar-scale, 1));
	transform-origin: var(--profile-avatar-focus-x, 50%) var(--profile-avatar-focus-y, 50%);
	background: #ffffff;
}

.profile-avatar-fit-contain .profile-avatar-image {
	object-fit: contain;
}

.profile-avatar-fit-cover .profile-avatar-image {
	object-fit: cover;
}

.profile-avatar-image[hidden],
.profile-avatar-monogram[hidden] {
	display: none;
}

.profile-avatar-monogram {
	display: grid;
	place-items: center;
	background: var(--profile-avatar-background, var(--company-primary, #146f78));
	color: var(--profile-avatar-foreground, #ffffff);
	font-family: Arial, sans-serif;
	font-size: clamp(42px, calc(var(--header-brand-size) * 0.32), 92px);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1;
}

.brand-mark-avatar.has-brand-image .brand-mark-canvas {
	opacity: 0;
	pointer-events: none;
}

.brand-mark-avatar.is-loading .brand-mark-canvas {
	opacity: 1;
	pointer-events: none;
}

.brand-mark-avatar.is-loading .brand-mark-image {
	opacity: 0;
}

.media-picker {
	margin-top: 16px;
	padding: 14px;
	border: 1px solid #d8e4ea;
	border-radius: 10px;
	background: #f8fbfc;
}

.media-picker-head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.media-picker-head strong,
.media-picker-head span {
	display: block;
}

.media-picker-head strong {
	color: #1f2937;
	font-weight: 800;
}

.media-picker-head span {
	margin-top: 4px;
	color: #64748b;
	font-size: 13px;
	line-height: 1.45;
}

.media-picker-upload {
	margin-bottom: 0;
}

.media-picker-upload input[type="file"] {
	width: 100%;
}

.media-picker-dropzone {
	position: relative;
	display: grid;
	place-items: center;
	gap: 5px;
	min-height: 108px;
	padding: 13px 10px;
	border: 2px dashed #a8c4c8;
	border-radius: 12px;
	background: #f3f8f8;
	color: #35505c;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.media-upload-form.is-dragover .media-picker-dropzone,
.media-picker-dropzone.is-dragover {
	border-color: var(--teal);
	background: #e6f4f3;
	transform: translateY(-2px);
}

.media-picker-dropzone input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.media-picker-dropzone strong,
.media-picker-dropzone span {
	display: block;
}

.media-picker-paste-status {
	font-size: 12px;
	font-weight: 700;
}

.media-picker-paste-status[hidden] {
	display: none;
}

.media-picker-paste-status.is-ok {
	color: #0d6a57;
}

.media-picker-paste-status.is-error {
	color: #a23131;
}

.media-picker-local-preview {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	padding: 8px;
	border: 1px solid #d8e4ea;
	border-radius: 10px;
	background: #ffffff;
}

.media-picker-local-preview[hidden] {
	display: none;
}

[data-media-refresh][hidden] {
	display: none;
}

.media-picker-local-preview img {
	width: 58px;
	height: 58px;
	border-radius: 8px;
	object-fit: contain;
	background: #eef5f6;
}

.media-picker-local-preview.is-vector {
	grid-template-columns: minmax(0, 1fr);
}

.media-picker-local-preview.is-vector img {
	display: none;
}

.media-picker-upload > .editor-button-row {
	margin-top: 8px;
}

.media-picker-upload > .media-upload-status:empty,
.media-picker > .form-status:empty {
	display: none;
}

.media-picker-local-preview strong,
.media-picker-local-preview span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.media-picker-local-preview span {
	margin-top: 3px;
	color: #64748b;
	font-size: 12px;
}

.profile-avatar-mode {
	padding: 0 14px 14px;
}

[data-profile-avatar-mode-current="maker"] [data-profile-avatar-mode="image"],
[data-profile-avatar-mode-current="maker"] [data-profile-avatar-mode="monogram"],
[data-profile-avatar-mode-current="image"] [data-profile-avatar-mode="maker"],
[data-profile-avatar-mode-current="image"] [data-profile-avatar-mode="monogram"],
[data-profile-avatar-mode-current="monogram"] [data-profile-avatar-mode="maker"],
[data-profile-avatar-mode-current="monogram"] [data-profile-avatar-mode="image"],
[data-profile-avatar-mode-current="monogram"] [data-profile-avatar-source-tools] {
	display: none;
}

.profile-avatar-source-tools {
	padding: 0 14px 14px;
}

.profile-avatar-monogram-preview {
	display: grid;
	place-items: center;
	width: 116px;
	aspect-ratio: 1;
	margin: 16px auto 10px;
	border-radius: 50%;
	background: var(--profile-avatar-background, var(--company-primary, #146f78));
	color: var(--profile-avatar-foreground, #ffffff);
	box-shadow: 0 14px 30px rgba(28, 48, 58, 0.16);
	font-family: Arial, sans-serif;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -0.04em;
}

.profile-avatar-library-open {
	justify-content: center;
	margin-bottom: 10px;
}

.editor-full-width-control {
	width: 100%;
}

.inspector-accordion > .editor-form.editor-control-width-group {
	margin-right: 14px;
	margin-left: 14px;
	padding-right: 0;
	padding-left: 0;
}

.profile-avatar-upload-divider {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0 10px;
	color: #64748b;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
}

.profile-avatar-upload-divider::before,
.profile-avatar-upload-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #d8e4ea;
}

body[data-media-assets-context="profile_avatar"] [data-profile-avatar-inline-upload] {
	display: none;
}

.profile-avatar-crop-card {
	margin-top: 14px;
	padding: 14px;
	border: 1px solid #d8e4ea;
	border-radius: 12px;
	background: #ffffff;
}

.profile-avatar-crop-card[hidden] {
	display: none;
}

.profile-avatar-crop-card > strong,
.profile-avatar-crop-card > span {
	display: block;
}

.profile-avatar-crop-card > span {
	margin-top: 4px;
	color: #64748b;
	font-size: 12px;
	line-height: 1.4;
}

.profile-avatar-crop-preview {
	position: relative;
	width: min(220px, 100%);
	aspect-ratio: 1;
	margin: 14px auto;
	overflow: hidden;
	border: 3px solid #ffffff;
	border-radius: 50%;
	background:
		linear-gradient(45deg, #e6ecef 25%, transparent 25%),
		linear-gradient(-45deg, #e6ecef 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #e6ecef 75%),
		linear-gradient(-45deg, transparent 75%, #e6ecef 75%),
		#ffffff;
	background-position: 0 0, 0 8px, 8px -8px, -8px 0;
	background-size: 16px 16px;
	box-shadow: 0 10px 28px rgba(28, 48, 58, 0.18);
	touch-action: none;
	cursor: grab;
}

.profile-avatar-crop-preview.is-dragging {
	cursor: grabbing;
}

.profile-avatar-crop-preview img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	transform-origin: 50% 50%;
	pointer-events: none;
	user-select: none;
}

.profile-avatar-fit-options {
	display: flex;
	gap: 10px;
	margin: 10px 0;
}

.profile-avatar-fit-options label {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 9px;
	border: 1px solid #d8e4ea;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
}

.profile-avatar-maker-content {
	display: grid;
	gap: 10px;
}

.profile-avatar-maker-card,
.profile-avatar-maker-source {
	margin-top: 14px;
	padding: 14px;
	border: 1px solid #d8e4ea;
	border-radius: 12px;
	background: #ffffff;
}

.profile-avatar-maker-source[hidden] {
	display: none;
}

.profile-avatar-maker-source > strong,
.profile-avatar-maker-source > span {
	display: block;
}

.profile-avatar-maker-source > span {
	margin-top: 8px;
	color: #64748b;
	font-size: 12px;
}

.profile-avatar-maker-source-frame {
	display: grid;
	place-items: center;
	width: 100%;
	max-height: 260px;
	margin-top: 10px;
	padding: 8px;
	overflow: hidden;
	border: 1px solid #d8e4ea;
	border-radius: 10px;
	background: #f3f7f8;
	cursor: zoom-in;
}

.profile-avatar-maker-source-frame img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 242px;
	object-fit: contain;
}

.profile-avatar-maker-title {
	display: flex;
	align-items: center;
	gap: 7px;
}

.profile-avatar-maker-title svg {
	width: 16px;
	height: 16px;
}

.profile-avatar-maker-help {
	margin: 0;
}

.profile-avatar-maker-result {
	display: grid;
	gap: 10px;
	justify-items: center;
}

.profile-avatar-maker-result[hidden] {
	display: none;
}

.profile-avatar-maker-result-preview {
	position: relative;
	width: min(100%, 220px);
	aspect-ratio: 1;
	overflow: hidden;
	background: #f2f7f8;
	border: 1px solid var(--editor-line);
	border-radius: 50%;
	box-shadow: 0 12px 28px rgba(16, 55, 67, 0.12);
	touch-action: none;
	user-select: none;
}

.profile-avatar-maker-result-preview.is-draggable {
	cursor: grab;
}

.profile-avatar-maker-result-preview.is-dragging {
	cursor: grabbing;
}

.profile-avatar-maker-result-preview img {
	position: absolute;
	left: var(--profile-avatar-maker-result-left, 0%);
	top: var(--profile-avatar-maker-result-top, 0%);
	display: block;
	width: var(--profile-avatar-maker-result-scale, 100%);
	height: var(--profile-avatar-maker-result-scale, 100%);
	max-width: none;
	max-height: none;
	object-fit: contain;
	border-radius: 50%;
	pointer-events: none;
}

.profile-avatar-maker-scale {
	width: 100%;
}

.profile-avatar-drafts-open {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 4px;
}

.profile-avatar-drafts-open[hidden] {
	display: none;
}

.profile-avatar-drafts-open small {
	display: inline-grid;
	place-items: center;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--editor-primary);
	color: #fff;
	font-size: 11px;
}

.profile-avatar-draft-item.is-active {
	border-color: var(--editor-primary);
	box-shadow: 0 0 0 2px rgba(20, 111, 120, 0.16);
}

.editor-credit-warning {
	margin: 0;
	padding: 9px 10px;
	color: #8b3a19;
	font-size: 12px;
	background: #fff5ed;
	border: 1px solid #f3c5aa;
	border-radius: 8px;
}

.media-picker-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	max-height: 260px;
	overflow: auto;
	padding-right: 2px;
}

.media-picker-item {
	display: grid;
	gap: 6px;
	padding: 6px;
	border: 1px solid #d8e4ea;
	border-radius: 8px;
	background: #ffffff;
	color: #1f2937;
	text-align: left;
	cursor: pointer;
}

.media-picker-item:hover,
.media-picker-item:focus {
	border-color: var(--teal);
	box-shadow: 0 0 0 3px rgba(32, 119, 127, 0.12);
	outline: none;
}

.media-picker-item img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 6px;
	background: #eef5f6;
}

.media-picker-item span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: 700;
}

.media-picker-empty {
	grid-column: 1 / -1;
	padding: 14px;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
	color: #64748b;
}

.media-picker-empty strong,
.media-picker-empty span {
	display: block;
}

.brand-mark-loader {
	position: absolute;
	width: 46px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.28);
	border-top-color: rgba(255, 255, 255, 0.88);
	opacity: 0;
	transform: scale(0.88);
	animation: brandMarkSpin 0.85s linear infinite;
	transition: opacity 0.18s ease, transform 0.18s ease;
	pointer-events: none;
}

.brand-mark-avatar.is-loading .brand-mark-loader {
	opacity: 1;
	transform: scale(1);
}

.brand-mark-avatar.is-loading .brand-mark-letter {
	opacity: 0;
}

@keyframes brandMarkSpin {
	to {
		transform: rotate(360deg);
	}
}

.brand-mark-letter {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	font-size: clamp(78px, 7vw, 128px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	text-shadow: none;
	transform-origin: center;
}

.brand-mark-letter::before {
	content: none;
}

.brand-mark-letter-two::before {
	content: attr(data-letter);
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: transparent;
	z-index: -1;
	-webkit-text-stroke: 10px var(--brand-outline-color, var(--brand-canvas-bg, var(--company-surface, #ffffff)));
	text-shadow: none;
}

.company-page-theme .brand-mark-letter-one {
	z-index: 1;
	font-family: var(--brand-font-1, "Bungee Shade", "Train One", Arial, sans-serif);
	color: var(--brand-color-1, var(--company-primary, var(--local24-petrol)));
	transform:
		translate(var(--brand-offset-x-1, -8px), var(--brand-offset-y-1, 4px))
		rotate(var(--brand-rotation-1, -10deg))
		scale(var(--brand-scale-1, 1.2));
}

.company-page-theme .brand-mark-letter-two {
	z-index: 2;
	isolation: isolate;
	font-family: var(--brand-font-2, "Rubik Glitch", "Fascinate Inline", Arial, sans-serif);
	color: var(--brand-color-2, var(--company-accent, var(--local24-orange)));
	transform:
		translate(var(--brand-offset-x-2, 8px), var(--brand-offset-y-2, -6px))
		rotate(var(--brand-rotation-2, 8deg))
		scale(var(--brand-scale-2, 0.95));
}

.brand-shadow-premium .brand-mark-letter,
.brand-shadow-floating .brand-mark-letter {
	text-shadow: none;
}

.brand-shadow-embossed .brand-mark-letter {
	text-shadow: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.profile-action-content {
	min-width: 0;
	display: contents;
}

.header-meta-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column: 2;
	align-items: stretch;
	box-sizing: border-box;
	height: var(--header-meta-height);
	min-height: 0;
	padding-top: 20px;
	padding-bottom: 14px;
	border-bottom: 0;
}

.header-meta-item {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	padding: 8px 16px;
	color: var(--company-page-text, var(--ink));
	border-right: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 20%, var(--line));
}

.header-meta-item:last-child {
	border-right: 0;
}

.header-meta-item > .opening-hours {
	grid-column: 1 / -1;
}

.header-meta-grid:has(.opening-hours details[open]) {
	height: auto;
}

.header-meta-item > svg {
	width: 30px;
	height: 30px;
	color: color-mix(in srgb, var(--company-primary, var(--teal)) 82%, var(--company-accent, var(--orange)));
	stroke-width: 1.9;
}

.header-meta-verified > svg {
	color: #13725f;
}

.header-meta-item strong,
.header-meta-item small {
	display: block;
}

.header-meta-item strong {
	margin: 0 0 5px;
	color: var(--company-page-text, var(--ink));
	font-size: 16px;
	line-height: 1.15;
}

.header-meta-item small {
	color: var(--company-page-text, var(--ink));
	font-size: 13px;
	line-height: 1.32;
	opacity: 0.9;
}

.community-row {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 14px;
	padding: 0;
	color: var(--company-muted, #667085);
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.community-row span {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-weight: 700;
}

.community-row svg {
	width: 18px;
	height: 18px;
	stroke-width: 2.2;
}

.company-page-theme .btn-primary {
	background: var(--company-primary, var(--teal));
	border-color: var(--company-primary, var(--teal));
}

.company-page-theme .btn-primary:hover {
	background: var(--company-accent, var(--orange));
	border-color: var(--company-accent, var(--orange));
}

.company-page-theme .btn-outline {
	color: var(--company-primary, var(--teal));
	border-color: color-mix(in srgb, var(--company-primary, var(--teal)) 52%, #ffffff);
}

.company-page-theme .btn-outline:hover {
	color: var(--white);
	background: var(--company-primary, var(--teal));
	border-color: var(--company-primary, var(--teal));
}

.company-page-theme .btn {
	font-weight: var(--company-button-weight, 700);
	border-radius: var(--company-button-radius, 8px);
}

.company-page-theme .company-cover {
	border-radius: 0;
	box-shadow: none;
}

.company-page-theme .highlight-slide {
	border-radius: var(--company-panel-radius, 10px);
	box-shadow: var(--company-shadow, none);
}

.company-page-theme .meta-grid,
.company-page-theme .service-card,
.company-page-theme .contact-card,
.company-page-theme .reference-card,
.company-page-theme .philosophy-point,
.company-page-theme .media-card {
	border-radius: var(--company-card-radius, 8px);
	box-shadow: var(--company-card-shadow, none);
}

.company-page-theme .section-title,
.company-page-theme .section h2 {
	font-family: var(--company-font-heading, var(--company-font-body, Arial, Helvetica, sans-serif));
	font-size: var(--company-section-heading-size);
	font-weight: var(--company-heading-weight, 800);
	line-height: var(--company-font-heading-line-height, 1.04);
	text-transform: var(--company-heading-transform, none);
}

.company-page-theme .reference-card h3,
.company-page-theme .philosophy-point h3 {
	font-family: var(--company-font-heading, var(--company-font-body, Arial, Helvetica, sans-serif));
	font-size: var(--company-card-heading-size);
	font-weight: var(--company-heading-weight, 800);
	line-height: var(--company-font-heading-line-height, 1.04);
	text-transform: none;
}

.company-page-theme .meta-item strong {
	font-family: inherit;
	text-transform: none;
}

.cta-row,
.quick-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.profile-action-content .quick-actions {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	grid-column: 1 / -1;
	gap: 12px;
	align-items: stretch;
	width: 100%;
	margin-top: 0;
	padding-top: 16px;
	background: transparent;
	border-top: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 18%, var(--line));
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

.quick-action {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	padding: 9px 14px;
	color: var(--company-primary, var(--teal));
	background: color-mix(in srgb, var(--company-surface, var(--white)) 82%, transparent);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 34%, var(--company-page-text, var(--line)));
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(31, 41, 51, 0.06);
	font-weight: 800;
}

.profile-action-content .quick-action {
	justify-content: center;
	gap: 7px;
	flex: 0 0 auto;
	min-height: 40px;
	padding: 7px 12px;
	font-weight: 500;
	color: var(--company-page-text, var(--ink));
	background: var(--company-surface, #ffffff);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 18%, var(--line));
	border-radius: 8px;
	box-shadow: none;
}

.quick-action:hover {
	color: var(--white);
	background: var(--company-primary, var(--teal));
}

.quick-action.is-active,
.quick-action.is-active:hover {
	color: var(--white);
	background: var(--company-primary, var(--teal));
	border-color: var(--company-primary, var(--teal));
}

.profile-action-content .quick-action.is-active svg {
	color: currentColor;
}

[data-social-like-count][hidden],
[data-social-favorite-count][hidden],
[data-social-newsletter-count][hidden],
[data-social-like-button][hidden],
[data-social-favorite-button][hidden],
[data-social-newsletter-button][hidden] {
	display: none !important;
}


.quick-action svg {
	width: 19px;
	height: 19px;
	stroke-width: 2.3;
}

.profile-action-content .quick-action svg {
	display: block;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	stroke-width: 1.8;
	color: color-mix(in srgb, var(--company-primary, var(--teal)) 86%, var(--company-accent, var(--orange)));
	stroke: currentColor;
	opacity: 1;
}

.profile-action-content .quick-action:hover svg {
	color: currentColor;
}

.quick-action span {
	font-size: 14px;
}

.profile-action-content .quick-action span {
	font-size: 14px;
	line-height: 1.1;
	white-space: nowrap;
}

.profile-action-content .quick-action.btn-disabled {
	opacity: 0.64;
}

.profile-action-content .quick-action.btn-disabled svg {
	opacity: 1;
}

.btn-disabled,
.btn-disabled:hover,
button:disabled {
	opacity: 0.48;
	cursor: not-allowed;
}

.section-soft {
	background: var(--company-page-bg, #ffffff);
}

.module-section-designed {
	color: var(--section-text, var(--ink));
	background: var(--section-bg, var(--white));
}

.company-cover.module-section-designed {
	color: var(--section-text, var(--white));
	background:
		linear-gradient(135deg, rgba(31, 41, 51, 0.12), rgba(31, 41, 51, 0.02)),
		var(--section-bg, linear-gradient(135deg, var(--company-primary, var(--teal)), var(--company-accent, var(--orange))));
}

.company-cover.has-hero-image.module-section-designed {
	color: var(--section-text, var(--white));
	background:
		linear-gradient(135deg, rgba(31, 41, 51, 0.18), rgba(31, 41, 51, 0.04)),
		var(--section-bg, linear-gradient(135deg, var(--company-primary, var(--teal)), var(--company-accent, var(--orange))));
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.company-footer.module-section-designed {
	color: var(--company-footer-text, #f7f7f8);
	background: var(--company-footer-bg, #17191c);
}

.module-section-designed .section-heading h2,
.module-section-designed .service-card h3,
.module-section-designed .service-card h4,
.module-section-designed .contact-panel h2,
.module-section-designed .company-footer h2 {
	color: var(--section-text, var(--section-heading-color, var(--company-accent, var(--orange))));
}

.module-section-designed .section-heading p,
.module-section-designed .service-card p,
.module-section-designed .contact-panel p,
.module-section-designed .company-footer p,
.module-section-designed .company-footer a {
	color: color-mix(in srgb, var(--section-text, var(--muted)) 82%, transparent);
}

.section-heading {
	max-width: 960px;
	margin-bottom: 24px;
}

.section-heading h2 {
	margin: 0 0 10px;
	font-size: var(--company-section-heading-size);
	letter-spacing: 0;
	color: var(--company-accent, var(--orange));
}

.section-heading p {
	margin: 0;
	color: var(--company-muted, var(--muted));
	font-size: var(--company-font-lead-size);
}

[data-services-section] .section-heading {
	max-width: none;
}

.about-feature {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 36px;
	align-items: start;
}

.about-feature .section-heading {
	max-width: none;
	margin-bottom: 0;
}

.about-feature .section-heading p {
	max-width: 820px;
	font-size: 20px;
	line-height: 1.75;
}

.about-points {
	display: grid;
	gap: 16px;
}

.about-point {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	column-gap: 12px;
	align-items: center;
	padding: 2px 0 14px;
	border-bottom: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 12%, var(--line));
}

.about-points [data-about-icon] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	grid-row: span 2;
	width: 30px;
	height: 30px;
	margin-bottom: 0;
	color: var(--company-accent, var(--orange));
	background: color-mix(in srgb, var(--company-accent, var(--orange)) 10%, var(--company-surface, #ffffff));
	border-radius: 50%;
	font-weight: 900;
}

.about-points [data-about-icon] svg {
	width: 16px;
	height: 16px;
	stroke-width: 2.3;
}

.about-points strong {
	display: block;
	color: var(--company-primary, var(--teal));
	font-size: 18px;
}

.about-points p {
	grid-column: 2;
	margin: 3px 0 0;
	color: var(--company-muted, var(--muted));
}

.about-point-add {
	display: flex;
	align-items: center;
	min-height: 34px;
	margin: 0;
}

.service-card-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.section-inline-tools {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

.section-inline-tools form {
	margin: 0;
}

.service-card {
	position: relative;
	padding: 22px;
	color: var(--company-page-text, var(--ink));
	background: color-mix(in srgb, var(--company-surface, var(--white)) 92%, var(--company-page-bg, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-page-text, var(--ink)) 22%, transparent);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(31, 41, 51, 0.06);
}

.service-card-editable {
	padding-top: 54px;
	cursor: grab;
}

.service-card-editable:active {
	cursor: grabbing;
}

.service-card.is-dragging {
	opacity: 0.52;
	transform: scale(0.98);
}

.service-card.is-card-editing {
	border-color: var(--company-accent, var(--orange));
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--company-accent, var(--orange)) 18%, transparent), 0 14px 32px rgba(31, 41, 51, 0.1);
}

.drop-marker {
	position: absolute;
	z-index: 5;
	width: 4px;
	min-height: 44px;
	pointer-events: none;
	border-radius: 999px;
	background: var(--company-accent, var(--orange));
	box-shadow: 0 0 0 5px color-mix(in srgb, var(--company-accent, var(--orange)) 18%, transparent);
	transform: translateX(-2px);
}

.service-card-tools {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	display: flex;
	gap: 6px;
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity 160ms ease, transform 160ms ease;
}

.service-card-editable:hover .service-card-tools {
	opacity: 1;
	transform: translateY(0);
}

.service-card.is-card-editing .service-card-tools {
	opacity: 1;
	transform: translateY(0);
}

.service-card-tools form {
	display: flex;
	gap: 6px;
	margin: 0;
}

.icon-tool {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	min-height: 32px;
	height: 32px;
	padding: 0;
	color: var(--company-primary, var(--teal));
	background: var(--white);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 24%, var(--line));
	border-radius: 50%;
	box-shadow: 0 8px 18px rgba(31, 41, 51, 0.12);
	cursor: pointer;
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.icon-tool:hover {
	color: var(--white);
	background: var(--company-primary, var(--teal));
	transform: translateY(-1px);
}

.icon-tool.is-tool-editing,
.icon-tool.is-tool-editing:hover,
.icon-tool.is-tool-editing:disabled {
	color: var(--white);
	background: var(--company-primary, var(--teal));
	border-color: var(--company-primary, var(--teal));
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--company-primary, var(--teal)) 18%, transparent), 0 8px 18px rgba(31, 41, 51, 0.14);
	cursor: pointer;
	opacity: 1;
	transform: scale(1.04);
	animation: local24EditToolOpen 180ms ease;
	pointer-events: auto;
}

.icon-tool.is-tool-closing {
	animation: local24EditToolClose 220ms ease;
}

.icon-tool-danger {
	color: #b42318;
}

.icon-tool-danger:hover {
	background: #b42318;
	border-color: #b42318;
}

.drag-hint {
	cursor: grab;
}

.icon-tool svg {
	width: 16px;
	height: 16px;
	stroke-width: 2.4;
	transition: transform 160ms ease, opacity 160ms ease;
}

.icon-tool.is-tool-editing svg {
	transform: rotate(90deg) scale(1.02);
}

@keyframes local24EditToolOpen {
	0% {
		transform: scale(0.92);
	}
	100% {
		transform: scale(1.04);
	}
}

@keyframes local24EditToolClose {
	0% {
		transform: scale(1.04);
	}
	55% {
		transform: scale(0.92);
	}
	100% {
		transform: scale(1);
	}
}

.service-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 14px;
	border-radius: 50%;
	color: var(--company-primary, var(--teal));
	background: color-mix(in srgb, var(--company-primary, var(--teal)) 18%, var(--company-surface, #ffffff));
}

.service-icon svg {
	width: 24px;
	height: 24px;
	stroke-width: 2.2;
}

.company-page-theme .service-card h3,
.service-card h4 {
	font-size: var(--company-small-heading-size);
	line-height: 1.3;
	margin: 0 0 8px;
	letter-spacing: 0;
	color: color-mix(in srgb, var(--company-primary, var(--teal)) 72%, var(--company-page-text, var(--ink)));
}

.service-card p {
	margin: 0;
	color: var(--company-muted, var(--muted));
}

.service-add-card {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 190px;
	margin: 0;
	border: 1px dashed color-mix(in srgb, var(--company-primary, var(--teal)) 30%, var(--line));
	border-radius: 8px;
	background: color-mix(in srgb, var(--company-primary, var(--teal)) 5%, var(--company-surface, #ffffff));
}

.service-add-button {
	width: 54px;
	min-height: 54px;
	height: 54px;
	padding: 0;
	color: var(--company-primary, var(--teal));
	background: var(--white);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 28%, var(--line));
	border-radius: 50%;
	box-shadow: 0 12px 26px rgba(31, 41, 51, 0.1);
}

.service-add-button:hover {
	color: var(--white);
	background: var(--company-primary, var(--teal));
}

.service-add-button svg {
	width: 23px;
	height: 23px;
}

.reference-carousel-shell {
	position: relative;
}

.company-ad-slot {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ad-slot-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 86px;
	padding: 18px 22px;
	color: var(--muted);
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--teal)) 5%, #ffffff), color-mix(in srgb, var(--company-accent, var(--orange)) 5%, #ffffff));
	border: 1px dashed color-mix(in srgb, var(--company-primary, var(--teal)) 22%, var(--line));
	border-radius: 8px;
}

.ad-slot-box span {
	color: var(--company-accent, var(--orange));
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.ad-slot-box p {
	margin: 0;
	font-weight: 800;
}

.reference-track {
	position: relative;
	display: flex;
	gap: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 2px 12px;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.reference-track::-webkit-scrollbar {
	display: none;
}

.reference-card {
	position: relative;
	flex: 0 0 min(310px, 82vw);
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 18%, var(--line));
	border-radius: 8px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--teal)) 12%, #ffffff), color-mix(in srgb, var(--company-accent, var(--orange)) 14%, #ffffff));
	box-shadow: 0 14px 30px rgba(31, 41, 51, 0.08);
	scroll-snap-align: start;
	isolation: isolate;
}

.reference-card[data-lightbox-item] {
	cursor: zoom-in;
}

.reference-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
	transform: scale(1.01);
	transition: transform 220ms ease, filter 220ms ease;
}

.reference-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 16%, rgba(15, 23, 42, 0.66));
	opacity: 0.42;
	transition: opacity 200ms ease;
	z-index: 1;
}

.reference-card:hover::after {
	opacity: 0.48;
}

.reference-card:hover img {
	transform: scale(1.045);
}

.reference-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--company-primary, var(--teal));
}

.reference-placeholder svg {
	width: 48px;
	height: 48px;
	stroke-width: 1.8;
}

.reference-card-overlay {
	position: absolute;
	z-index: 2;
	left: 18px;
	right: 18px;
	bottom: 16px;
	color: var(--white);
}

.reference-card-overlay h3 {
	margin: 0;
	color: currentColor;
	font-size: var(--company-card-heading-size, 22px);
	line-height: var(--company-font-heading-line-height, 1.04);
	letter-spacing: 0;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.26);
}

.reference-card-overlay span {
	display: inline-flex;
	margin-bottom: 7px;
	padding: 4px 8px;
	color: var(--ink);
	background: rgba(255, 255, 255, 0.86);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.reference-card-overlay p {
	margin: 6px 0 0;
	max-width: 92%;
	color: rgba(255, 255, 255, 0.92);
	font-weight: 700;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
}

.reference-card-tools {
	position: absolute;
	z-index: 4;
	top: 12px;
	right: 12px;
	display: flex;
	gap: 6px;
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity 160ms ease, transform 160ms ease;
}

.reference-card-tools form {
	margin: 0;
}

.reference-decision-badge {
	position: absolute;
	z-index: 4;
	top: 12px;
	left: 12px;
	display: inline-flex;
	align-items: center;
	max-width: calc(100% - 70px);
	padding: 6px 9px;
	color: #17333b;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(23, 51, 59, 0.16);
	border-radius: 999px;
	box-shadow: 0 5px 16px rgba(15, 23, 42, 0.14);
	font-size: 11px;
	font-weight: 900;
	line-height: 1.2;
}

.reference-card-editable {
	cursor: default;
}

.reference-card-editable:hover .reference-card-tools,
.reference-card.is-card-editing .reference-card-tools {
	opacity: 1;
	transform: translateY(0);
}

.reference-card.is-dragging {
	opacity: 0.52;
	transform: scale(0.98);
}

.reference-card.is-card-editing {
	border-color: var(--company-accent, var(--orange));
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--company-accent, var(--orange)) 18%, transparent), 0 14px 32px rgba(31, 41, 51, 0.12);
}

.reference-empty-text {
	margin: 0;
	color: var(--muted);
}

.reference-scroll-button {
	position: absolute;
	z-index: 6;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	color: var(--company-primary, var(--teal));
	background: var(--white);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 24%, var(--line));
	border-radius: 50%;
	box-shadow: 0 14px 30px rgba(31, 41, 51, 0.14);
	transform: translateY(-50%);
}

.reference-scroll-prev {
	left: -16px;
}

.reference-scroll-next {
	right: -16px;
}

.reference-scroll-button:hover {
	color: var(--white);
	background: var(--company-primary, var(--teal));
}

.has-lightbox-open {
	overflow: hidden;
}

.local24-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 34px;
	background: rgba(15, 23, 42, 0.88);
	backdrop-filter: blur(10px);
}

.local24-lightbox[hidden] {
	display: none;
}

.local24-lightbox figure {
	position: relative;
	width: min(1120px, 92vw);
	max-height: 88vh;
	margin: 0;
}

.local24-lightbox img {
	display: block;
	width: 100%;
	max-height: 78vh;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34);
}

.local24-lightbox figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 28px 30px 24px;
	color: #ffffff;
	background: linear-gradient(180deg, transparent, rgba(15, 23, 42, 0.86));
	border-radius: 0 0 8px 8px;
}

.local24-lightbox figcaption strong {
	display: block;
	margin-bottom: 5px;
	font-size: 24px;
	line-height: 1.2;
}

.local24-lightbox figcaption span {
	display: block;
	max-width: 760px;
	color: rgba(255, 255, 255, 0.84);
	font-size: 16px;
	line-height: 1.45;
}

.lightbox-close,
.lightbox-nav {
	position: absolute;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.26);
	border-radius: 999px;
	backdrop-filter: blur(8px);
}

.lightbox-close:hover,
.lightbox-nav:hover {
	background: rgba(255, 255, 255, 0.22);
}

.lightbox-close {
	top: 22px;
	right: 22px;
}

.lightbox-prev {
	left: 22px;
	top: 50%;
	transform: translateY(-50%);
}

.lightbox-next {
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
}

.lightbox-close svg,
.lightbox-nav svg {
	width: 22px;
	height: 22px;
}

.reference-drop-marker {
	top: 4px;
}

.highlights-section {
	padding-top: 20px;
}

.highlight-carousel {
	position: relative;
}

.highlight-track {
	position: relative;
	min-height: 340px;
	overflow: hidden;
	border-radius: 8px;
}

.editor-block-has-no-items {
	opacity: 0.52;
	filter: grayscale(0.35);
}

.editor-block-has-no-items .highlight-carousel {
	display: none;
}

.editor-block-has-no-items .section-heading {
	margin-bottom: 16px;
}

.current-empty-block-note {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 8px 14px;
	align-items: center;
	max-width: 680px;
	min-height: 132px;
	padding: 22px;
	border: 1px dashed color-mix(in srgb, var(--company-accent, var(--orange)) 34%, transparent);
	border-radius: 8px;
	background: color-mix(in srgb, var(--company-surface, #ffffff) 78%, transparent);
	color: var(--company-muted, var(--muted));
}

.current-empty-block-note svg {
	grid-row: span 2;
	width: 28px;
	height: 28px;
	color: var(--company-accent, var(--orange));
}

.current-empty-block-note strong {
	color: var(--company-primary, var(--teal));
	font-size: 18px;
}

.current-empty-block-note span {
	line-height: 1.45;
}

.highlight-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 420ms ease;
}

.highlight-slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.highlight-slide.is-card-editing {
	border-radius: 8px;
}

.highlight-edit-frame {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 6;
}

.highlight-slide.is-card-editing .highlight-edit-frame {
	display: block;
}

.highlight-edit-frame::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 1.5px solid rgba(220, 38, 38, 0.92);
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.62), 0 12px 32px rgba(220, 38, 38, 0.12);
	pointer-events: none;
}

.highlight-edit-handle {
	position: absolute;
	top: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: color-mix(in srgb, #ffffff 88%, var(--editor-primary, var(--local24-petrol)));
	border: 1px solid color-mix(in srgb, var(--editor-primary, var(--local24-petrol)) 34%, #ffffff);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
	color: var(--editor-primary, var(--local24-petrol));
	transform: translateY(-50%);
	cursor: pointer;
	pointer-events: auto;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.highlight-edit-handle:hover,
.highlight-edit-handle:focus-visible {
	background: var(--editor-primary, var(--local24-petrol));
	border-color: var(--editor-primary, var(--local24-petrol));
	color: #ffffff;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--editor-primary, var(--local24-petrol)) 30%, transparent);
	transform: translateY(-50%) scale(1.03);
	outline: none;
}

.highlight-edit-handle span {
	display: block;
	color: currentColor;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

.highlight-edit-handle.is-left {
	left: 10px;
}

.highlight-edit-handle.is-right {
	right: 10px;
}

.highlight-slide .section-inline-tools {
	position: absolute;
	z-index: 8;
	top: 18px;
	right: 18px;
	margin-top: 0;
}

.highlight-bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.08)),
		linear-gradient(135deg, var(--company-primary, var(--teal)), var(--company-accent, var(--orange)));
	background-position: center center;
	background-repeat: no-repeat;
	background-size: var(--highlight-image-size, cover);
	isolation: isolate;
}

.highlight-bg-2 {
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.26), rgba(255, 255, 255, 0.08)),
		linear-gradient(135deg, var(--company-accent, var(--orange)), var(--company-primary, var(--teal)));
}

.highlight-bg-3 {
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.05)),
		radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 28%),
		linear-gradient(135deg, var(--company-primary, var(--teal)), #1f2933);
}

.highlight-content {
	position: absolute;
	left: clamp(24px, 6vw, 64px);
	top: 50%;
	max-width: 620px;
	box-sizing: border-box;
	color: var(--banner-readable-color, var(--white));
	isolation: isolate;
	transform: translateY(-50%);
	transition: filter 0.18s ease;
}

.highlight-content::after {
	content: "";
	position: absolute;
	inset: -12px;
	z-index: -1;
	border-radius: 8px;
	background: rgba(var(--hero-readable-rgb, 0, 0, 0), var(--hero-readable-alpha, 0.65));
	pointer-events: none;
}

.company-page-theme .highlight-content [data-readable-auto="1"] {
	color: var(--banner-readable-color, var(--white));
}

.highlight-content.is-banner-backdrop-blur,
.highlight-content.is-banner-soft-blur {
	background: transparent;
	isolation: isolate;
}

.highlight-content.is-banner-backdrop-blur::before,
.highlight-content.is-banner-soft-blur::before {
	content: "";
	position: absolute;
	inset: calc(var(--banner-font-padding, 18px) * -1);
	z-index: -1;
	border-radius: var(--banner-font-radius, 8px);
	background: var(--banner-font-bg, rgba(17, 24, 39, 0.72));
}

.highlight-content.is-banner-backdrop-blur::before {
	backdrop-filter: blur(var(--banner-font-blur, 8px));
	-webkit-backdrop-filter: blur(var(--banner-font-blur, 8px));
}

.highlight-content.is-banner-soft-blur::before {
	filter: blur(var(--banner-font-blur, 8px));
	transform: scale(1.018);
}

.highlight-content span {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 13px;
}

.company-page-theme .highlight-content h2,
.company-page-theme .highlight-content h3,
.company-page-theme .highlight-content h4,
.company-page-theme .highlight-slide .highlight-content h2,
.company-page-theme .highlight-slide .highlight-content h3,
.company-page-theme .highlight-slide .highlight-content h4 {
	margin: 0 0 12px;
	font-family: var(--company-font-heading, var(--company-font-body, Arial, Helvetica, sans-serif));
	font-size: calc(var(--company-highlight-heading-size) * var(--highlight-title-scale, 1));
	font-weight: var(--company-heading-weight, 800);
	line-height: var(--company-font-heading-line-height, 1.04);
	letter-spacing: 0;
	text-transform: var(--company-heading-transform, none);
}

.highlight-content p {
	margin: 0;
	font-size: var(--company-font-lead-size);
}

.highlight-action-link {
	margin-top: 16px;
}

.highlight-action-link.is-hidden {
	display: none;
}

.highlight-dots {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-top: 14px;
}

.highlight-dots button {
	width: 36px;
	min-height: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #cfd6dd;
}

.highlight-dots button.is-active {
	background: var(--company-primary, var(--teal));
}

.contact-section {
	padding-top: 20px;
	padding-bottom: 20px;
}

.contact-panel {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 32px;
	align-items: start;
	padding: clamp(24px, 5vw, 42px);
	color: var(--company-page-text, var(--ink));
	background: color-mix(in srgb, var(--company-surface, var(--white)) 92%, var(--company-page-bg, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-page-text, var(--ink)) 18%, transparent);
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(31, 41, 51, 0.08);
}

.contact-panel h2 {
	margin: 0 0 12px;
	font-size: 38px;
	letter-spacing: 0;
	color: var(--company-accent, var(--orange));
}

.contact-panel p {
	color: var(--company-muted, var(--muted));
}

.contact-copy {
	display: grid;
	gap: 18px;
}

.contact-benefits {
	display: grid;
	gap: 14px;
	margin-top: 6px;
}

.contact-benefit {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding-bottom: 14px;
	border-bottom: 1px solid color-mix(in srgb, var(--company-page-text, var(--ink)) 10%, transparent);
}

.contact-benefit:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.contact-benefit > span,
.contact-slogan > span {
	display: inline-flex;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: var(--company-primary, var(--teal));
	background: color-mix(in srgb, var(--company-primary, var(--teal)) 12%, transparent);
}

.contact-benefit svg,
.contact-slogan svg {
	width: 22px;
	height: 22px;
}

.contact-benefit strong {
	display: block;
	margin-bottom: 4px;
	color: var(--company-page-text, var(--ink));
}

.contact-benefit p,
.contact-slogan p,
.contact-privacy-note {
	margin: 0;
}

.contact-slogan {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	margin-top: 6px;
	padding: 16px 18px;
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 18%, transparent);
	border-radius: 8px;
	background: color-mix(in srgb, var(--company-primary, var(--teal)) 10%, var(--company-surface, #ffffff));
	box-shadow: 0 10px 24px rgba(31, 41, 51, 0.06);
}

.contact-form {
	display: grid;
	gap: 14px;
}

.contact-form .grid-2 {
	gap: 14px;
}

.contact-form input,
.contact-form textarea {
	color: var(--company-page-text, var(--ink));
	background: color-mix(in srgb, var(--company-page-bg, #ffffff) 72%, var(--company-surface, #ffffff));
	border-color: color-mix(in srgb, var(--company-page-text, var(--ink)) 22%, transparent);
}

.contact-form textarea {
	min-height: 150px;
	resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: color-mix(in srgb, var(--company-muted, var(--muted)) 78%, transparent);
}

.contact-form-status {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 68px;
	padding: 14px 16px;
	border: 1px solid color-mix(in srgb, var(--company-page-text, var(--ink)) 12%, transparent);
	border-radius: 8px;
	color: var(--company-muted, var(--muted));
	background: color-mix(in srgb, var(--company-surface, #ffffff) 52%, transparent);
}

.contact-form-status[hidden] {
	display: none;
}

.contact-form-status svg {
	width: 22px;
	height: 22px;
	color: var(--company-primary, var(--teal));
}

.contact-form-status[data-status="success"] {
	border-style: solid;
	color: #166534;
	background: #ecfdf3;
}

.contact-form-status[data-status="warning"] {
	border-style: solid;
	color: #92400e;
	background: #fffbeb;
}

.contact-form-status[data-status="error"] {
	border-style: solid;
	color: #991b1b;
	background: #fef2f2;
}

.contact-form-status[data-status="loading"] {
	border-style: solid;
	color: var(--company-primary, var(--teal));
}

.contact-form-status[data-status="loading"] svg,
.contact-feedback-preview-button.is-loading svg {
	animation: local24-spin 0.9s linear infinite;
}

.contact-privacy-note {
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 13px;
	color: var(--company-muted, var(--muted));
}

.contact-privacy-note svg {
	width: 16px;
	height: 16px;
}

.contact-benefit-editor-card {
	display: grid;
	gap: 8px;
	padding: 12px;
	border: 1px solid #e5edf2;
	border-radius: 8px;
	background: #f8fbfc;
}

.company-footer {
	--footer-space-top: 58px;
	--footer-space-bottom: 34px;
	padding: var(--footer-space-top) 0 var(--footer-space-bottom);
	color: var(--company-footer-text, #f7f7f8);
	background: var(--company-footer-bg, #17191c);
}

.company-footer-premium {
	display: grid;
	gap: 34px;
}

.company-footer-main {
	display: grid;
	grid-template-columns: minmax(220px, 1.1fr) minmax(180px, 0.85fr) minmax(150px, 0.7fr) minmax(220px, 1fr);
	gap: 28px;
	align-items: start;
}

.company-footer-brand,
.company-footer-column {
	min-width: 0;
}

.company-footer-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	margin-bottom: 18px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--company-footer-text, #f7f7f8) 24%, transparent);
	border-radius: 50%;
	background: color-mix(in srgb, var(--company-footer-text, #f7f7f8) 8%, transparent);
	box-shadow: inset 0 0 0 8px color-mix(in srgb, var(--company-footer-text, #f7f7f8) 4%, transparent);
}

.company-footer-mark img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.company-footer-mark span {
	color: var(--company-footer-text, #f7f7f8);
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 0;
}

.company-footer h2 {
	margin: 0 0 8px;
	color: var(--company-footer-text, #f7f7f8);
	font-size: 27px;
	letter-spacing: 0;
}

.company-footer p {
	margin: 0;
	color: var(--company-footer-muted, #c4c7cb);
}

.company-footer-industry {
	color: color-mix(in srgb, var(--company-footer-accent, var(--company-accent, var(--orange))) 72%, var(--company-footer-text, #f7f7f8)) !important;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.company-footer-description {
	max-width: 330px;
	margin-top: 22px !important;
	line-height: 1.65;
}

.company-footer-powered {
	font-size: 14px;
}

.company-footer-operator {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	max-width: 760px;
	margin-top: 10px !important;
	font-size: 13px;
	line-height: 1.45;
}

.company-footer-operator strong {
	color: color-mix(in srgb, var(--company-footer-text, #f7f7f8) 92%, transparent);
}

.company-footer-operator span {
	color: var(--company-footer-muted, #c4c7cb);
}

.company-footer a {
	color: var(--company-footer-text, #f7f7f8);
	font-weight: 800;
}

.company-footer-column {
	display: grid;
	gap: 14px;
	padding-left: 22px;
	border-left: 1px solid color-mix(in srgb, var(--company-footer-text, #f7f7f8) 14%, transparent);
}

.company-footer-column h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 12px;
	color: var(--company-footer-text, #f7f7f8);
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.company-footer-column h3 svg {
	width: 20px;
	height: 20px;
	color: color-mix(in srgb, var(--company-footer-accent, var(--company-accent, var(--orange))) 74%, var(--company-footer-text, #f7f7f8));
}

.company-footer-column a,
.company-footer-contact-row {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: var(--company-footer-muted, #c4c7cb);
	font-size: 15px;
	font-weight: 650;
	line-height: 1.45;
}

.company-footer-column a:hover {
	color: var(--company-footer-text, #f7f7f8);
}

.company-footer-column a > span,
.company-footer-contact-row span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.company-footer-column a > svg:last-child {
	width: 16px;
	height: 16px;
	margin-left: auto;
	opacity: 0.72;
}

.company-footer-contact-row svg {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: var(--company-footer-muted, #c4c7cb);
}

.company-footer-cta {
	display: grid !important;
	grid-template-columns: 28px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 12px !important;
	margin-top: 12px;
	padding: 16px;
	border: 1px solid color-mix(in srgb, var(--company-footer-text, #f7f7f8) 14%, transparent);
	border-radius: 8px;
	background: color-mix(in srgb, var(--company-footer-text, #f7f7f8) 8%, transparent);
}

.company-footer-cta svg {
	color: color-mix(in srgb, var(--company-footer-accent, var(--company-accent, var(--orange))) 74%, var(--company-footer-text, #f7f7f8));
}

.company-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.company-footer-social a,
.company-footer-top {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--company-footer-text, #f7f7f8) 9%, transparent);
	color: var(--company-footer-text, #f7f7f8);
}

.company-footer-social svg,
.company-footer-top svg {
	width: 19px;
	height: 19px;
}

.company-footer-bottom {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto auto;
	gap: 18px 28px;
	align-items: center;
	padding-top: 26px;
	border-top: 1px solid color-mix(in srgb, var(--company-footer-text, #f7f7f8) 12%, transparent);
}

.company-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
}

.company-footer-links a {
	color: color-mix(in srgb, var(--company-footer-text, #f7f7f8) 86%, transparent);
	font-size: 14px;
}

.company-footer-top {
	width: auto;
	gap: 10px;
	padding: 0 14px 0 10px;
	border-radius: 999px;
	color: color-mix(in srgb, var(--company-footer-text, #f7f7f8) 84%, transparent);
	font-size: 14px;
}

.site-footer {
	margin-top: 56px;
	padding: 28px 0;
	background: var(--soft);
	border-top: 1px solid var(--line);
	color: var(--muted);
}

.footer-links {
	display: flex;
	gap: 16px;
}

.site-footer-search {
	margin-top: -1px;
	padding: 0;
	color: #587183;
	background: linear-gradient(180deg, #d9f3f8 0%, #eef9fb 18%, #f5fbfc 100%);
	border-top: 1px solid #c4e7ee;
}

.search-footer-wrap { padding-top: 34px; padding-bottom: 22px; }

.search-footer-main {
	display: grid;
	grid-template-columns: 1.35fr .8fr .95fr;
	gap: 0;
	padding-bottom: 28px;
}

.search-footer-brand { display: grid; align-content: start; justify-items: start; gap: 8px; padding-right: 44px; }
.search-footer-brand .local24-brand-logo { width: 148px; height: auto; }
.search-footer-brand strong,
.search-footer-column > strong { color: #49647a; font-size: 14px; font-weight: 750; }
.search-footer-brand p { margin: 0; color: #71869a; font-size: 13px; line-height: 1.5; }

.search-footer-column {
	display: grid;
	align-content: start;
	gap: 8px;
	padding: 2px 34px 4px;
	border-left: 1px solid #c9dfe5;
}

.search-footer-column a,
.search-footer-bottom a { color: #18727c; text-decoration: none; }
.search-footer-column a { width: fit-content; font-size: 14px; }
.search-footer-column a:hover,
.search-footer-bottom a:hover { color: #0b5961; text-decoration: underline; text-underline-offset: 3px; }

.search-footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-top: 20px;
	border-top: 1px solid #c9dfe5;
	color: #71869a;
	font-size: 13px;
}

.search-footer-bottom > span:last-child { display: inline-flex; align-items: center; gap: 10px; }
.search-footer-bottom a { display: inline-flex; align-items: center; gap: 6px; }
.search-footer-bottom svg { width: 15px; height: 15px; }

html[data-search-theme="dark"] .site-footer-search {
	color: #b8cdd8;
	background: linear-gradient(180deg, #0c3555 0%, #0c2c45 18%, #0a2438 100%);
	border-top-color: #244b62;
}

html[data-search-theme="dark"] .search-footer-brand strong,
html[data-search-theme="dark"] .search-footer-column > strong { color: #d9e9ef; }
html[data-search-theme="dark"] .search-footer-brand p,
html[data-search-theme="dark"] .search-footer-bottom { color: #a7bfcb; }
html[data-search-theme="dark"] .search-footer-column,
html[data-search-theme="dark"] .search-footer-bottom { border-color: #31546a; }
html[data-search-theme="dark"] .search-footer-column a,
html[data-search-theme="dark"] .search-footer-bottom a { color: #83d7dc; }
html[data-search-theme="dark"] .search-footer-column a:hover,
html[data-search-theme="dark"] .search-footer-bottom a:hover { color: #c9f3f5; }

@media (max-width: 760px) {
	.search-footer-wrap { padding-top: 28px; padding-bottom: 20px; }
	.search-footer-main { grid-template-columns: 1fr; gap: 22px; padding-bottom: 24px; }
	.search-footer-brand { padding-right: 0; }
	.search-footer-brand .local24-brand-logo { width: 132px; }
	.search-footer-column { padding: 18px 0 0; border-top: 1px solid #c9dfe5; border-left: 0; }
	html[data-search-theme="dark"] .search-footer-column { border-top-color: #31546a; }
	.search-footer-bottom { align-items: flex-start; flex-direction: column; gap: 10px; }
	.search-footer-bottom > span:last-child { align-items: flex-start; flex-wrap: wrap; }
}

.onboarding-hero,
.onboarding-step {
	min-height: calc(100vh - 210px);
	display: flex;
	align-items: center;
	padding: 56px 0;
	background: linear-gradient(180deg, #f3faf9 0%, #ffffff 100%);
}

.onboarding-grid {
	display: grid;
	grid-template-columns: 1.08fr 0.92fr;
	align-items: center;
	gap: 56px;
}

.onboarding-grid h1,
.question-card h1 {
	margin: 0 0 18px;
	font-size: clamp(36px, 6vw, 64px);
	line-height: 1.04;
	letter-spacing: 0;
}

.eyebrow,
.step-label {
	margin: 0 0 12px;
	color: var(--orange);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
}

.focus-card,
.question-card {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(31, 41, 51, 0.1);
}

.focus-card {
	padding: 28px;
}

.clean-steps {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: step;
}

.clean-steps li {
	counter-increment: step;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px;
	background: var(--soft);
	border-radius: 6px;
	font-weight: 700;
}

.clean-steps li::before {
	content: counter(step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: var(--white);
	background: var(--teal);
	font-size: 14px;
}

.question-card {
	max-width: 720px;
	margin: 0 auto;
	padding: clamp(28px, 6vw, 54px);
}

.question-card-wide {
	max-width: 860px;
}

.onboarding-entry-promise {
	margin: 24px 0;
	padding: 18px 20px;
	border: 1px solid #b9d8d4;
	border-radius: 8px;
	background: #f3faf9;
}

.onboarding-entry-promise ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.onboarding-entry-promise li {
	padding: 7px 11px;
	border-radius: 999px;
	background: #dff2ef;
	color: #125f66;
	font-size: 14px;
	font-weight: 700;
}

.onboarding-entry-promise p {
	margin: 0;
	color: var(--muted);
	font-size: 15px;
	line-height: 1.55;
}

.onboarding-source-copy,
.onboarding-profile-selected {
	margin: 22px 0;
	padding: 16px 18px;
	border-left: 4px solid var(--teal);
	border-radius: 6px;
	background: var(--soft);
}

.onboarding-source-copy p {
	margin: 8px 0 0;
	white-space: normal;
}

.onboarding-profile-options {
	display: grid;
	gap: 12px;
	margin: 22px 0;
}

.onboarding-profile-option {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 16px 18px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--white);
	cursor: pointer;
}

.onboarding-profile-option:has(input:checked) {
	border-color: var(--teal);
	box-shadow: 0 0 0 2px rgba(23, 107, 115, 0.12);
}

.onboarding-profile-option input {
	margin-top: 4px;
}

.onboarding-profile-option span {
	display: grid;
	gap: 4px;
}

.onboarding-profile-option small {
	color: var(--muted);
	line-height: 1.45;
}

.onboarding-suggestion-label {
	margin: 22px 0 12px;
	color: var(--teal);
	font-weight: 700;
}

.onboarding-suggestion-warning {
	color: #9a5b00;
}

.onboarding-field-hint {
	margin: 8px 0 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}

.onboarding-offer-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 14px 0 20px;
}

.onboarding-offer-actions .btn[disabled] {
	cursor: not-allowed;
	opacity: .48;
}

.onboarding-offer-undo {
	margin-left: auto;
	padding: 7px 0;
	border: 0;
	background: transparent;
	color: var(--teal);
	font: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.onboarding-offer-undo:hover,
.onboarding-offer-undo:focus-visible {
	color: var(--teal-dark);
}

.onboarding-sensitive-warning {
	margin: 14px 0 18px;
	padding: 16px;
	border: 1px solid #e5a83d;
	border-radius: 12px;
	background: #fff8e8;
	color: #543812;
}

.onboarding-sensitive-warning > strong {
	display: block;
	margin-bottom: 6px;
}

.onboarding-sensitive-warning p,
.onboarding-sensitive-warning ul {
	margin: 6px 0;
}

.onboarding-sensitive-warning ul {
	padding-left: 20px;
}

.onboarding-locality-status {
	display: grid;
	gap: 5px;
	margin: 14px 0 18px;
	padding: 14px 16px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: #f7fafb;
}

.onboarding-locality-status strong,
.onboarding-locality-status p {
	margin: 0;
}

.onboarding-locality-status p {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}

.onboarding-locality-status.is-warning {
	border-color: #e3b35e;
	background: #fff8ea;
}

.onboarding-locality-status.is-warning strong {
	color: #8a5400;
}

.onboarding-locality-status.is-success {
	border-color: rgba(23, 107, 115, 0.32);
	background: rgba(23, 107, 115, 0.07);
}

.onboarding-locality-status.is-success strong {
	color: var(--teal);
}

.onboarding-locality-confirm {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: -4px 0 20px;
	color: var(--text);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.45;
	cursor: pointer;
}

.onboarding-locality-confirm input {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	margin: 1px 0 0;
	accent-color: var(--teal);
}

.onboarding-dev-fixture {
	margin: 22px 0;
	padding: 16px 18px;
	border: 1px dashed var(--orange);
	border-radius: 8px;
	background: #fff8ef;
}

.onboarding-dev-fixture p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}

.onboarding-dev-fixture form {
	margin-top: 12px;
}

.onboarding-dev-fixture input[type="submit"],
.onboarding-dev-fixture .onboarding-dev-fixture-action {
	margin: 0;
	color: var(--white);
	background: var(--orange);
	border-color: var(--orange);
}

.onboarding-shell {
	width: min(1440px, calc(100% - 48px));
	display: grid;
	grid-template-columns: 290px minmax(0, 1fr) 320px;
	align-items: center;
	gap: 30px;
}

.onboarding-step-with-context-help .onboarding-shell {
	grid-template-columns: 290px minmax(0, 760px);
	justify-content: center;
	gap: 48px;
}

.onboarding-stepper {
	align-self: stretch;
	display: flex;
	align-items: center;
	min-height: 520px;
	padding: 22px 10px 22px 4px;
}

.onboarding-stepper ol,
.onboarding-mobile-stepper ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.onboarding-stepper ol {
	display: grid;
	gap: 0;
	width: 100%;
}

.onboarding-stepper li {
	position: relative;
	min-height: 82px;
}

.onboarding-stepper li::before {
	content: "";
	position: absolute;
	left: 13px;
	top: 30px;
	height: 52px;
	width: 2px;
	background: #cbd5df;
}

.onboarding-stepper li:last-child::before {
	display: none;
}

.onboarding-stepper a,
.onboarding-stepper span {
	position: relative;
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 14px;
	align-items: start;
	color: var(--muted);
	text-decoration: none;
}

.onboarding-stepper i {
	grid-row: 1 / span 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 2px solid #b8c4d2;
	border-radius: 50%;
	background: var(--white);
	color: var(--white);
	font-style: normal;
	font-size: 13px;
	font-weight: 900;
	box-shadow: 0 0 0 4px #f3faf9;
}

.onboarding-stepper small {
	margin-top: 1px;
	color: #64748b;
	font-size: 13px;
	line-height: 1.2;
}

.onboarding-stepper strong {
	margin-top: 4px;
	color: #526173;
	font-size: 16px;
	line-height: 1.3;
}

.onboarding-stepper .is-completed i {
	border-color: var(--teal);
	background: var(--teal);
}

.onboarding-stepper .is-completed strong {
	color: var(--ink);
}

.onboarding-stepper .is-completed a:hover strong {
	color: var(--teal);
}

.onboarding-stepper .is-current i {
	border-color: #1477d4;
	background: #1477d4;
	box-shadow: 0 0 0 4px #dbeafe, inset 0 0 0 5px var(--white);
}

.onboarding-stepper .is-current small,
.onboarding-stepper .is-current strong {
	color: #0969c3;
}

.onboarding-stepper .is-current strong {
	font-weight: 900;
}

.onboarding-stepper .is-upcoming {
	opacity: 0.78;
}

.onboarding-stepper .is-upcoming i {
	color: transparent;
}

.onboarding-mobile-stepper {
	display: none;
	margin: 0 0 20px;
	padding: 16px;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 12px 26px rgba(31, 41, 51, 0.07);
}

.onboarding-mobile-stepper > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.onboarding-mobile-stepper strong {
	color: var(--ink);
}

.onboarding-mobile-stepper span {
	color: var(--muted);
	font-weight: 800;
}

.onboarding-mobile-stepper ol {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	align-items: center;
}

.onboarding-mobile-stepper li {
	position: relative;
	display: flex;
	justify-content: center;
}

.onboarding-mobile-stepper li::before {
	content: "";
	position: absolute;
	left: 0;
	right: 50%;
	top: 50%;
	height: 2px;
	background: #cbd5df;
	transform: translateY(-50%);
}

.onboarding-mobile-stepper li::after {
	content: "";
	position: absolute;
	left: 50%;
	right: 0;
	top: 50%;
	height: 2px;
	background: #cbd5df;
	transform: translateY(-50%);
}

.onboarding-mobile-stepper li:first-child::before,
.onboarding-mobile-stepper li:last-child::after {
	display: none;
}

.onboarding-mobile-stepper li span {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border: 2px solid #b8c4d2;
	border-radius: 50%;
	background: var(--white);
	color: var(--white);
	font-size: 10px;
}

.onboarding-mobile-stepper .is-completed span {
	border-color: var(--teal);
	background: var(--teal);
}

.onboarding-mobile-stepper .is-current span {
	border-color: #1477d4;
	background: #1477d4;
	box-shadow: 0 0 0 4px #dbeafe, inset 0 0 0 4px var(--white);
}

.onboarding-help {
	align-self: stretch;
	display: flex;
	align-items: center;
}

.onboarding-help-card {
	width: 100%;
	padding: 24px;
	background:
		radial-gradient(circle at 15% 0%, rgba(32, 119, 127, 0.12), transparent 36%),
		#f4fbfb;
	border: 1px solid color-mix(in srgb, var(--teal) 18%, var(--line));
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(31, 41, 51, 0.08);
}

.onboarding-help-card summary {
	display: none;
}

.onboarding-help-card summary::-webkit-details-marker {
	display: none;
}

.onboarding-help-card > svg {
	width: 32px;
	height: 32px;
	margin-bottom: 16px;
	color: var(--teal);
}

.onboarding-help-card h2 {
	margin: 0 0 22px;
	font-size: 22px;
	line-height: 1.3;
}

.onboarding-help-list {
	display: grid;
	gap: 18px;
}

.onboarding-help-list div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
}

.onboarding-help-list span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: var(--teal);
	background: rgba(32, 119, 127, 0.08);
}

.onboarding-help-list svg {
	width: 24px;
	height: 24px;
}

.onboarding-help-list p {
	margin: 0;
	color: var(--muted);
}

.onboarding-help-list strong {
	display: block;
	margin-bottom: 3px;
	color: var(--ink);
}

.onboarding-help-examples {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid color-mix(in srgb, var(--teal) 15%, var(--line));
}

.onboarding-help-examples strong {
	flex: 0 0 100%;
	color: var(--muted);
	font-size: 13px;
}

.onboarding-help-examples span {
	padding: 5px 10px;
	color: var(--ink);
	background: rgba(32, 119, 127, 0.08);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
}

.onboarding-help-chat {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid color-mix(in srgb, var(--teal) 15%, var(--line));
}

.onboarding-help-chat label {
	margin-bottom: 9px;
}

.onboarding-help-chat div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 38px;
	gap: 8px;
}

.onboarding-help-chat input {
	background: rgba(255, 255, 255, 0.74);
}

.onboarding-help-chat button {
	min-height: 42px;
	padding: 0;
	border-radius: 50%;
	color: var(--white);
	background: var(--teal);
}

.onboarding-help-chat button svg {
	width: 17px;
	height: 17px;
}

.onboarding-help-chat small {
	display: block;
	margin-top: 8px;
	color: var(--muted);
}

.skip-note {
	margin: 16px 0 0;
}

.skip-note a {
	font-weight: 800;
}

.onboarding-editor-step {
	align-items: flex-start;
	padding-top: 34px;
}

.editor-container {
	width: min(1280px, calc(100% - 32px));
}

.editor-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 22px;
}

.editor-header h1 {
	margin-bottom: 10px;
}

.editor-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.preview-editor-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 22px;
	align-items: start;
}

.editor-sidebar {
	position: sticky;
	top: 92px;
	display: grid;
	gap: 14px;
}

.is-editor-preview {
	padding: 124px 380px 0;
	container-name: editor-preview;
	container-type: inline-size;
}

.is-editor-preview.has-critical-publish-notice {
	padding-top: 170px;
}

.is-preview-mode {
	padding-top: 74px;
}

.preview-top-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 30;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	min-height: 58px;
	padding: 8px 24px;
	background: rgba(255, 255, 255, 0.97);
	border-bottom: 1px solid var(--line);
	box-shadow: 0 10px 24px rgba(31, 41, 51, 0.06);
	backdrop-filter: blur(10px);
}

.preview-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 900;
}

.preview-status {
	display: grid;
	justify-items: center;
	gap: 2px;
	min-width: 0;
	color: var(--muted);
	font-size: 12px;
	text-transform: uppercase;
}

.preview-status strong {
	color: var(--ink);
	font-size: 14px;
}

.preview-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.onboarding-feedback-card {
	max-width: 1120px;
	margin: 96px auto 24px;
	padding: 0 24px;
}

.onboarding-feedback-card form,
.onboarding-feedback-card.is-saved {
	display: grid;
	gap: 18px;
	padding: 22px;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 18px 45px rgba(31, 41, 51, 0.08);
}

.onboarding-feedback-card h2 {
	margin: 0 0 6px;
	font-size: 24px;
}

.onboarding-feedback-card p {
	margin: 0;
	color: var(--muted);
}

.feedback-options,
.feedback-readiness {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.feedback-options label,
.feedback-readiness label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: #fff;
	font-weight: 800;
	cursor: pointer;
}

.feedback-detail-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.feedback-mini-score {
	display: grid;
	gap: 8px;
	padding: 12px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--soft);
}

.feedback-mini-score label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.feedback-extra-row {
	display: grid;
	grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
	gap: 12px;
}

.feedback-extra-row label {
	display: grid;
	gap: 7px;
	font-weight: 800;
}

.feedback-status {
	color: var(--muted);
	font-weight: 800;
}

.analytics-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.analytics-card {
	padding: 20px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(31, 41, 51, 0.06);
}

.analytics-card h2 {
	margin: 0 0 14px;
	font-size: 20px;
}

.analytics-card p {
	margin: 8px 0;
	color: var(--muted);
}

.analytics-card strong {
	color: var(--ink);
}


.highlight-card,
.reference-card {
	position: relative;
}


.range-editor {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	margin: 8px 0 6px;
	color: #5f6f87;
	font-size: 12px;
	font-weight: 500;
}

.range-editor strong {
	font-weight: 700;
}

.range-editor input[type="range"] {
	width: 100%;
	min-height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	accent-color: var(--editor-primary, var(--local24-teal));
}

.block-navigator,
.public-editor-sidebar {
	--editor-primary: var(--local24-petrol);
	--editor-primary-dark: var(--local24-petrol-dark);
	--editor-accent: var(--local24-orange);
	--editor-ink: var(--local24-ink);
	--editor-muted: var(--local24-muted);
	--editor-line: var(--local24-line);
	--editor-soft: var(--local24-soft);
	--editor-panel: var(--local24-panel);
	color: var(--editor-ink);
	font-family: var(--local24-ui-font);
}

.company-page-theme .block-navigator,
.company-page-theme .public-editor-sidebar,
.block-navigator,
.public-editor-sidebar {
	--company-font-body-scale: 1;
	--company-font-heading-scale: 1;
	--company-font-body-size: 1em;
	--company-font-body-line-height: 1.5;
	--company-font-heading-line-height: 1.04;
}

.company-page-theme .block-navigator,
.company-page-theme .public-editor-sidebar,
.company-page-theme .block-navigator *,
.company-page-theme .public-editor-sidebar *,
.block-navigator *,
.public-editor-sidebar * {
	font-family: var(--local24-ui-font);
	font-size-adjust: none;
	text-transform: none;
}





.editor-critical-publish-notice[hidden] {
	display: none;
}

.editor-critical-publish-notice {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 38px;
	padding: 8px 12px;
	border: 1px solid #f4b183;
	border-radius: 8px 8px 0 0;
	background: #fff4df;
	color: #6d3f05;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
	font-size: 13px;
	line-height: 1.35;
}

.editor-critical-publish-notice svg {
	width: 17px;
	height: 17px;
	flex: 0 0 17px;
	color: #d97706;
}

.editor-critical-publish-notice strong {
	color: #472a04;
	font-size: 13px;
	white-space: nowrap;
}

.editor-critical-publish-notice span {
	color: #6d3f05;
	font-size: 13px;
}

















.legal-editor-card {
	display: grid;
	gap: 12px;
}

.editor-panel-title-with-help {
	display: flex;
	align-items: center;
	gap: 6px;
}

.editor-panel-title-with-help .help-tip {
	margin-left: 0;
}

.legal-assistant-intro {
	display: grid;
	gap: 6px;
	padding: 2px 0 4px;
	color: var(--editor-text);
}

.legal-assistant-intro strong {
	color: var(--editor-primary);
	font-size: 22px;
	line-height: 1.15;
}

.legal-assistant-intro span,
.legal-assistant-card p {
	margin: 0;
	color: var(--editor-muted);
	font-size: 14px;
	line-height: 1.5;
}

.legal-assistant-progress {
	display: grid;
	gap: 8px;
	margin: 2px 0 4px;
}

.legal-progress-track {
	height: 8px;
	overflow: hidden;
	border-radius: 999px;
	background: #e5edf1;
}

.legal-progress-track span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--editor-primary), #21a488 72%, var(--orange));
}

.legal-assistant-progress strong {
	color: var(--editor-primary);
	font-size: 13px;
	font-weight: 850;
}

.legal-verify-action {
	display: grid;
	gap: 7px;
	padding: 12px;
	border: 1px solid rgba(29, 151, 117, 0.22);
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(29, 151, 117, 0.08), rgba(32, 119, 127, 0.04));
}

.legal-verify-action .btn {
	width: 100%;
	justify-content: center;
}

.legal-verify-action .btn:disabled {
	cursor: not-allowed;
	opacity: 0.55;
	filter: grayscale(0.35);
}

.legal-verify-action > span {
	color: var(--editor-muted);
	font-size: 12px;
	font-weight: 800;
	text-align: center;
}

.legal-status-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 2px 0 8px;
}

.legal-status-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 28px;
	padding: 5px 9px;
	border: 1px solid #dbe8ec;
	border-radius: 999px;
	color: var(--editor-muted);
	background: #f7fbfc;
	font-size: 12px;
	font-weight: 850;
}

.legal-status-pill svg {
	width: 14px;
	height: 14px;
	stroke-width: 2.4;
}

.legal-status-pill.is-complete {
	color: #0e7b5b;
	border-color: rgba(29, 151, 117, 0.24);
	background: rgba(29, 151, 117, 0.1);
}

.legal-status-pill.is-warning {
	color: #a65f00;
	border-color: rgba(245, 155, 16, 0.32);
	background: rgba(245, 155, 16, 0.13);
}

.legal-status-pill.is-muted {
	color: #6b778c;
	background: #eef4f6;
}

.legal-assistant-stack,
.cookie-assistant-options {
	display: grid;
	gap: 10px;
}

.legal-assistant-card {
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid #dbe8ec;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(15, 46, 53, 0.05);
}

.legal-assistant-card.is-complete {
	border-color: rgba(29, 151, 117, 0.24);
	background: linear-gradient(135deg, rgba(29, 151, 117, 0.05), #ffffff 44%);
}

.legal-assistant-card.is-warning {
	border-color: rgba(245, 155, 16, 0.35);
	background: linear-gradient(135deg, rgba(245, 155, 16, 0.08), #ffffff 48%);
}

.legal-assistant-card-header {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 10px;
}

.legal-assistant-card-header .help-tip {
	margin-left: 0;
	z-index: 1;
}

.legal-assistant-icon {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	color: var(--editor-primary);
	background: rgba(31, 111, 120, 0.1);
}

.legal-assistant-icon svg {
	width: 19px;
	height: 19px;
	stroke-width: 2.2;
}

.legal-assistant-card-header strong {
	color: var(--editor-text);
	font-size: 15px;
	font-weight: 900;
}

.legal-card-help-line {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: -2px 0 2px;
	color: var(--editor-muted);
	font-size: 12px;
	line-height: 1.35;
}

.legal-card-help-line .help-tip {
	flex: 0 0 auto;
}

.legal-card-status {
	display: inline-grid;
	place-items: center;
	min-width: 26px;
	min-height: 26px;
	padding: 0 7px;
	border-radius: 999px;
	color: var(--editor-muted);
	background: #eef5f6;
	font-size: 12px;
	font-weight: 850;
}

.legal-card-status svg {
	width: 15px;
	height: 15px;
}

.legal-card-status.is-complete {
	color: #0e7b5b;
	background: rgba(29, 151, 117, 0.13);
}

.legal-card-status.is-warning {
	color: #a65f00;
	background: rgba(245, 155, 16, 0.15);
}

.legal-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.legal-field-grid label {
	display: grid;
	gap: 6px;
	margin: 0;
}

.legal-field-grid label > span {
	color: var(--editor-muted);
	font-size: 12px;
	font-weight: 850;
}

.legal-field-wide {
	grid-column: 1 / -1;
}

.legal-editor-card textarea {
	min-height: 280px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	resize: vertical;
}

.legal-field-grid textarea {
	min-height: 86px;
}

.legal-preview-box {
	display: grid;
	gap: 4px;
	max-height: 260px;
	overflow: auto;
	padding: 14px;
	border: 1px solid #dbe8ec;
	border-radius: 8px;
	background: #f8fbfc;
	color: var(--editor-text);
	font-size: 13px;
	line-height: 1.55;
}

.legal-preview-box strong {
	margin-bottom: 4px;
	color: var(--editor-primary);
	font-size: 13px;
}

.legal-preview-box span {
	display: block;
}

@media (max-width: 760px) {


	.legal-field-grid {
		grid-template-columns: 1fr;
	}
}

.legal-editor-preview-link a,
.company-legal-back {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--editor-primary);
	font-size: 13px;
	font-weight: 850;
	text-decoration: none;
}

.legal-editor-preview-link svg,
.company-legal-back svg {
	width: 15px;
	height: 15px;
}

.company-legal-page {
	min-height: calc(100vh - 72px);
	padding: 72px 0;
	color: var(--company-page-text, #1f2933);
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--teal)) 8%, transparent), transparent 42%),
		var(--company-page-bg, var(--company-surface, #ffffff));
}

.company-legal-page .container {
	max-width: 860px;
}

.company-legal-page h1 {
	margin: 6px 0 20px;
	color: var(--company-page-text, #102a2f);
	font-size: clamp(34px, 5vw, 56px);
	line-height: 1.05;
}

.company-legal-page .section-kicker {
	color: var(--company-primary, var(--teal));
}

.company-legal-content {
	display: grid;
	gap: 18px;
	padding: 22px;
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 18%, var(--company-page-text, #1f2933) 12%);
	border-radius: 8px;
	background: color-mix(in srgb, var(--company-surface, #ffffff) 88%, var(--company-page-bg, #ffffff));
	box-shadow: 0 14px 34px color-mix(in srgb, var(--company-primary, var(--teal)) 14%, transparent);
}

.company-legal-content p {
	margin: 0;
	color: var(--company-page-text, #243244);
	line-height: 1.65;
}

.company-legal-content h3 {
	margin: 8px 0 0;
	color: color-mix(in srgb, var(--company-primary, var(--teal)) 68%, #ffffff);
	font-size: 17px;
	line-height: 1.25;
}

.company-legal-content h3:first-child {
	margin-top: 0;
}

.legal-preview-status {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 30px;
	padding: 5px 11px;
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 24%, transparent);
	border-radius: 999px;
	color: var(--company-primary, var(--teal));
	background: color-mix(in srgb, var(--company-primary, var(--teal)) 10%, transparent);
	font-size: 13px;
	font-weight: 900;
}

.legal-preview-status.is-complete {
	color: #72d68e;
	border-color: rgba(114, 214, 142, 0.28);
	background: rgba(114, 214, 142, 0.1);
}

.legal-preview-status.is-warning {
	color: #f2b34c;
	border-color: rgba(242, 179, 76, 0.32);
	background: rgba(242, 179, 76, 0.12);
}

.legal-preview-status.is-draft {
	color: #b8c6d8;
	border-color: rgba(184, 198, 216, 0.3);
	background: rgba(184, 198, 216, 0.1);
}

.legal-preview-status svg {
	width: 16px;
	height: 16px;
}

.legal-preview-kicker {
	color: color-mix(in srgb, var(--company-primary, var(--teal)) 72%, #ffffff);
	font-size: 13px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: 0;
}

.legal-preview-section {
	display: grid;
	gap: 8px;
	padding-top: 16px;
	border-top: 1px solid color-mix(in srgb, var(--company-page-text, #243244) 16%, transparent);
}

.legal-preview-section:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.legal-preview-section h3 {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 2px;
	color: color-mix(in srgb, var(--company-primary, var(--teal)) 68%, #ffffff);
	font-size: 17px;
	line-height: 1.25;
}

.legal-preview-section h3 svg {
	width: 19px;
	height: 19px;
	stroke-width: 2.3;
}

.legal-preview-section p {
	color: color-mix(in srgb, var(--company-page-text, #243244) 88%, #ffffff);
}

.legal-preview-warning-line {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	max-width: 100%;
	padding: 7px 10px;
	color: #f2b34c !important;
	background: rgba(242, 179, 76, 0.12);
	border: 1px solid rgba(242, 179, 76, 0.28);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 850;
}

.legal-preview-warning-line svg {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
}

.editor-cookie-preview-card.cookie-consent-card {
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0;
	border: 1px solid #d9e5eb;
	background: #ffffff;
	box-shadow: 0 18px 42px rgba(10, 32, 40, 0.12);
	color: #172033;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
}

.editor-cookie-preview-card .dashboard-eyebrow {
	margin: 0 0 4px;
	color: #1f777f;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.editor-cookie-preview-card .cookie-consent-main h2 {
	margin: 0 0 8px;
	color: #172033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: none;
}

.editor-cookie-preview-card .cookie-consent-main p,
.editor-cookie-preview-card .cookie-consent-option small {
	color: #5f6f86;
}

.editor-cookie-preview-card .cookie-consent-links a {
	color: #1f777f;
	text-decoration: none;
}

.editor-cookie-preview-settings.cookie-consent-settings {
	display: grid;
	gap: 10px;
}

.editor-cookie-preview-card .cookie-consent-option {
	grid-template-columns: minmax(0, 1fr) 46px;
	min-height: 66px;
	border-color: #dce8ed;
	background: #f7fbfc;
	color: #172033;
	box-shadow: 0 6px 18px rgba(15, 46, 53, 0.04);
}

.editor-cookie-preview-card .cookie-consent-option.is-required {
	background: #eef8f8;
}

.editor-cookie-preview-card .cookie-consent-option strong {
	color: #172033;
	font-size: 14px;
	line-height: 1.25;
}

.editor-cookie-preview-card .cookie-consent-option input {
	appearance: none;
	position: relative;
	width: 44px;
	height: 24px;
	margin: 0;
	border: 0;
	border-radius: 999px;
	background: #b9c8cf;
	cursor: default;
}

.editor-cookie-preview-card .cookie-consent-option input::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 2px 5px rgba(15, 23, 42, 0.22);
	transition: transform 0.16s ease;
}

.editor-cookie-preview-card .cookie-consent-option input:checked {
	background: #1f777f;
}

.editor-cookie-preview-card .cookie-consent-option input:checked::before {
	transform: translateX(20px);
}

.editor-cookie-preview-card .cookie-consent-option input:disabled {
	opacity: 0.85;
}

.editor-cookie-preview-card .cookie-consent-actions .btn {
	pointer-events: none;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-transform: none;
}

.editor-cookie-preview-card .cookie-consent-actions .btn-outline {
	color: #1f777f;
	border-color: #b9d7dc;
	background: #ffffff;
}

.editor-cookie-preview-card .cookie-consent-actions .btn-primary {
	color: #ffffff;
	background: #1f777f;
	border-color: #1f777f;
}

.editor-cookie-preview-card.is-disabled-preview {
	opacity: 0.7;
}

.editor-cookie-preview-disabled {
	margin-top: 12px;
	padding: 10px 12px;
	border: 1px solid rgba(245, 155, 16, 0.32);
	border-radius: 8px;
	color: #a65f00;
	background: rgba(245, 155, 16, 0.12);
	font-size: 13px;
	font-weight: 850;
}

.editor-legal-preview {
	display: none;
}

body.editor-legal-active .company-page-theme.is-editor-preview > section,
body.editor-legal-active .company-page-theme.is-editor-preview > footer {
	display: none;
}

body.editor-legal-imprint .company-page-theme.is-editor-preview > .editor-legal-preview-imprint,
body.editor-legal-privacy .company-page-theme.is-editor-preview > .editor-legal-preview-privacy,
body.editor-legal-cookie .company-page-theme.is-editor-preview > .editor-legal-preview-cookie,
body.editor-legal-terms .company-page-theme.is-editor-preview > .editor-legal-preview-terms {
	display: block;
}

body.editor-legal-active .company-page-theme.is-editor-preview .editor-legal-preview {
	min-height: calc(100vh - 124px);
	padding-top: 48px;
}

body.editor-device-mobile .company-page-theme.is-editor-preview {
	background: #edf7f8;
}

body.editor-device-mobile .company-page-theme.is-editor-preview > section,
body.editor-device-mobile .company-page-theme.is-editor-preview > footer,
body.editor-device-mobile .company-page-theme.is-editor-preview > .editor-legal-preview {
	width: min(100%, 460px);
	max-width: 460px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid rgba(31, 111, 120, 0.11);
	border-left: 1px solid rgba(31, 111, 120, 0.11);
	box-shadow: 0 18px 38px rgba(15, 46, 53, 0.08);
}

.block-navigator .btn,
.public-editor-sidebar .btn,
.block-navigator button,
.public-editor-sidebar button,
.block-navigator input,
.public-editor-sidebar input,
.block-navigator textarea,
.public-editor-sidebar textarea,
.block-navigator select,
.public-editor-sidebar select {
	border-radius: 8px;
}

.block-navigator .btn-primary,
.public-editor-sidebar .btn-primary {
	color: var(--white);
	background: var(--editor-primary);
	border-color: var(--editor-primary);
}

.block-navigator .btn-primary:hover,
.public-editor-sidebar .btn-primary:hover {
	color: var(--white);
	background: var(--editor-primary-dark);
	border-color: var(--editor-primary-dark);
}

.block-navigator .btn-outline,
.public-editor-sidebar .btn-outline {
	color: var(--editor-primary);
	background: var(--editor-panel);
	border-color: color-mix(in srgb, var(--editor-primary) 46%, var(--editor-line));
}

.block-navigator .btn-outline:hover,
.public-editor-sidebar .btn-outline:hover {
	color: var(--white);
	background: var(--editor-primary);
	border-color: var(--editor-primary);
}

.block-navigator input,
.public-editor-sidebar input,
.block-navigator textarea,
.public-editor-sidebar textarea,
.block-navigator select,
.public-editor-sidebar select {
	color: var(--editor-ink);
	background: var(--editor-panel);
	border-color: color-mix(in srgb, var(--editor-primary) 18%, var(--editor-line));
}

.block-navigator input:focus,
.public-editor-sidebar input:focus,
.block-navigator textarea:focus,
.public-editor-sidebar textarea:focus,
.block-navigator select:focus,
.public-editor-sidebar select:focus {
	outline: none;
	border-color: var(--editor-primary);
	box-shadow: 0 0 0 3px rgba(32, 119, 127, 0.12);
}

.inspector-accordion {
	margin-top: 12px;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	background: var(--editor-panel);
}

.inspector-accordion summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 13px 14px;
	color: var(--editor-ink);
	font-size: 14px;
	font-weight: 900;
	cursor: pointer;
	list-style: none;
}

.inspector-accordion summary::-webkit-details-marker {
	display: none;
}

.inspector-accordion summary svg {
	width: 16px;
	height: 16px;
	transition: transform 0.16s ease;
}

.inspector-accordion[open] > summary > svg:last-child {
	transform: rotate(180deg);
}

.inspector-summary-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.inspector-summary-title svg {
	flex: 0 0 16px;
	opacity: 0.88;
	transform: none !important;
}

.inspector-accordion > .editor-form,
.inspector-accordion > .left-theme-options,
.inspector-accordion > .editor-subcard {
	margin: 0;
	padding: 0 14px 14px;
	border: 0;
	box-shadow: none;
}

.inspector-accordion .editor-subcard {
	background: transparent;
}

.inspector-nested-accordion {
	margin: 14px 0;
	border-color: #e6edf2;
	border-top-color: color-mix(in srgb, var(--editor-accent) 55%, #e6edf2);
	border-top-width: 2px;
	box-shadow: none;
}

.inspector-ux-group:not(.inspector-nested-accordion) > summary,
.inspector-parent-accordion > summary {
	background: #f5fbfc;
	border-radius: 7px 7px 0 0;
}

.inspector-ux-group.editor-subcard:not(.inspector-nested-accordion),
.inspector-parent-accordion.editor-subcard {
	gap: 0;
	padding: 0;
}

.inspector-ux-group > .inspector-nested-accordion,
.inspector-parent-accordion > .inspector-nested-accordion {
	margin: 10px 8px;
}

.inspector-ux-group > .inspector-nested-accordion:last-child,
.inspector-parent-accordion > .inspector-nested-accordion:last-child {
	margin-bottom: 10px;
}

.inspector-ux-group {
	overflow: hidden;
	border-color: #d9e7e9;
	background: linear-gradient(180deg, #ffffff 0%, #fbfefe 100%);
	box-shadow: 0 10px 24px rgba(15, 38, 43, 0.04);
}

.inspector-nested-accordion.inspector-ux-group,
.inspector-nested-accordion.inspector-ux-group[open] {
	border-top: 2px solid color-mix(in srgb, var(--editor-accent) 55%, #e6edf2);
}

.inspector-ux-group summary {
	position: relative;
	padding-left: 18px;
	background: #ffffff;
}

.inspector-ux-group > summary::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--editor-accent);
	opacity: 0.76;
}

.inspector-nested-accordion.inspector-ux-group > summary::before {
	display: none;
}

.inspector-ux-group[open] {
	border-color: color-mix(in srgb, var(--editor-accent) 42%, #d9e7e9);
	box-shadow: 0 14px 30px rgba(32, 119, 127, 0.08);
}

.inspector-ux-group[open] > summary {
	color: #ffffff;
	background: var(--editor-accent);
	border-bottom: 1px solid color-mix(in srgb, var(--editor-accent) 78%, #ffffff);
}

.inspector-ux-group[open] > summary svg {
	color: currentColor;
}

.inspector-ux-group[open] > summary::before {
	background: rgba(255, 255, 255, 0.36);
	opacity: 1;
}

.inspector-nested-accordion.inspector-ux-group[open] > summary {
	color: var(--editor-primary);
	background: color-mix(in srgb, var(--editor-accent) 24%, #f7fbfc);
	border-bottom-color: color-mix(in srgb, var(--editor-accent) 36%, #dcebed);
}

.inspector-nested-accordion.inspector-ux-group[open] > summary svg {
	color: currentColor;
}

.editor-panel[data-editor-panel="hero"] .module-style-box {
	gap: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.editor-panel[data-editor-panel="hero"] .inspector-ux-group {
	margin: 12px 0;
}

.editor-panel[data-editor-panel="page.design"].is-active {
	display: flex;
	flex-direction: column;
}

.editor-panel[data-editor-panel="page.design"] #page-design-form {
	display: contents;
}

.editor-form.is-remote-form {
	display: none;
}

.editor-panel[data-editor-panel="page.design"] #page-design-form > .design-style-block {
	order: 1;
}

.editor-panel[data-editor-panel="page.design"] #page-design-form > .design-color-block {
	order: 2;
}

.editor-panel[data-editor-panel="page.design"] > .profile-avatar-editor {
	order: 5;
}

.editor-panel[data-editor-panel="page.design"] [data-inspector-key="banner.ai_regenerate"] {
	order: 3;
}

.editor-panel[data-editor-panel="page.design"] [data-inspector-key="banner.glow"] {
	order: 5;
}

.editor-panel[data-editor-panel="page.design"] [data-inspector-key="banner.settings"] {
	order: 6;
}

.design-primary-block {
	display: grid;
	gap: 8px;
}

.inspector-inline-accordion {
	display: block;
	margin: 10px 14px 12px;
	padding: 0;
	border: 0;
	background: transparent;
}

.inspector-inline-accordion + .inspector-inline-accordion {
	margin-top: 4px;
}

.inspector-inline-accordion summary {
	display: inline-flex;
	align-items: center;
	width: max-content;
	max-width: 100%;
	gap: 5px;
	margin: 0;
	padding: 0;
	color: var(--editor-primary);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.2;
	cursor: pointer;
	list-style: none;
}

.inspector-inline-accordion summary::-webkit-details-marker {
	display: none;
}

.inspector-inline-accordion summary::before {
	content: "";
	position: static;
	flex: 0 0 auto;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid var(--editor-accent);
	transition: transform 0.16s ease;
}

.inspector-inline-accordion[open] summary::before {
	transform: rotate(90deg);
}

.inspector-inline-accordion > .design-primary-block,
.inspector-inline-accordion > .design-glow-label,
.inspector-inline-accordion > label,
.inspector-inline-accordion > select {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.inspector-inline-accordion > label {
	margin-top: 4px;
}

.inspector-inline-content {
	display: grid;
	gap: 8px;
	margin-top: 9px;
	min-width: 0;
}

.inspector-inline-content > .design-primary-block,
.inspector-inline-content > .design-glow-label,
.inspector-inline-content > label,
.inspector-inline-content > select {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	min-width: 0;
}

.inspector-inline-content > label {
	margin-top: 4px;
}

.hero-quality-options {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	margin: 4px 14px 10px;
}

.editor-image-source-control {
	display: grid;
	gap: 5px;
	margin: 14px 14px 10px;
}

.editor-image-source-control label {
	margin: 0;
	color: var(--editor-ink);
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
}

.editor-image-source-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 28px;
}

.editor-image-source-label .help-tip {
	margin: 0;
}

.editor-image-source-control select {
	width: 100%;
}

.editor-image-source-select-shell {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.editor-image-source-select-shell > svg {
	position: absolute;
	z-index: 1;
	width: 18px;
	height: 18px;
	color: var(--editor-accent);
	pointer-events: none;
}

.editor-image-source-select-shell > svg:first-child {
	left: 14px;
}

.editor-image-source-select-shell > svg:last-child {
	right: 14px;
	color: var(--editor-muted);
}

.editor-image-source-select-shell select {
	min-height: 54px;
	padding: 0 44px 0 42px;
	color: var(--editor-ink);
	font-size: 16px;
	font-weight: 500;
	appearance: none;
	background: #ffffff;
	border: 1px solid #cbdbe0;
	border-radius: 9px;
}

.hero-source-help {
	margin-top: 0;
}

.highlight-image-source-card {
	margin-top: 2px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #d9e4e8;
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(15, 38, 43, 0.04);
}

.highlight-image-source-card .editor-image-source-control {
	margin: 8px 8px 10px;
}

.highlight-image-source-card .hero-current-image-card {
	margin: 12px 4px 12px;
}

.highlight-image-source-card .hero-media-open-button {
	width: calc(100% - 8px);
	margin: 0 4px;
}

.highlight-image-source-card .module-style-note {
	width: 100%;
	margin: 8px 0 0;
	color: var(--editor-muted);
	font-size: 14px;
	line-height: 1.45;
}

.highlight-image-source-card .inspector-inline-accordion {
	margin: 8px 0 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

.highlight-image-source-card .inspector-inline-accordion > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 0;
	color: var(--editor-accent);
	font-size: 15px;
	font-weight: 900;
	background: transparent;
	border: 0;
}

.highlight-image-source-card .inspector-inline-accordion > summary .inspector-summary-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.highlight-image-source-card .inspector-inline-accordion > summary svg {
	width: 17px;
	height: 17px;
	flex: 0 0 auto;
}

.highlight-image-source-card .image-transform-controls {
	margin: 8px 0 0;
	padding-top: 0;
	border-top: 0;
}

.highlight-image-source-card .image-tools-expander.inspector-nested-accordion.inspector-ux-group,
.highlight-image-source-card .image-tools-expander.inspector-nested-accordion.inspector-ux-group[open],
.highlight-image-source-card .image-inpaint-expander.inspector-nested-accordion.inspector-ux-group,
.highlight-image-source-card .image-inpaint-expander.inspector-nested-accordion.inspector-ux-group[open] {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.highlight-image-source-card .image-tools-expander.inspector-nested-accordion.inspector-ux-group > summary,
.highlight-image-source-card .image-inpaint-expander.inspector-nested-accordion.inspector-ux-group > summary {
	padding: 8px 0;
	color: var(--editor-accent);
	background: transparent;
	border: 0;
	border-bottom: 0;
}

.highlight-image-source-card .inspector-inline-accordion[open] > summary,
.highlight-image-source-card .image-tools-expander.inspector-nested-accordion.inspector-ux-group[open] > summary,
.highlight-image-source-card .image-inpaint-expander.inspector-nested-accordion.inspector-ux-group[open] > summary {
	color: var(--editor-accent);
	background: transparent;
	border-bottom: 0;
}

.highlight-image-source-card .inspector-inline-content,
.highlight-image-source-card .image-tools-expander > .image-fit-options,
.highlight-image-source-card .image-tools-expander > .image-overflow-toggle,
.highlight-image-source-card .image-tools-expander > .image-scale-editor,
.highlight-image-source-card .image-tools-expander > .image-transform-actions,
.highlight-image-source-card .image-inpaint-expander > .image-inpaint-mode-toggle,
.highlight-image-source-card .image-inpaint-expander > .image-inpaint-prompt-label,
.highlight-image-source-card .image-inpaint-expander > .image-inpaint-prompt,
.highlight-image-source-card .image-inpaint-expander > .image-inpaint-replace-label,
.highlight-image-source-card .image-inpaint-expander > .image-inpaint-replace,
.highlight-image-source-card .image-inpaint-expander > .image-place-controls,
.highlight-image-source-card .image-inpaint-expander > .image-inpaint-action {
	margin-left: 0;
	margin-right: 0;
}

.image-transform-controls {
	display: grid;
	gap: 10px;
	margin: 14px 0 12px;
	padding-top: 14px;
	border-top: 1px solid #d9e4e8;
}

.image-tools-expander {
	margin: 0;
}

.image-inpaint-expander {
	margin: 0 0 8px;
}

.image-inpaint-mode-toggle {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 10px 0 12px;
}

.image-inpaint-mode-toggle label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #d9e4e8;
	border-radius: 8px;
	background: #ffffff;
	color: var(--editor-ink);
	font-size: 13px;
	font-weight: 900;
	cursor: pointer;
}

.image-inpaint-mode-toggle input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.image-inpaint-mode-toggle label:has(input:checked) {
	color: #ffffff;
	background: var(--editor-accent);
	border-color: var(--editor-accent);
}

.image-tools-expander.inspector-nested-accordion.inspector-ux-group,
.image-tools-expander.inspector-nested-accordion.inspector-ux-group[open] {
	border: 1px solid #d9e4e8;
	border-top: 1px solid #d9e4e8;
	border-radius: 10px;
	background: #ffffff;
}

.image-tools-expander.inspector-nested-accordion.inspector-ux-group > summary {
	padding: 14px 16px;
	color: var(--editor-accent);
	font-size: 15px;
	font-weight: 900;
	background: #ffffff;
	border-bottom: 1px solid #edf3f5;
}

.image-fit-options {
	display: grid;
	gap: 10px;
	margin: 12px 0 14px;
}

.image-fit-option {
	display: grid;
	grid-template-columns: auto 46px minmax(0, 1fr);
	align-items: center;
	column-gap: 12px;
	min-height: 76px;
	padding: 10px 12px;
	border: 1px solid #dce7eb;
	border-radius: 10px;
	background: #ffffff;
	cursor: pointer;
}

.image-fit-option input {
	width: 18px;
	height: 18px;
	margin: 0;
}

.image-fit-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: var(--editor-accent);
	background: #f8fbfc;
	border: 1px solid #d5e3e7;
	border-radius: 8px;
}

.image-fit-icon svg {
	width: 22px;
	height: 22px;
}

.image-fit-checker {
	background-color: #ffffff;
	background-image:
		linear-gradient(45deg, #8b99a5 25%, transparent 25%),
		linear-gradient(-45deg, #8b99a5 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #8b99a5 75%),
		linear-gradient(-45deg, transparent 75%, #8b99a5 75%);
	background-position: 0 0, 0 10px, 10px -10px, -10px 0;
	background-size: 20px 20px;
}

.image-fit-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.image-fit-copy strong {
	color: var(--editor-ink);
	font-weight: 900;
	line-height: 1.15;
}

.image-fit-copy small {
	color: var(--editor-muted);
	font-size: 12px;
	line-height: 1.35;
}

.image-transform-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
	align-items: stretch;
	margin-top: 12px;
}

.image-transform-actions .design-inline-action {
	min-height: 58px;
	padding: 10px 12px;
	justify-content: center;
	white-space: normal;
	line-height: 1.2;
}

.image-transform-actions .design-inline-action i {
	flex: 0 0 auto;
}

.image-transform-actions .image-move-toggle span {
	max-width: none;
	text-align: center;
}

.image-transform-actions .image-outpaint-action {
	min-height: 54px;
}

.image-inpaint-prompt-label {
	display: block;
	margin: 10px 0 6px;
	color: var(--editor-muted);
	font-size: 13px;
	font-weight: 700;
}

.image-inpaint-prompt {
	width: 100%;
	min-height: 78px;
	max-height: 132px;
	overflow-y: auto;
	resize: none;
}

.image-inpaint-replace-label {
	display: block;
	margin: 10px 0 6px;
	color: var(--editor-muted);
	font-size: 13px;
	font-weight: 700;
}

.image-inpaint-replace {
	width: 100%;
	min-height: 64px;
	max-height: 112px;
	overflow-y: auto;
	resize: none;
}

.image-place-controls {
	display: grid;
	gap: 10px;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #d9e4e8;
	border-radius: 10px;
	background: #f8fbfc;
}

.image-place-controls[hidden] {
	display: none;
}

.image-place-mark-action {
	width: 100%;
	min-height: 46px;
	justify-content: center;
}

.image-place-mark-action.is-active {
	color: #ffffff;
	background: var(--editor-accent);
	border-color: var(--editor-accent);
	box-shadow: 0 0 0 3px rgba(32, 119, 127, 0.14);
}

.image-place-radius-editor,
.image-mask-grow-editor {
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 10px;
	margin: 0;
}

.image-mask-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
}

.image-mask-actions .design-inline-action {
	justify-content: center;
	min-height: 42px;
}

.image-mask-actions .is-active {
	color: #ffffff;
	background: var(--editor-accent);
	border-color: var(--editor-accent);
}

.image-inpaint-action {
	width: 100%;
	min-height: 54px;
	margin-top: 10px;
	justify-content: center;
}

.image-transform-actions .design-inline-action small,
.image-inpaint-action small {
	margin-left: 4px;
	padding: 3px 7px;
	color: #392307;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	background: rgba(255, 255, 255, 0.56);
	border-radius: 7px;
	opacity: 1;
}

.image-move-toggle.is-active {
	background: var(--editor-accent);
	border-color: var(--editor-accent);
	color: #ffffff;
	box-shadow: 0 0 0 3px rgba(32, 119, 127, 0.14);
}

.image-transform-actions .is-disabled {
	opacity: 0.58;
	cursor: not-allowed;
}

.image-transform-target-active {
	outline: 3px solid #dc2626;
	outline-offset: -3px;
	cursor: move;
	pointer-events: auto;
}

.image-transform-target-active * {
	cursor: move;
}

.image-transform-target-dragging {
	outline-color: #b91c1c;
}

.image-place-target-active {
	outline: 3px solid rgba(220, 38, 38, 0.86);
	outline-offset: -3px;
	cursor: crosshair;
	pointer-events: auto;
}

.image-place-target-active * {
	cursor: crosshair;
}

/* The editing frame matches the worker mask; text must not intercept painting. */
.current-entry-preview .current-entry-hero:is(.image-place-target-active, .image-transform-target-active) {
	min-height: 0;
	aspect-ratio: 16 / 9;
}

.current-entry-hero:is(.image-place-target-active, .image-transform-target-active) .current-entry-hero-content {
	position: absolute;
	visibility: hidden;
}

.current-entry-preview .current-entry-hero:is(.image-place-target-active, .image-transform-target-active) .current-entry-hero-image {
	display: block !important;
}

.image-place-marker {
	position: absolute;
	inset: 0;
	z-index: 6;
	display: block;
	overflow: hidden;
	opacity: 0.5;
	pointer-events: none;
}

.image-place-marker.is-inverted {
	background: #ffffff;
}

.image-place-marker.is-inverted::after {
	content: "Invertiert";
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 4px 8px;
	color: #ffffff;
	font-size: 11px;
	font-weight: 900;
	background: rgba(220, 38, 38, 0.74);
	border-radius: 999px;
}

.image-place-mask-point {
	position: absolute;
	display: block;
	min-width: 18px;
	min-height: 18px;
	border: 0;
	border-radius: 50%;
	background: #dc2626;
	box-shadow: none;
	transform: translate(-50%, -50%);
}

.image-scale-editor,
.image-overflow-toggle {
	margin: 0;
}

.image-scale-editor {
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 12px;
	margin-top: 12px;
}

.image-overflow-toggle {
	align-items: center;
	margin-top: 12px;
}

.image-overflow-toggle span {
	display: grid;
	gap: 2px;
	line-height: 1.25;
}

.image-overflow-toggle small {
	color: var(--editor-muted);
	font-size: 12px;
	font-weight: 500;
}

.highlight-slide-manager {
	display: grid;
	gap: 8px;
	margin: 12px 0 4px;
	padding: 10px;
	background: #f8fcfc;
	border: 1px solid #d8e7ea;
	border-radius: 8px;
}

.highlight-slide-manager-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 900;
}

.highlight-slide-manager-head span {
	color: var(--editor-muted);
	font-weight: 800;
}

.highlight-mini-list {
	display: grid;
	gap: 8px;
}

.highlight-mini-card {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	padding: 6px;
	background: #ffffff;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
}

.highlight-mini-card.is-dragging {
	opacity: 0.55;
}

.highlight-mini-preview {
	position: relative;
	width: 64px;
	aspect-ratio: 16 / 9;
	padding: 0;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(32,119,127,0.88), rgba(245,155,16,0.72)) center / cover no-repeat;
	border: 0;
	border-radius: 6px;
}

.highlight-mini-preview:not(button) {
	cursor: default;
}

.highlight-mini-preview span {
	position: absolute;
	left: 5px;
	bottom: 4px;
	display: inline-grid;
	place-items: center;
	width: 18px;
	height: 18px;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.52);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 900;
}

.highlight-mini-card strong,
.highlight-mini-card small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.current-mini-content {
	min-width: 0;
}

.current-mini-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin-bottom: 3px;
}

.current-mini-type,
.current-mini-status {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-height: 18px;
	padding: 2px 6px;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0;
}

.current-mini-type {
	color: var(--local24-petrol);
	background: color-mix(in srgb, var(--local24-petrol) 11%, #ffffff);
}

.current-mini-status {
	color: #166534;
	background: #dcfce7;
}

.current-mini-status.is-muted {
	color: #64748b;
	background: #f1f5f9;
}

.current-mini-status.is-draft,
.current-mini-status.is-warning {
	color: #92400e;
	background: #fef3c7;
}

.current-entry-preview-list {
	display: none;
}

.company-page-theme.is-current-entry-preview-active [data-block-section]:not([data-block-section="highlights"]) {
	display: none;
}

.company-page-theme.is-current-entry-preview-active [data-block-section="highlights"] {
	padding-top: clamp(28px, 4vw, 54px);
	padding-bottom: clamp(34px, 5vw, 64px);
}

.editable-section.is-current-entry-focused .section-heading {
	display: none;
}

.editable-section.is-current-entry-focused .highlight-carousel {
	display: none;
}

.editable-section.is-current-entry-focused .current-entry-preview-list {
	display: block;
}

.current-entry-preview[hidden] {
	display: none;
}

.current-entry-preview {
	position: relative;
	overflow: visible;
	background: color-mix(in srgb, var(--company-surface, #ffffff) 88%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 18%, transparent);
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(16, 31, 48, 0.12);
}

.current-entry-public-page {
	padding: clamp(28px, 5vw, 72px) 0;
	background: var(--company-page-bg, #ffffff);
}

.current-entry-public-article {
	margin: 0 auto;
	max-width: 1180px;
}

.current-entry-scroll-progress {
	position: sticky;
	top: 0;
	z-index: 20;
	height: 4px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 10%, transparent);
}

.current-entry-scroll-progress span {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--company-primary, var(--local24-petrol)), var(--company-accent, var(--local24-orange)));
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 120ms linear;
}

.current-entry-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 18px clamp(24px, 5vw, 56px);
	color: color-mix(in srgb, var(--company-muted, #5f6f87) 88%, transparent);
	background: color-mix(in srgb, var(--company-page-bg, #ffffff) 96%, #ffffff);
	border-bottom: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 10%, transparent);
	font-size: 13px;
	font-weight: 700;
}

.current-entry-breadcrumb svg {
	width: 14px;
	height: 14px;
}

.current-entry-breadcrumb strong {
	color: var(--company-primary, var(--local24-petrol));
}

.current-entry-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.current-entry-empty-canvas {
	display: grid;
	place-items: center;
	align-content: center;
	gap: 12px;
	min-height: clamp(360px, 52vh, 620px);
	padding: clamp(32px, 6vw, 72px);
	text-align: center;
	color: var(--company-muted, #5f6f87);
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-page-bg, #ffffff) 88%, transparent), color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 6%, var(--company-page-bg, #ffffff))),
		var(--company-page-bg, #ffffff);
}

.current-entry-empty-canvas svg {
	width: 52px;
	height: 52px;
	color: var(--company-primary, var(--local24-petrol));
	stroke-width: 1.7;
}

.current-entry-empty-canvas strong {
	color: var(--company-primary, var(--local24-petrol));
	font-family: var(--company-font-heading, inherit);
	font-size: clamp(26px, 4vw, 42px);
	line-height: 1.08;
}

.current-entry-empty-canvas span {
	max-width: 620px;
	color: var(--company-muted, #5f6f87);
	font-size: 17px;
	line-height: 1.6;
}

.current-entry-error-canvas {
	color: #7f1d1d;
	background:
		linear-gradient(135deg, rgba(254, 226, 226, 0.94), rgba(255, 247, 237, 0.92)),
		var(--company-page-bg, #ffffff);
}

.current-entry-error-canvas svg,
.current-entry-error-canvas strong {
	color: #b91c1c;
}

.current-entry-error-canvas .current-entry-ai-debug {
	width: min(100%, 680px);
	margin-top: 8px;
	text-align: left;
}

.current-entry-ai-loader {
	position: absolute;
	inset: 0;
	z-index: 8;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 32px;
	text-align: center;
	color: var(--company-page-text, #1f2933);
	background:
		radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--company-accent, var(--local24-orange)) 16%, transparent) 0 160px, transparent 260px),
		color-mix(in srgb, var(--company-page-bg, #ffffff) 94%, transparent);
}

.current-entry-ai-loader-core {
	position: relative;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 12%, #ffffff);
	box-shadow: 0 18px 38px rgba(16, 31, 48, 0.16);
}

.current-entry-ai-loader-core::before,
.current-entry-ai-loader-core::after,
.current-entry-ai-loader-core span {
	content: "";
	position: absolute;
	border-radius: 999px;
}

.current-entry-ai-loader-core::before {
	inset: 12px;
	border: 3px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 24%, transparent);
	border-top-color: var(--company-primary, var(--local24-petrol));
	animation: currentAiSpin 1.05s linear infinite;
}

.current-entry-ai-loader-core::after {
	inset: 29px;
	background: var(--company-accent, var(--local24-orange));
	box-shadow: 0 0 24px color-mix(in srgb, var(--company-accent, var(--local24-orange)) 45%, transparent);
	animation: currentAiPulse 1.3s ease-in-out infinite;
}

.current-entry-ai-loader-core span {
	width: 8px;
	height: 8px;
	background: var(--company-primary, var(--local24-petrol));
	animation: currentAiOrbit 1.55s ease-in-out infinite;
}

.current-entry-ai-loader-core span:nth-child(1) {
	left: 12px;
	top: 24px;
}

.current-entry-ai-loader-core span:nth-child(2) {
	right: 12px;
	top: 24px;
	animation-delay: 0.18s;
}

.current-entry-ai-loader-core span:nth-child(3) {
	left: 37px;
	bottom: 11px;
	animation-delay: 0.36s;
}

.current-entry-ai-loader strong {
	font-family: var(--company-font-heading, inherit);
	font-size: clamp(24px, 3vw, 36px);
	line-height: 1.08;
}

.current-entry-ai-loader p {
	max-width: 520px;
	margin: 0;
	color: var(--company-muted, #5f6f87);
	font-size: 16px;
	line-height: 1.55;
}

.current-entry-ai-progress {
	overflow: hidden;
	width: min(360px, 72vw);
	height: 8px;
	margin-top: 6px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 14%, #ffffff);
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 12%, transparent);
}

.current-entry-ai-progress span {
	display: block;
	width: 12%;
	height: 100%;
	background: linear-gradient(90deg, var(--company-primary, var(--local24-petrol)), var(--company-accent, var(--local24-orange)));
	border-radius: inherit;
	transition: width 420ms ease;
}

.current-entry-ai-loader small {
	color: var(--company-primary, var(--local24-petrol));
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
}

.current-entry-ai-subprogress {
	display: grid;
	gap: 7px;
	width: min(360px, 72vw);
	padding: 10px 12px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 16%, transparent);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(16, 31, 48, 0.08);
	text-align: left;
}

.current-entry-ai-subprogress strong {
	font-size: 13px;
	line-height: 1.25;
}

.current-entry-ai-subprogress-bar {
	overflow: hidden;
	height: 6px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 10%, #ffffff);
	border-radius: 999px;
}

.current-entry-ai-subprogress-bar span {
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(90deg, var(--company-accent, var(--local24-orange)), var(--company-primary, var(--local24-petrol)));
	border-radius: inherit;
	transition: width 420ms ease;
}

.current-entry-ai-subprogress small {
	color: var(--company-muted, #5f6f87);
	font-size: 11px;
	line-height: 1.35;
	text-transform: none;
}

.current-entry-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: clamp(320px, 42vw, 500px);
	overflow: hidden;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 20%, #ffffff), color-mix(in srgb, var(--company-accent, var(--local24-orange)) 10%, #ffffff));
}

.current-entry-hero-no-image {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 72%, #111827), color-mix(in srgb, var(--company-accent, var(--local24-orange)) 36%, #111827));
}

.current-entry-hero-image {
	position: absolute;
	inset: 0;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 16%, #ffffff) center / cover no-repeat;
	isolation: isolate;
}

.current-entry-hero-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(7, 22, 36, 0.86), rgba(7, 22, 36, 0.34) 58%, rgba(7, 22, 36, 0.12)),
		linear-gradient(0deg, rgba(7, 22, 36, 0.32), rgba(7, 22, 36, 0.08));
	z-index: 1;
}

.current-entry-hero-content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 14px;
	max-width: 760px;
	padding: clamp(26px, 5vw, 56px);
	color: var(--company-page-text, #1f2933);
}

.current-entry-hero-centered .current-entry-hero-content {
	align-items: center;
	margin: 0 auto;
	text-align: center;
}

.current-entry-hero-centered .current-entry-kicker {
	align-self: center;
}

.current-entry-hero-title_bottom .current-entry-hero-content {
	justify-content: flex-end;
}

.current-entry-hero-glass_overlay .current-entry-hero-content {
	align-self: center;
	max-width: min(760px, calc(100% - 48px));
	margin: clamp(24px, 5vw, 56px);
	padding: clamp(22px, 4vw, 34px);
	background: rgba(7, 22, 36, 0.54);
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 8px;
	backdrop-filter: blur(14px);
}

.current-entry-kicker {
	align-self: flex-start;
	padding: 5px 9px;
	color: var(--company-primary, var(--local24-petrol));
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 10%, #ffffff);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
}

.current-entry-hero-content h1,
.current-entry-hero-content h2 {
	margin: 0;
	color: var(--company-page-text, #1f2933);
	font-family: var(--company-font-heading, inherit);
	font-size: var(--company-hero-heading-size);
	line-height: 1.08;
	letter-spacing: 0;
}

.current-entry-hero-content p {
	margin: 0;
	color: var(--company-muted, #5f6f87);
	font-size: var(--company-font-lead-size);
	line-height: 1.55;
}

.current-entry-hero-image + .current-entry-hero-content,
.current-entry-hero-image + .current-entry-hero-content h1,
.current-entry-hero-image + .current-entry-hero-content h2,
.current-entry-hero-image + .current-entry-hero-content p {
	color: #ffffff;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42);
}

.current-entry-hero-no-image .current-entry-hero-content,
.current-entry-hero-no-image .current-entry-hero-content h1,
.current-entry-hero-no-image .current-entry-hero-content h2,
.current-entry-hero-no-image .current-entry-hero-content p {
	color: #ffffff;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.32);
}

.current-entry-hero-no-image .current-entry-kicker,
.current-entry-hero-has-image .current-entry-kicker {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.16);
}

.current-entry-action {
	align-self: flex-start;
	margin-top: 6px;
}

.current-entry-action.is-hidden {
	display: none;
}

.current-entry-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(230px, 320px);
	gap: clamp(24px, 5vw, 58px);
	padding: clamp(32px, 5vw, 62px) clamp(24px, 5vw, 56px);
	background: color-mix(in srgb, var(--company-page-bg, #ffffff) 96%, #ffffff);
}

.current-entry-article-main,
.current-entry-sidebar {
	display: grid;
	gap: 14px;
	align-content: start;
	min-width: 0;
}

.current-entry-article-main > * {
	max-width: 100%;
}

.current-entry-author-row {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-bottom: 8px;
	color: var(--company-muted, #5f6f87);
}

.current-entry-author-avatar {
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 52px;
	height: 52px;
	flex: 0 0 52px;
	color: var(--company-primary, var(--local24-petrol));
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 10%, var(--company-surface, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 20%, transparent);
	border-radius: 50%;
	box-shadow: 0 10px 24px rgba(16, 31, 48, 0.1);
	font-weight: 900;
}

.current-entry-author-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.current-entry-author-row strong,
.current-entry-contact-head strong {
	display: block;
	color: var(--company-page-text, #1f2933);
	font-weight: 900;
}

.current-entry-author-row span {
	color: var(--company-muted, #5f6f87);
	font-size: 13px;
	font-weight: 750;
	text-transform: none;
}

.current-entry-article-main h3 {
	margin: 30px 0 8px;
	color: var(--company-primary, var(--local24-petrol));
	font-family: var(--company-font-heading, inherit);
	font-size: var(--company-card-heading-size);
	line-height: 1.24;
}

.current-entry-article-main h2 {
	margin: 0 0 8px;
	color: var(--company-primary, var(--local24-petrol));
	font-family: var(--company-font-heading, inherit);
	font-size: var(--company-section-heading-size);
	line-height: 1.18;
	overflow-wrap: anywhere;
	hyphens: auto;
}

.current-entry-article-main h3,
.current-entry-hero-content h1,
.current-entry-hero-content h2 {
	overflow-wrap: anywhere;
	hyphens: auto;
}

/* Prefer whole words and balanced lines in article hero headings. */
.current-entry-hero-content h1 {
	hyphens: none;
	-webkit-hyphens: none;
	word-break: normal;
	text-wrap: balance;
}

.current-entry-not-found {
	display: grid;
	gap: 14px;
	max-width: 760px;
	margin: 0 auto;
	padding: clamp(34px, 6vw, 72px);
	color: var(--company-page-text, #1f2933);
	background: color-mix(in srgb, var(--company-surface, #ffffff) 92%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 16%, transparent);
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(16, 31, 48, 0.1);
}

.current-entry-not-found > svg {
	width: 44px;
	height: 44px;
	color: var(--company-primary, var(--local24-petrol));
}

.current-entry-not-found h1 {
	margin: 0;
	color: var(--company-primary, var(--local24-petrol));
	font-family: var(--company-font-heading, inherit);
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.08;
}

.current-entry-not-found p {
	margin: 0;
	color: var(--company-muted, #5f6f87);
	font-size: 17px;
	line-height: 1.55;
}

.current-entry-lead {
	margin-bottom: 14px !important;
	color: var(--company-page-text, #1f2933) !important;
	font-size: var(--company-font-lead-size) !important;
	font-weight: 800;
	line-height: 1.55 !important;
}

.current-entry-body span {
	color: var(--company-primary, var(--local24-petrol));
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
}

.current-entry-body p {
	margin: 0;
	color: var(--company-page-text, #1f2933);
	font-size: 16px;
	line-height: 1.92;
}

.current-entry-generated {
	display: flow-root;
	margin-top: 32px;
}

.current-entry-generated:empty {
	display: none;
}

.current-entry-layout-draft .current-entry-body {
	background: color-mix(in srgb, var(--company-page-bg, #ffffff) 94%, var(--company-primary, var(--local24-petrol)) 6%);
}

.current-entry-editorial-block-plan {
	display: grid;
	gap: 22px;
	margin: 28px 0;
}

.current-entry-editorial-block-item {
	display: grid;
	gap: 10px;
	padding: 14px;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(92, 155, 160, 0.24);
	border-radius: 8px;
}

.current-entry-editorial-block-item > header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	color: #dce9ef;
}

.current-entry-editorial-block-item > header strong,
.current-entry-editorial-block-item > header code,
.current-entry-editorial-block-item > header span {
	color: inherit;
}

.current-entry-editorial-block-item > header code {
	padding: 3px 6px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	font-size: 0.75rem;
}

.current-entry-editorial-block-item > header span {
	opacity: 0.78;
	font-size: 0.78rem;
}

.current-entry-layout-draft,
.current-entry-layout-draft * {
	color: transparent !important;
	text-shadow: none !important;
}

.current-entry-layout-draft .current-entry-editorial-block-plan,
.current-entry-layout-draft .current-entry-editorial-block-plan *,
.current-entry-layout-draft .editorial-block,
.current-entry-layout-draft .editorial-block * {
	color: inherit !important;
	text-shadow: none !important;
}

.current-entry-layout-draft .editorial-slot {
	color: #10202a !important;
	text-shadow: none !important;
}

.current-entry-layout-draft .editorial-slot-h1,
.current-entry-layout-draft .editorial-slot-special,
.current-entry-layout-draft .editorial-slot-cta {
	color: #ffffff !important;
}

.current-entry-layout-draft .current-entry-editorial-block-item > header,
.current-entry-layout-draft .current-entry-editorial-block-item > header * {
	color: #dce9ef !important;
}

.current-entry-layout-draft svg,
.current-entry-layout-draft img,
.current-entry-layout-draft .current-entry-hero-image,
.current-entry-layout-draft .current-entry-ai-debug {
	display: none !important;
}

.current-entry-layout-draft .current-entry-ai-loader,
.current-entry-layout-draft .current-entry-ai-loader * {
	color: #10202a !important;
	text-shadow: none !important;
}

.current-entry-layout-draft .current-entry-ai-loader {
	background:
		radial-gradient(circle at 50% 36%, rgba(32, 119, 127, 0.12) 0 150px, rgba(247, 251, 252, 0.96) 280px),
		rgba(247, 251, 252, 0.96) !important;
	border: 1px solid rgba(32, 119, 127, 0.22);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8), 0 22px 54px rgba(7, 24, 36, 0.24);
}

.current-entry-layout-draft .current-entry-ai-loader strong {
	color: #10202a !important;
}

.current-entry-layout-draft .current-entry-ai-loader p {
	color: #496174 !important;
}

.current-entry-layout-draft .current-entry-breadcrumb {
	background: #111827;
}

.current-entry-layout-draft .current-entry-breadcrumb > * {
	opacity: 0;
}

.current-entry-layout-draft .current-entry-hero,
.current-entry-layout-draft .current-entry-hero-no-image,
.current-entry-layout-draft .current-entry-hero-has-image {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 76%, #111827), color-mix(in srgb, var(--company-accent, var(--local24-orange)) 42%, #111827)) !important;
	box-shadow: none;
}

.current-entry-layout-draft .current-entry-hero::after {
	display: none;
}

.current-entry-layout-draft .current-entry-hero-content {
	display: grid;
	align-content: end;
	gap: 16px;
	width: min(54%, 560px);
	min-height: 100%;
}

.current-entry-layout-draft .current-entry-kicker,
.current-entry-layout-draft .current-entry-hero-content h1,
.current-entry-layout-draft .current-entry-hero-content h2,
.current-entry-layout-draft .current-entry-hero-content p,
.current-entry-layout-draft .current-entry-action {
	display: block;
	min-height: 20px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 28%, #ffffff) !important;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
}

.current-entry-layout-draft .current-entry-kicker {
	width: 44%;
	min-height: 12px;
}

.current-entry-layout-draft .current-entry-hero-content h1,
.current-entry-layout-draft .current-entry-hero-content h2 {
	width: 100%;
	min-height: 28px;
}

.current-entry-layout-draft .current-entry-hero-content p {
	width: 78%;
	min-height: 18px;
}

.current-entry-layout-draft .current-entry-action {
	width: 30%;
	min-height: 24px;
}

.current-entry-layout-draft .current-entry-author-row,
.current-entry-layout-draft .current-entry-article-main > span {
	width: 42%;
	min-height: 14px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 22%, #ffffff);
	border-radius: 999px;
}

.current-entry-layout-draft .current-entry-author-row > *,
.current-entry-layout-draft .current-entry-article-main > span > * {
	opacity: 0;
}

.current-entry-layout-draft .current-entry-author-avatar {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.current-entry-layout-draft .current-entry-article-main > h2,
.current-entry-layout-draft .current-entry-article-main > h3,
.current-entry-layout-draft .current-entry-lead,
.current-entry-layout-draft .current-entry-article-main > p,
.current-entry-layout-draft .current-entry-generated > p,
.current-entry-layout-draft .current-entry-generated > h3 {
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 20%, #ffffff) !important;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
}

.current-entry-layout-draft .current-entry-article-main > h2,
.current-entry-layout-draft .current-entry-article-main > h3,
.current-entry-layout-draft .current-entry-generated > h3 {
	width: 100%;
	min-height: 22px;
}

.current-entry-layout-draft .current-entry-lead,
.current-entry-layout-draft .current-entry-article-main > p,
.current-entry-layout-draft .current-entry-generated > p {
	width: 100%;
	min-height: 12px;
	margin-bottom: 10px !important;
}

.current-entry-layout-draft .current-entry-figure,
.current-entry-layout-draft .current-entry-gallery,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure {
	background: color-mix(in srgb, var(--company-accent, var(--local24-orange)) 34%, var(--company-page-bg, #ffffff)) !important;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
}

.current-entry-layout-draft .current-entry-figure > *,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure > * {
	opacity: 0;
}

.current-entry-layout-draft .current-entry-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	min-height: 0;
	background: transparent !important;
}

.current-entry-layout-draft .current-entry-gallery .current-entry-figure {
	min-height: 150px;
	margin: 0;
	opacity: 1;
}

.current-entry-layout-draft .current-entry-gallery .current-entry-figure:nth-child(3n) {
	grid-column: 1 / -1;
	min-height: 130px;
}

.current-entry-layout-draft .current-entry-image-placeholder.is-loading::after {
	display: none;
}

.current-entry-layout-draft .current-entry-figure-inline,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-inline {
	min-height: 170px;
}

.current-entry-layout-draft .current-entry-figure-wide,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-wide {
	min-height: 170px;
}

.current-entry-layout-draft .current-entry-figure-full,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-full {
	min-height: 230px;
}

.current-entry-layout-draft .current-entry-figure-panorama,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-panorama {
	min-height: 110px;
}

.current-entry-layout-draft .current-entry-figure-left,
.current-entry-layout-draft .current-entry-figure-right,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-left,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-right {
	width: 38%;
	min-height: 160px;
}

.current-entry-layout-draft .current-entry-figure-left + p,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-left + p,
.current-entry-layout-draft .current-entry-figure-left + h3,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-left + h3,
.current-entry-layout-draft .current-entry-figure-left + ul,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-left + ul,
.current-entry-layout-draft .current-entry-figure-left + .current-entry-info-box,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-left + .current-entry-info-box {
	width: calc(62% - 24px);
	min-height: 160px;
	margin-left: auto;
	clear: none;
}

.current-entry-layout-draft .current-entry-figure-right + p,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-right + p,
.current-entry-layout-draft .current-entry-figure-right + h3,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-right + h3,
.current-entry-layout-draft .current-entry-figure-right + ul,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-right + ul,
.current-entry-layout-draft .current-entry-figure-right + .current-entry-info-box,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-right + .current-entry-info-box {
	width: calc(62% - 24px);
	min-height: 160px;
	margin-right: auto;
	clear: none;
}

.current-entry-layout-draft .current-entry-figure-left + p + *,
.current-entry-layout-draft .current-entry-figure-right + p + *,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-left + p + *,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-right + p + *,
.current-entry-layout-draft .current-entry-figure-left + .current-entry-info-box + *,
.current-entry-layout-draft .current-entry-figure-right + .current-entry-info-box + *,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-left + .current-entry-info-box + *,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-right + .current-entry-info-box + * {
	clear: both;
}

.current-entry-layout-draft .current-entry-figure-square,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-square,
.current-entry-layout-draft .current-entry-figure-portrait,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure-portrait {
	min-height: 190px;
}

.current-entry-layout-draft .current-entry-info-box,
.current-entry-layout-draft .current-entry-full-width,
.current-entry-layout-draft .current-entry-generated blockquote,
.current-entry-layout-draft .current-entry-list,
.current-entry-layout-draft .current-entry-table-wrap {
	min-height: 88px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 16%, #ffffff) !important;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
}

.current-entry-layout-draft .current-entry-generated-cta {
	width: 54%;
	min-height: 34px;
	background: color-mix(in srgb, var(--company-accent, var(--local24-orange)) 38%, #ffffff) !important;
	border: 0;
	border-radius: 999px;
	box-shadow: none;
}

.current-entry-layout-draft .current-entry-sidebar > * {
	min-height: 150px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 14%, #ffffff) !important;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
}

.current-entry-layout-draft .current-entry-sidebar > * > * {
	opacity: 0;
}

.current-entry-layout-draft .current-entry-kicker,
.current-entry-layout-draft .current-entry-hero-content h1,
.current-entry-layout-draft .current-entry-hero-content h2,
.current-entry-layout-draft .current-entry-hero-content p,
.current-entry-layout-draft .current-entry-action,
.current-entry-layout-draft .current-entry-author-row,
.current-entry-layout-draft .current-entry-article-main > span,
.current-entry-layout-draft .current-entry-article-main > h2,
.current-entry-layout-draft .current-entry-article-main > h3,
.current-entry-layout-draft .current-entry-lead,
.current-entry-layout-draft .current-entry-article-main > p,
.current-entry-layout-draft .current-entry-generated > p,
.current-entry-layout-draft .current-entry-generated > h3,
.current-entry-layout-draft .current-entry-figure,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure,
.current-entry-layout-draft .current-entry-info-box,
.current-entry-layout-draft .current-entry-full-width,
.current-entry-layout-draft .current-entry-generated blockquote,
.current-entry-layout-draft .current-entry-list,
.current-entry-layout-draft .current-entry-table-wrap,
.current-entry-layout-draft .current-entry-generated-cta,
.current-entry-layout-draft .current-entry-sidebar > * {
	position: relative;
	overflow: hidden;
}

.current-entry-layout-draft .current-entry-kicker::after,
.current-entry-layout-draft .current-entry-hero-content h1::after,
.current-entry-layout-draft .current-entry-hero-content h2::after,
.current-entry-layout-draft .current-entry-hero-content p::after,
.current-entry-layout-draft .current-entry-action::after,
.current-entry-layout-draft .current-entry-author-row::after,
.current-entry-layout-draft .current-entry-article-main > span::after,
.current-entry-layout-draft .current-entry-article-main > h2::after,
.current-entry-layout-draft .current-entry-article-main > h3::after,
.current-entry-layout-draft .current-entry-lead::after,
.current-entry-layout-draft .current-entry-article-main > p::after,
.current-entry-layout-draft .current-entry-generated > p::after,
.current-entry-layout-draft .current-entry-generated > h3::after,
.current-entry-layout-draft .current-entry-figure::after,
.current-entry-layout-draft .current-entry-image-placeholder.current-entry-figure::after,
.current-entry-layout-draft .current-entry-info-box::after,
.current-entry-layout-draft .current-entry-full-width::after,
.current-entry-layout-draft .current-entry-generated blockquote::after,
.current-entry-layout-draft .current-entry-list::after,
.current-entry-layout-draft .current-entry-table-wrap::after,
.current-entry-layout-draft .current-entry-generated-cta::after,
.current-entry-layout-draft .current-entry-sidebar > *::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.28) 46%, transparent 72%);
	transform: translateX(-120%);
	animation: currentEntrySkeletonShimmer 1.9s ease-in-out infinite;
}

.current-entry-generated > p {
	margin: 0 0 22px;
}

.current-entry-paragraph-narrow {
	max-width: 62ch;
}

.current-entry-paragraph-wide {
	max-width: 88ch;
}

.current-entry-generated > h3 {
	clear: both;
	scroll-margin-top: 82px;
}

.current-entry-generated blockquote {
	clear: both;
	margin: 26px 0;
	padding: 20px 22px;
	color: var(--company-page-text, #1f2933);
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 7%, #ffffff);
	border-left: 4px solid var(--company-primary, var(--local24-petrol));
	border-radius: 8px;
	font-size: 18px;
	line-height: 1.55;
}

.current-entry-generated-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	clear: both;
	margin-top: 12px;
	padding: 12px 16px;
	color: #ffffff !important;
	background: linear-gradient(135deg, var(--company-primary, var(--local24-petrol)), var(--company-accent, var(--local24-orange)));
	border-radius: 8px;
	box-shadow: 0 12px 24px color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 22%, transparent);
	font-weight: 900;
}

.current-entry-toc {
	display: grid;
	gap: 8px;
	margin: 8px 0 18px;
	padding: 16px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 6%, var(--company-surface, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 14%, transparent);
	border-radius: 8px;
}

.current-entry-toc strong {
	color: var(--company-primary, var(--local24-petrol));
	font-size: 12px;
	text-transform: uppercase;
}

.current-entry-toc a {
	color: var(--company-page-text, #1f2933);
	text-decoration: none;
	font-weight: 750;
}

.current-entry-toc a.is-active {
	color: var(--company-primary, var(--local24-petrol));
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.current-entry-list {
	display: grid;
	gap: 10px;
	margin: 10px 0 24px 20px;
	padding: 0;
	color: var(--company-page-text, #1f2933);
	line-height: 1.65;
}

.current-entry-list li::marker {
	color: var(--company-primary, var(--local24-petrol));
}

.current-entry-checklist {
	margin-left: 0;
	list-style: none;
}

.current-entry-checklist li {
	position: relative;
	padding-left: 28px;
}

.current-entry-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.48em;
	width: 14px;
	height: 14px;
	background: var(--company-primary, var(--local24-petrol));
	border-radius: 50%;
	box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--company-surface, #ffffff) 88%, #ffffff);
}

.current-entry-info-box {
	clear: both;
	display: grid;
	gap: 8px;
	margin: 26px 0;
	padding: 18px 20px;
	background: color-mix(in srgb, var(--company-accent, var(--local24-orange)) 8%, var(--company-surface, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-accent, var(--local24-orange)) 24%, transparent);
	border-radius: 8px;
}

.current-entry-callout {
	margin: 32px 0;
	padding: 24px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 12%, var(--company-surface, #ffffff)), color-mix(in srgb, var(--company-accent, var(--local24-orange)) 12%, var(--company-surface, #ffffff)));
	box-shadow: 0 18px 42px rgba(16, 31, 48, 0.1);
}

.current-entry-info-warning {
	border-color: color-mix(in srgb, #ef4444 32%, transparent);
	background: color-mix(in srgb, #ef4444 9%, var(--company-surface, #ffffff));
}

.current-entry-info-did_you_know,
.current-entry-info-fact {
	border-color: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 24%, transparent);
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 8%, var(--company-surface, #ffffff));
}

.current-entry-info-offer {
	border-color: color-mix(in srgb, var(--company-accent, var(--local24-orange)) 30%, transparent);
	background: color-mix(in srgb, var(--company-accent, var(--local24-orange)) 10%, var(--company-surface, #ffffff));
}

.current-entry-info-box strong {
	color: var(--company-primary, var(--local24-petrol));
	font-size: 14px;
	text-transform: uppercase;
}

.current-entry-media-plan {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 12px;
	margin-top: 4px;
}

.current-entry-image-placeholder {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	align-content: center;
	min-height: 190px;
	padding: 18px;
	overflow: hidden;
	color: var(--company-page-text, #1f2933);
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 8%, #ffffff), color-mix(in srgb, var(--company-accent, var(--local24-orange)) 8%, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 14%, transparent);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(16, 31, 48, 0.08);
}

.current-entry-image-placeholder.is-loading::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.42) 42%, transparent 78%);
	transform: translateX(-100%);
	animation: currentImagePlaceholderSweep 1.8s ease-in-out infinite;
	pointer-events: none;
}

.current-entry-image-placeholder.current-entry-figure {
	min-height: 220px;
	margin: 32px 0;
}

.current-entry-image-placeholder.current-entry-figure-panorama {
	min-height: 240px;
}

.current-entry-image-placeholder.current-entry-figure-portrait {
	min-height: 360px;
}

.current-entry-image-placeholder.current-entry-figure-square {
	min-height: 320px;
}

.current-entry-image-placeholder.current-entry-figure-left,
.current-entry-image-placeholder.current-entry-figure-right {
	min-height: 260px;
}

.current-entry-gallery .current-entry-image-placeholder {
	width: 100%;
	min-height: 210px;
	margin: 0;
}

@keyframes currentImagePlaceholderSweep {
	to {
		transform: translateX(100%);
	}
}

.current-entry-image-placeholder svg {
	width: 32px;
	height: 32px;
	color: var(--company-primary, var(--local24-petrol));
}

.current-entry-image-placeholder strong {
	min-width: 0;
	color: var(--company-page-text, #1f2933);
	font-size: 13px;
	font-weight: 900;
}

.current-entry-image-placeholder span {
	max-width: 92%;
	color: var(--company-muted, #5f6f87);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: none;
}

.current-entry-figure {
	display: grid;
	gap: 10px;
	margin: 32px 0;
}

.current-entry-figure-full,
.current-entry-figure-wide,
.current-entry-figure-panorama,
.current-entry-figure-split {
	clear: both;
	width: 100%;
}

.current-entry-figure-left,
.current-entry-figure-right {
	width: clamp(190px, 36%, 300px);
	margin-top: 6px;
	margin-bottom: 18px;
}

.current-entry-figure-left {
	float: left;
	margin-right: 24px;
}

.current-entry-figure-right {
	float: right;
	margin-left: 24px;
}

.current-entry-figure-portrait {
	clear: both;
	width: min(62%, 420px);
	margin-right: auto;
	margin-left: auto;
}

.current-entry-figure-square {
	clear: both;
	width: min(66%, 460px);
	margin-right: auto;
	margin-left: auto;
}

.current-entry-figure img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(16, 31, 48, 0.14);
}

.current-entry-figure-panorama img {
	aspect-ratio: 21 / 9;
}

.current-entry-figure-portrait img {
	aspect-ratio: 4 / 5;
}

.current-entry-figure-square img {
	aspect-ratio: 1 / 1;
}

.current-entry-figure a {
	display: block;
	position: relative;
	overflow: hidden;
	isolation: isolate;
	border-radius: 8px;
	color: inherit;
	text-decoration: none;
	cursor: zoom-in;
}

.color-mood-image-treatment {
	display: grid;
	gap: 8px;
	margin-top: 6px;
	padding-top: 12px;
	border-top: 1px solid var(--editor-line, var(--local24-line));
}

.color-mood-image-treatment .range-editor {
	margin: 0;
}

.color-mood-image-treatment .range-editor:has(input:disabled) {
	opacity: 0.5;
}

.current-entry-figure figcaption {
	color: var(--company-muted, #5f6f87);
	font-size: 13px;
	font-weight: 750;
	line-height: 1.45;
}

.current-entry-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 26px 0;
}

.current-entry-gallery .current-entry-figure {
	margin: 0;
}

.current-entry-gallery .current-entry-figure img {
	aspect-ratio: 4 / 3;
}

.current-entry-full-width {
	clear: both;
	display: grid;
	gap: 8px;
	width: 100%;
	margin: 34px 0;
	padding: clamp(22px, 4vw, 34px);
	color: var(--company-page-text, #1f2933);
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 9%, var(--company-surface, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 16%, transparent);
	border-radius: 8px;
}

.current-entry-full-width strong {
	color: var(--company-primary, var(--local24-petrol));
	font-size: 18px;
	font-weight: 900;
}

.current-entry-faq {
	clear: both;
	display: grid;
	gap: 10px;
	margin: 28px 0;
}

.current-entry-faq details {
	padding: 14px 16px;
	background: color-mix(in srgb, var(--company-surface, #ffffff) 92%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 12%, transparent);
	border-radius: 8px;
}

.current-entry-faq summary {
	color: var(--company-primary, var(--local24-petrol));
	font-weight: 900;
	cursor: pointer;
}

.current-entry-faq p {
	margin-top: 10px;
}

.current-entry-timeline {
	clear: both;
	display: grid;
	gap: 14px;
	margin: 30px 0;
	padding: 0;
	list-style: none;
}

.current-entry-timeline li {
	position: relative;
	display: grid;
	gap: 4px;
	padding-left: 28px;
}

.current-entry-timeline li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 12px;
	height: 12px;
	background: var(--company-accent, var(--local24-orange));
	border-radius: 50%;
}

.current-entry-timeline span {
	color: var(--company-muted, #5f6f87);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.current-entry-timeline strong {
	color: var(--company-primary, var(--local24-petrol));
	font-weight: 900;
}

.current-entry-table-wrap {
	clear: both;
	overflow-x: auto;
	margin: 28px 0;
}

.current-entry-table {
	width: 100%;
	border-collapse: collapse;
	color: var(--company-page-text, #1f2933);
	background: var(--company-surface, #ffffff);
	border-radius: 8px;
	overflow: hidden;
}

.current-entry-table th,
.current-entry-table td {
	padding: 12px 14px;
	border-bottom: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 12%, transparent);
	text-align: left;
}

.current-entry-table th {
	color: var(--company-primary, var(--local24-petrol));
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 7%, var(--company-surface, #ffffff));
	font-weight: 900;
}

.current-entry-sidebar {
	gap: 18px;
}

.current-entry-preview.is-active .current-entry-sidebar,
.current-entry-public-article .current-entry-sidebar {
	position: sticky;
	top: 92px;
	max-height: calc(100vh - 112px);
	overflow: auto;
	padding-right: 2px;
}

.current-entry-share-card,
.current-entry-contact-card {
	display: grid;
	gap: 12px;
	padding: 18px;
	background: color-mix(in srgb, var(--company-surface, #ffffff) 90%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 12%, transparent);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(16, 31, 48, 0.06);
}

.current-entry-share-card strong {
	color: var(--company-primary, var(--local24-petrol));
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0;
}

.current-entry-share-card button,
.current-entry-share-card a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--company-page-text, #1f2933);
	background: none;
	border: 0;
	padding: 0;
	text-decoration: none;
	font-weight: 750;
	font: inherit;
	cursor: pointer;
}

.current-entry-share-card svg {
	width: 20px;
	height: 20px;
	color: var(--company-primary, var(--local24-petrol));
}

.current-entry-contact-card span {
	color: var(--company-primary, var(--local24-petrol));
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.current-entry-contact-head {
	display: flex;
	align-items: center;
	gap: 12px;
}

.current-entry-contact-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--company-muted, #5f6f87) !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.current-entry-contact-meta svg {
	width: 16px;
	height: 16px;
	color: var(--company-primary, var(--local24-petrol));
}

.current-entry-contact-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.current-entry-contact-actions a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 9px;
	color: var(--company-page-text, #1f2933);
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 7%, var(--company-surface, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 14%, transparent);
	border-radius: 8px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 800;
}

.current-entry-contact-actions svg {
	width: 15px;
	height: 15px;
	color: var(--company-primary, var(--local24-petrol));
}

.current-entry-sidebar-cta {
	justify-self: start;
	margin-top: 4px;
}

.current-entry-back-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	justify-self: start;
	clear: both;
	margin-top: 24px;
	color: var(--company-primary, var(--local24-petrol));
	text-decoration: none;
	font-weight: 900;
}

.current-entry-back-button svg {
	width: 18px;
	height: 18px;
}

.current-lightbox {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: grid;
	place-items: center;
	padding: clamp(18px, 4vw, 46px);
	background: rgba(8, 13, 22, 0.86);
	backdrop-filter: blur(10px);
}

.current-lightbox[hidden] {
	display: none;
}

.current-lightbox figure {
	display: grid;
	gap: 12px;
	max-width: min(1100px, 94vw);
	max-height: 88vh;
	margin: 0;
	color: #ffffff;
}

.current-lightbox img {
	display: block;
	max-width: 100%;
	max-height: 78vh;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
}

.current-lightbox figcaption {
	max-width: 780px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 14px;
	line-height: 1.5;
}

.current-lightbox-close {
	position: fixed;
	top: 18px;
	right: 18px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.26);
	border-radius: 50%;
	font: inherit;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}

.has-current-lightbox {
	overflow: hidden;
}

.current-entry-ai-debug {
	margin-top: 16px;
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 18%, transparent);
	border-radius: 8px;
	background: color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 5%, #ffffff);
}

.current-entry-ai-debug summary {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	color: var(--company-primary, var(--local24-petrol));
	font-size: 12px;
	font-weight: 900;
	cursor: pointer;
}

.current-entry-ai-debug pre {
	overflow: auto;
	max-height: 260px;
	margin: 0;
	padding: 12px;
	color: #334155;
	background: rgba(255,255,255,0.72);
	border-top: 1px solid color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 15%, transparent);
	font-size: 11px;
	line-height: 1.45;
	white-space: pre-wrap;
}

.current-step-export-row {
	margin-top: 8px;
}

@media (max-width: 760px) {
	.current-entry-body {
		grid-template-columns: 1fr;
	}

	.current-entry-preview.is-active .current-entry-sidebar,
	.current-entry-public-article .current-entry-sidebar {
		position: static;
		max-height: none;
		overflow: visible;
		padding-right: 0;
	}

	.current-entry-figure-left,
	.current-entry-figure-right,
	.current-entry-figure-portrait,
	.current-entry-figure-square,
	.current-entry-figure-split {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.current-entry-gallery {
		grid-template-columns: 1fr;
	}

	.current-entry-hero {
		min-height: 320px;
	}

	.current-entry-hero-image {
		min-height: 0;
	}

	.current-entry-hero-content {
		padding: 24px;
	}

	.current-entry-hero-content h2 {
		font-size: var(--company-hero-heading-size);
	}

	.current-entry-body {
		padding: 22px 24px 26px;
	}
}

.current-archive-list .highlight-mini-card,
.highlight-mini-card.is-archived {
	background: #f8fafc;
}

.highlight-mini-card.is-archived .highlight-mini-preview {
	filter: saturate(0.72);
	opacity: 0.82;
}

.highlight-mini-card.is-archived .highlight-mini-preview span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.highlight-mini-card.is-archived .highlight-mini-preview svg {
	width: 13px;
	height: 13px;
}

.highlight-mini-card strong {
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 900;
}

.highlight-mini-card small {
	margin-top: 2px;
	color: var(--editor-muted);
	font-size: 11px;
}

.highlight-mini-card form {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.reference-mini-tools {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.reference-mini-tools .drag-hint {
	cursor: grab;
}

.reference-mini-card.is-dragging {
	opacity: 0.55;
}

.reference-mini-list.is-save-error {
	outline: 2px solid color-mix(in srgb, #dc2626 60%, transparent);
	outline-offset: 2px;
}

.highlight-mini-add {
	margin: 0;
}

.highlight-mini-add-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: 38px;
	color: var(--editor-primary);
	background: color-mix(in srgb, var(--editor-primary) 7%, #ffffff);
	border: 1px dashed color-mix(in srgb, var(--editor-primary) 42%, var(--editor-line));
	border-radius: 8px;
	font-size: 12px;
	font-weight: 900;
}

.hero-current-image-card {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	margin: 10px 14px 8px;
	padding: 8px;
	background: #f8fcfc;
	border: 1px solid #d8e7ea;
	border-radius: 8px;
}

.hero-current-image-card[hidden] {
	display: none;
}

.hero-current-image-preview {
	width: 72px;
	aspect-ratio: 16 / 9;
	background: #edf4f5 center / cover no-repeat;
	border-radius: 6px;
}

.hero-current-image-card strong,
.hero-current-image-card span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hero-current-image-card strong {
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 900;
}

.hero-current-image-card span {
	margin-top: 2px;
	color: var(--editor-muted);
	font-size: 11px;
}

.hero-media-open-button {
	box-sizing: border-box;
	width: calc(100% - 28px);
	margin: 0 14px 10px;
}

.hero-readability-adjust-toggle {
	box-sizing: border-box;
	width: calc(100% - 28px);
	margin: 2px 14px 12px;
	font-size: 12px;
}

.hero-readability-adjust-label {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
}

.hero-readability-adjust-label .help-tip {
	flex: 0 0 auto;
}

.hero-quality-option {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 7px 8px;
	border: 1px solid #b8d7dd;
	border-radius: 7px;
	background: #ffffff;
	cursor: pointer;
}

.hero-quality-option:has(input:checked) {
	border-color: var(--editor-accent);
	background: color-mix(in srgb, var(--editor-accent) 12%, #ffffff);
}

.hero-quality-option input {
	box-sizing: border-box;
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	margin: 0;
	accent-color: var(--editor-accent);
}

.hero-quality-option span {
	display: grid;
	gap: 1px;
	min-width: 0;
}

.hero-quality-option strong {
	color: var(--editor-ink);
	font-size: 12px;
	line-height: 1.15;
}

.hero-quality-option small {
	color: #6a788b;
	font-size: 10.5px;
	line-height: 1.15;
}

.editor-panel[data-editor-panel="page.design"] [data-inspector-key="page.design.world"] {
	order: 10;
}

.editor-panel[data-editor-panel="page.design"] [data-inspector-key="hero.profile_image"] {
	order: 20;
}

.editor-panel[data-editor-panel="page.design"] [data-inspector-key="page.design.fonts"] {
	order: 30;
}

.editor-panel[data-editor-panel="page.design"] [data-inspector-key="page.design.patterns"] {
	order: 40;
}

.editor-panel[data-editor-panel="page.design"] > form[data-block-style-target="hero"] {
	order: 15;
}

.editor-panel[data-editor-panel="page.design"] > [data-inspector-log] {
	display: none;
	order: 100;
}

.editor-panel[data-editor-panel="page.design"] > [data-inspector-log].is-dirty,
.editor-panel[data-editor-panel="page.design"] > [data-inspector-log].is-saving,
.editor-panel[data-editor-panel="page.design"] > [data-inspector-log].is-saved {
	display: grid;
}

.inspector-ux-group > .editor-form,
.inspector-ux-group > .media-picker,
.inspector-ux-group > .credit-action-box,
.inspector-ux-group > .module-style-note,
.inspector-ux-group > .profile-image-explainer,
.inspector-ux-group > .form-status {
	margin-left: 14px;
	margin-right: 14px;
}

.inspector-ux-group > .editor-form:first-of-type,
.inspector-ux-group > .module-style-note:first-of-type {
	margin-top: 14px;
}

.inspector-ux-group > label,
.inspector-ux-group > select,
.inspector-ux-group > input,
.inspector-ux-group > textarea,
.inspector-ux-group > .range-editor {
	margin-left: 14px;
	margin-right: 14px;
	width: calc(100% - 28px);
}

.inspector-ux-group > label:first-of-type {
	margin-top: 14px;
}

.public-editor-sidebar .editor-panel label,
.public-editor-sidebar .inspector-ux-group label,
.public-editor-sidebar .range-editor span:first-child {
	color: #6a788b;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
}

.public-editor-sidebar .toggle-row span,
.public-editor-sidebar .editor-checkbox-row span {
	color: var(--editor-ink);
	font-weight: 700;
}

.profile-image-mode-form {
	margin-top: 14px;
}

.profile-image-mode-form select {
	width: 100%;
}

.profile-image-explainer {
	display: block;
	align-items: start;
	margin-top: 12px;
	padding: 12px;
	border: 1px solid #d9e7e9;
	border-radius: 10px;
	background: #f8fcfc;
	color: var(--editor-muted);
	font-size: 13px;
	line-height: 1.35;
}

.profile-image-explainer strong {
	display: block;
	margin-bottom: 4px;
	color: var(--editor-ink);
	font-size: 14px;
}

.profile-image-explainer span {
	display: inline;
}

[data-brand-image-mode-current="auto"] [data-brand-mode-panel="logo"],
[data-brand-image-mode-current="monogram"] [data-brand-mode-panel="logo"],
[data-brand-image-mode-current="symbol"] [data-brand-mode-panel="logo"],
[data-brand-image-mode-current="illustration"] [data-brand-mode-panel="logo"],
[data-brand-image-mode-current="brand_mark"] [data-brand-mode-panel="logo"],
[data-brand-image-mode-current="own_logo"] [data-brand-mode-panel="brand_mark"] {
	display: none;
}

[data-brand-image-mode-current="auto"] [data-brand-monogram-controls],
[data-brand-image-mode-current="symbol"] [data-brand-monogram-controls],
[data-brand-image-mode-current="illustration"] [data-brand-monogram-controls] {
	display: none;
}

[data-brand-mode-panel] > .profile-image-explainer,
[data-brand-mode-panel] > .editor-form,
[data-brand-mode-panel] > .media-picker {
	margin-left: 14px;
	margin-right: 14px;
}

[data-brand-mode-panel] > .profile-image-explainer:first-child {
	margin-top: 12px;
}

.inspector-ux-group > label:last-child,
.inspector-ux-group > select:last-child,
.inspector-ux-group > input:last-child,
.inspector-ux-group > textarea:last-child,
.inspector-ux-group > .range-editor:last-child,
.inspector-ux-group > .module-style-note:last-child {
	margin-bottom: 14px;
}

.help-tip {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-left: 4px;
	vertical-align: -3px;
	z-index: 20;
}

.help-tip-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	min-width: 18px;
	max-width: 18px;
	flex: 0 0 18px;
	aspect-ratio: 1 / 1;
	padding: 0;
	color: #ffffff;
	background: var(--local24-orange);
	border: 1px solid #f28c00;
	border-radius: 50%;
	box-shadow: 0 5px 12px rgba(255, 159, 10, 0.18);
	cursor: pointer;
	line-height: 1;
	transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.help-tip-button:hover,
.help-tip-button:focus-visible {
	background: #f7931a;
	box-shadow: 0 10px 22px rgba(255, 159, 10, 0.3);
	transform: translateY(-1px);
}

.help-tip-button svg {
	width: 10px;
	height: 10px;
	stroke-width: 2.6;
}

.help-center {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 1200;
	font-family: inherit;
}

.help-center-launcher {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	min-width: 46px;
	aspect-ratio: 1 / 1;
	padding: 0;
	color: #ffffff;
	background: var(--local24-petrol);
	border: 1px solid #1b6870;
	border-radius: 999px;
	box-shadow: 0 18px 40px rgba(32, 119, 127, 0.28);
	cursor: pointer;
	transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.help-center-launcher:hover,
.help-center-launcher:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 22px 46px rgba(32, 119, 127, 0.34);
}

.help-center-launcher svg {
	width: 21px;
	height: 21px;
	stroke-width: 2.4;
}

.help-center-drawer[hidden] {
	display: none;
}


.help-center-drawer {
	position: absolute;
	right: 0;
	bottom: 60px;
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr) auto;
	width: min(var(--chat-window-width), calc(100vw - 28px));
	max-height: min(var(--chat-window-height), calc(100dvh - 112px));
	overflow: hidden;
	color: #1f2933;
	background: #ffffff;
	border: 1px solid #d7e3ea;
	border-radius: 12px;
	box-shadow: 0 26px 70px rgba(31, 41, 51, 0.2);
}

.help-center.is-docked {
	top: 0;
	right: 0;
	bottom: 0;
}

.help-center.is-docked .help-center-launcher {
	position: fixed;
	right: 0;
	bottom: 24px;
	display: none;
	width: 38px;
	height: 38px;
	min-width: 38px;
	box-shadow: 0 12px 28px rgba(32, 119, 127, 0.22);
}

.help-center.is-docked .help-center-launcher svg {
	width: 18px;
	height: 18px;
}

.help-center.is-docked .help-center-drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 360px;
	min-width: 320px;
	max-height: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.help-center.is-editor-help:not(.is-docked) {
	right: 370px;
	bottom: 24px;
}

.help-center.is-editor-help:not(.is-docked) .help-center-drawer {
	right: 0;
	bottom: 60px;
	width: min(var(--chat-window-width), calc(100vw - 384px));
}


@media (min-width: 1500px) {
	body.help-center-docked .is-editor-preview {
		padding-right: 740px;
	}


	body.help-center-docked .public-editor-sidebar {
		right: 378px;
	}
}

@media (max-width: 1499px) {


	body.help-center-docked .public-editor-sidebar {
		right: 18px;
	}
}

@media (max-width: 820px) {
	.help-center,
	.help-center.is-editor-help:not(.is-docked),
	.help-center.is-docked {
		top: 10px;
		right: 12px;
		bottom: auto;
	}

	body.help-center-docked .public-editor-sidebar {
		right: auto;
	}

	.help-center-launcher,
	.help-center.is-docked .help-center-launcher {
		width: 40px;
		height: 40px;
		min-width: 40px;
		border-radius: 999px;
	}

	.help-center .help-center-drawer,
	.help-center.is-editor-help:not(.is-docked) .help-center-drawer,
	.help-center.is-docked .help-center-drawer {
		position: fixed;
		inset: auto 0 0;
		width: 100vw;
		height:var(--chat-window-mobile-height);
		min-width: 0;
		max-height: none;
		border: 0;
		border-radius: 0;
	}

	.help-center.is-editor-help,
	.help-center.is-editor-help:not(.is-docked),
	.help-center.is-editor-help.is-docked {
		top: auto;
		right: 12px;
		bottom: max(12px, env(safe-area-inset-bottom));
	}
}

.help-center-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 16px 12px;
	border-bottom: 1px solid #edf2f5;
}

.help-center-header strong,
.help-center-header span {
	display: block;
}

.help-center-header strong {
	font-size: 16px;
	color: #15232d;
}

.help-center-header span {
	margin-top: 2px;
	color: #607284;
	font-size: 13px;
}

.help-center-close,
.help-center-dock-toggle,
.help-center-tabs button,
.help-center-chat-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.help-center-window-actions {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.help-center-close,
.help-center-dock-toggle {
	width: 28px;
	height: 28px;
	min-width: 28px;
	aspect-ratio: 1 / 1;
	padding: 0;
	color: #526577;
	background: #f7fafb;
	border: 1px solid #e2e9ee;
	border-radius: 999px;
}

.help-center-dock-toggle[aria-pressed="true"] {
	color: #ffffff;
	background: var(--local24-petrol);
	border-color: var(--local24-petrol);
}

.help-center-close svg,
.help-center-dock-toggle svg {
	width: 16px;
	height: 16px;
}

.help-center-tabs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px;
	padding: 10px 12px;
	background: #f7fafb;
	border-bottom: 1px solid #e7eef2;
}

.help-center-tabs button {
	flex-direction: column;
	gap: 4px;
	min-height: 54px;
	padding: 8px 4px;
	color: #607284;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 8px;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
}

.help-center-tabs button.is-active {
	color: var(--local24-petrol);
	background: #ffffff;
	border-color: #dbe8eb;
	box-shadow: 0 8px 18px rgba(31, 41, 51, 0.06);
}

.help-center-tabs svg {
	width: 17px;
	height: 17px;
}

.help-center-panel {
	display: none;
	min-height: 0;
	overflow: auto;
	padding: 16px;
}

.help-center-panel.is-active {
	display: block;
}

.help-center-article h3,
.help-center-list strong {
	margin: 0 0 8px;
	color: #15232d;
	font-size: 17px;
	line-height: 1.25;
}

.help-center-article h4 {
	margin: 16px 0 8px;
	color: #263241;
	font-size: 14px;
}

.help-center-article p,
.help-center-list p,
.help-center-list li,
.help-center-answer,
.help-center-question {
	color: #536579;
	font-size: 14px;
	line-height: 1.5;
}

.help-center-bullet {
	position: relative;
	padding-left: 18px;
}

.help-center-bullet::before {
	position: absolute;
	left: 0;
	top: 0.65em;
	width: 6px;
	height: 6px;
	background: var(--local24-orange);
	border-radius: 50%;
	content: "";
}

.help-center-step {
	padding: 10px 12px;
	background: #f7fafb;
	border: 1px solid #e3edf0;
	border-radius: 8px;
}

.help-center-list {
	display: grid;
	gap: 10px;
}

.help-center-list article {
	padding: 12px;
	background: #ffffff;
	border: 1px solid #e3edf0;
	border-radius: 8px;
}

.help-center-list ol {
	margin: 8px 0 0 18px;
	padding: 0;
}

.help-center-chat-log {
	display: grid;
	gap: 10px;
	max-height: 420px;
	overflow: auto;
	padding-bottom: 12px;
}

.help-center-answer,
.help-center-question {
	padding: 10px 12px;
	border-radius: 8px;
}

.help-center-answer {
	background: #f7fafb;
	border: 1px solid #e3edf0;
}

.help-center-question {
	margin-left: 42px;
	color: #ffffff;
	background: var(--local24-petrol);
}

.help-center-chat-form,
.help-center-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
}

.help-center-search {
	position: relative;
	grid-template-columns: auto minmax(0, 1fr);
	margin-bottom: 12px;
	padding: 0 12px;
	border: 1px solid #dbe8eb;
	border-radius: 8px;
}

.help-center-chat-form input,
.help-center-search input {
	min-width: 0;
	height: 42px;
	color: #1f2933;
	background: #ffffff;
	border: 1px solid #dbe8eb;
	border-radius: 8px;
	font: inherit;
	font-size: 14px;
}

.help-center-search input {
	border: 0;
}

.help-center-chat-form input {
	padding: 0 12px;
}

.help-center-chat-form button {
	width: 42px;
	height: 42px;
	padding: 0;
	color: #ffffff;
	background: var(--local24-orange);
	border: 1px solid #f28c00;
	border-radius: 8px;
}

.help-center-chat-form svg,
.help-center-search svg {
	width: 17px;
	height: 17px;
}

@media (max-width: 640px) {
	.help-center {
		right: 14px;
		bottom: 14px;
	}

	.help-center-drawer {
		right: -2px;
		bottom: 66px;
		width: calc(100vw - 24px);
		max-height: calc(100vh - 92px);
	}

	.help-center-tabs {
		gap: 4px;
		padding: 8px;
	}

	.help-center-tabs button {
		min-height: 48px;
		font-size: 11px;
	}
}

.credit-action-box {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 10px;
	margin: 10px 0 14px;
	padding: 12px;
	background: #fff8ed;
	border: 1px solid #f7d7a6;
	border-radius: 8px;
}

.credit-action-box > div > strong,
.credit-action-box > div > span {
	display: block;
}

.credit-action-box > div > strong {
	color: #1f2933;
	font-size: 14px;
}

.credit-action-box > div > span {
	margin-top: 4px;
	color: #6b5a3d;
	font-size: 13px;
	line-height: 1.4;
}

.credit-action-box .btn-credit {
	grid-column: 1 / -1;
	justify-self: start;
	margin-top: 4px;
}

.profile-image-action-box {
	background: #f7fbfc;
	border-color: #d9e7e9;
}

.profile-image-action-box > div > span {
	color: #607182;
}

.btn.btn-credit {
	color: #3d2a0b;
	background: #f6b64b;
	border-color: #d89422;
}

.btn.btn-credit span {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 6px;
	color: #ffffff;
	background: rgba(61, 42, 11, 0.38);
	border-radius: 999px;
	font-size: 11px;
}

.btn.btn-credit-action {
	color: #392307;
	background: #f4b64c;
	border-color: #d89124;
	box-shadow: 0 10px 24px rgba(216, 145, 36, 0.18);
	font-weight: 900;
}

.btn.btn-credit-action svg {
	width: 19px;
	height: 19px;
	stroke-width: 2.7;
}

.btn.btn-credit-action:hover {
	color: #241503;
	background: #f7c264;
	border-color: #c77d17;
}

.brand-control-panel {
	display: grid;
	gap: 16px;
	margin: 12px 0 16px;
	padding: 18px;
	background: #f8fbfc;
	border: 1px solid #d8e4ea;
	border-radius: 12px;
}

.brand-control-panel h3 {
	margin: 0;
	color: #1f2933;
	font-size: 14px;
}

.brand-control-panel label {
	display: grid;
	gap: 9px;
	margin: 0;
	color: #1f2933;
	font-size: 13px;
	font-weight: 800;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #e3edf2;
	border-radius: 10px;
}

.brand-control-panel label span {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.brand-control-panel input[type="range"] {
	width: 100%;
	accent-color: var(--local24-petrol);
}

.brand-control-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.brand-fonts-only {
	grid-column: 1 / -1;
	margin-top: 2px;
	padding-top: 8px;
	border-top: 1px solid rgba(216, 148, 34, 0.28);
}

.input-suffix-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
}

.input-suffix-row span {
	color: var(--editor-muted);
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
}

.mail-suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0 14px;
}

.pill-button {
	padding: 7px 10px;
	border: 1px solid var(--editor-line);
	border-radius: 999px;
	background: var(--editor-soft);
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
}

.pill-button:hover {
	border-color: var(--editor-primary);
	color: var(--editor-primary);
}

.mail-preview-box {
	display: grid;
	gap: 6px;
	margin-top: 12px;
	padding: 12px;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	background: var(--editor-soft);
	color: var(--editor-muted);
	font-size: 13px;
}

.mail-preview-box strong {
	color: var(--editor-ink);
}

.form-status {
	min-height: 18px;
	margin-top: 8px;
	color: var(--editor-muted);
	font-size: 13px;
	line-height: 1.35;
}

.form-status.is-error {
	color: #b42318;
}

.form-status.is-ok {
	color: var(--editor-primary);
}

.editor-save-status {
	margin-top: 10px;
	padding: 9px 10px;
	border-radius: 8px;
	background: var(--editor-soft);
	color: var(--editor-muted);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
}

.editor-save-status:empty {
	display: none;
}

.inspector-status-log {
	display: grid;
	gap: 4px;
	margin-top: 14px;
	padding: 12px;
	border: 1px solid #d9e7e9;
	border-radius: 10px;
	background: #f8fcfc;
	color: var(--editor-muted);
	font-size: 13px;
	line-height: 1.35;
}

.inspector-status-log span {
	color: var(--editor-primary);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.inspector-status-log strong {
	color: var(--editor-ink);
	font-size: 13px;
}

.inspector-status-log strong .inspector-action-log-title {
	display: block;
	color: inherit;
	font-size: 13px;
	letter-spacing: 0;
	text-transform: none;
}

.inspector-action-log-lines {
	display: grid;
	gap: 2px;
	margin-top: 6px;
	color: var(--editor-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.inspector-action-log-lines small {
	display: block;
	color: inherit;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

.inspector-status-log.is-saving strong {
	color: var(--editor-muted);
}

.inspector-status-log.is-saved strong {
	color: var(--editor-primary);
}

.inspector-status-log.is-dirty strong {
	color: #9a6700;
}

.inspector-process-log {
	margin-top: 4px;
	color: var(--editor-muted);
	font-size: 12px;
	font-weight: 500;
}

.inspector-process-log[hidden] {
	display: none;
}

.inspector-process-log summary {
	color: var(--editor-primary);
	cursor: pointer;
	font-weight: 600;
}

.inspector-process-log ul {
	display: grid;
	gap: 4px;
	margin: 7px 0 0;
	padding: 0;
	list-style: none;
}

.inspector-process-log li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(72px, auto);
	gap: 8px;
	align-items: baseline;
}

.inspector-process-log li span {
	min-width: 0;
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.inspector-process-log li strong {
	color: var(--editor-muted);
	font-size: 12px;
	font-weight: 600;
	text-align: right;
	overflow-wrap: anywhere;
}

.inspector-process-log li.is-success strong {
	color: #17736f;
}

.inspector-process-log li.is-warning strong {
	color: #9a6411;
}

.inspector-process-log li.is-failed strong {
	color: #b42318;
}

.editor-save-status.is-dirty {
	background: #fff8e8;
	color: #9a6100;
}

.editor-save-status.is-saving {
	background: #fff8e8;
	color: #9a6100;
}

.editor-save-status.is-saved {
	background: rgba(32, 119, 127, .09);
	color: var(--editor-primary);
}

.media-upload-form input[type="file"] {
	width: 100%;
	padding: 11px;
	border: 1px dashed color-mix(in srgb, var(--editor-primary) 24%, var(--editor-line));
	border-radius: 8px;
	background: var(--editor-soft);
}

.media-upload-status {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.4;
	color: var(--editor-muted);
}

.media-upload-status.is-ok {
	color: var(--editor-primary);
}

.media-upload-status.is-error {
	color: #b42318;
}

.media-type-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0;
}

.media-type-list .theme-picker-title {
	flex: 1 0 100%;
	margin: 0 0 2px;
}

.media-type-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 9px;
	border: 1px solid var(--editor-line);
	border-radius: 999px;
	background: var(--editor-panel);
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 900;
}

.media-type-pill small {
	color: var(--editor-muted);
	font-weight: 800;
}

.media-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.media-empty {
	grid-column: 1 / -1;
	display: grid;
	gap: 4px;
	padding: 18px;
	border: 1px dashed color-mix(in srgb, var(--editor-primary) 24%, var(--editor-line));
	border-radius: 8px;
	background: var(--editor-soft);
	color: var(--editor-muted);
}

.media-empty strong {
	color: var(--editor-ink);
}

.media-card {
	overflow: hidden;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	background: var(--editor-panel);
}

.media-card.is-new {
	border-color: var(--editor-primary);
	box-shadow: 0 14px 34px rgba(15, 118, 128, .16);
}

.media-card img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center center;
	background: var(--editor-soft);
}

.media-card-body {
	display: grid;
	gap: 6px;
	padding: 9px;
}

.media-card-body strong,
.media-card-body span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.media-card-body strong {
	color: var(--editor-ink);
	font-size: 12px;
}

.media-card-body span {
	color: var(--editor-muted);
	font-size: 11px;
	font-weight: 800;
}

.media-card-body .btn {
	width: 100%;
	min-height: 34px;
	padding: 7px 10px;
}

.public-editor-sidebar {
	position: fixed;
	top: 124px;
	right: 18px;
	bottom: 18px;
	z-index: 12;
	width: 340px;
	overflow: auto;
	overscroll-behavior: contain;
}

.company-page-theme.is-editor-preview.has-critical-publish-notice ~ .public-editor-sidebar,
.public-editor-sidebar:has(~ .company-page-theme.is-editor-preview.has-critical-publish-notice) {
	top: 170px;
}

.company-page-theme.is-editor-preview.has-critical-publish-notice .public-editor-sidebar,
body:has(.company-page-theme.is-editor-preview.has-critical-publish-notice) .public-editor-sidebar {
	top: 170px;
}

/* Bildstudio reuses the shared media panel and platform controls. */
.media-assets-panel.image-studio{grid-template-rows:auto minmax(0,1fr) auto;animation:image-studio-enter .22s ease-out;isolation:isolate}
.image-studio [hidden]{display:none!important}.image-studio label.l24-action{position:relative;width:auto;display:inline-flex}
.image-studio-body{overflow-y:auto;min-height:0;padding:6px 16px 16px}
.image-studio-body label{display:block}.image-studio-body textarea,.image-studio-body select{width:100%;border:1px solid var(--editor-line);border-radius:6px;padding:8px;color:var(--editor-ink);background:var(--local24-white,#fff);font:inherit}
.image-studio .image-studio-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.image-studio-sources .l24-action{min-width:0;white-space:normal}
.image-studio-workspace{display:flex;flex-direction:column;gap:16px}
.image-studio .media-assets-head strong{font-size:22px;line-height:1.2}.image-studio .media-assets-head p{margin:3px 0 0}
.image-studio-own{display:grid;gap:12px}.image-studio-own-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.image-studio-own-actions .l24-action{margin:0;min-width:0}
.image-studio-dropzone{min-height:190px;border:1px dashed var(--editor-primary);border-radius:10px;background:linear-gradient(135deg,#eff7f8,#f8fbfc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--editor-muted,#78909c);padding:20px;text-align:center}
.image-studio-dropzone>svg{width:52px;height:52px;color:var(--editor-primary);margin-bottom:3px}.image-studio-dropzone>strong{font-size:21px;color:var(--editor-ink);line-height:1.25}.image-studio-dropzone small{font-size:11px}.image-studio-keys{display:flex;align-items:center;gap:8px}.image-studio-keys kbd{font:inherit;font-size:12px;border:1px solid var(--editor-line);border-radius:4px;background:#f8fbfc;padding:3px 7px;box-shadow:0 1px 1px #0001}.image-studio-dropzone.is-dragover{outline:2px solid var(--editor-primary);background:#e1f2f3}
.image-studio-back{margin-bottom:8px}
.image-studio [data-studio-media-view]>.module-style-note{margin:0 0 16px}.image-studio-footer>small{display:block;margin-bottom:6px;font-size:11px}
.image-studio-stock{display:grid;gap:10px}.image-studio-stock>.module-style-note{margin:0;font-size:11px;line-height:1.45}
.image-studio-search{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border:1px solid var(--editor-line);border-radius:6px;padding:7px 10px;min-height:40px}.image-studio-search>svg{width:18px;height:18px;flex-shrink:0;color:var(--editor-muted)}.image-studio-search input{border:0;background:transparent;min-width:140px;flex:1;width:0;padding:3px;font:inherit;font-size:12px;color:var(--editor-ink)}.image-studio-search:focus-within{outline:2px solid var(--editor-primary);outline-offset:2px}.image-studio-search input:focus{outline:0}.image-studio-chips{display:contents}.image-studio-chip{max-width:100%}.image-studio-chip>span{overflow-wrap:anywhere}
.image-studio-stock-filters{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:2px 0}.image-studio-stock-filters label.toggle-row{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.image-studio-stock-filters>[data-studio-stock-search]{margin-left:auto}.image-studio-stock-filters label+label{border-left:1px solid var(--editor-line);padding-left:14px}.image-studio-stock-filters input[type=checkbox]{flex-shrink:0}.image-studio-stock-credit{position:absolute;bottom:2px;left:4px;right:4px;color:white;background:#0009;font-size:9px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px}.image-studio-stock-grid[aria-busy=true]{opacity:.55;pointer-events:none}.image-studio [data-studio-stock-status]{margin:0;font-size:12px}
.image-studio-stock-results{border-top:1px solid var(--editor-line);padding-top:12px;display:grid;gap:8px}.image-studio-stock-results>strong{font-size:14px;font-weight:500}.image-studio-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.image-studio-stock-card{position:relative;min-width:0;aspect-ratio:1.2;border-radius:7px;overflow:hidden;background:var(--editor-soft,#edf3f5);border:1px solid var(--editor-line)}.image-studio-stock-card>img{width:100%;height:100%;object-fit:cover;display:block}.image-studio-stock-refresh{position:absolute;top:5px;right:5px}.image-studio-stock-select{position:absolute;bottom:19px;right:7px}
@media(max-width:560px){.image-studio-stock-filters{gap:10px}.image-studio-stock-filters>[data-studio-stock-search]{width:100%;margin:0}.image-studio-stock-grid{grid-template-columns:1fr;gap:10px}.image-studio-stock-card{aspect-ratio:2}.image-studio-search input{font-size:16px}}
.image-studio-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0}.image-studio-preview-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.image-studio-frame{position:relative;width:100%;min-width:0;overflow:hidden;background:repeating-conic-gradient(#e0e7e9 0 25%,#f4f7f8 0 50%) 0/16px 16px;touch-action:none;min-height:0;border-radius:8px;flex-shrink:0;cursor:grab}
.image-studio-frame:active{cursor:grabbing}.image-studio-frame>img{position:absolute;max-width:none;user-select:none;pointer-events:none}.image-studio-frame>p{position:absolute;inset:20px;display:grid;place-items:center}
.image-studio-text{position:absolute;bottom:14%;left:6%;width:58%;pointer-events:none;display:grid;gap:7px}.image-studio-text span{height:9px;background:#ffffffe6;border-radius:3px;box-shadow:0 1px 4px #0006}.image-studio-text span:last-child{width:65%}
.image-studio-crop{display:grid;gap:14px;min-width:0;padding:14px;border:1px solid var(--editor-line);border-radius:12px;background:var(--editor-panel,#fff)}.image-studio-crop .image-studio-preview-head strong{font-size:16px}.image-studio-crop .image-studio-preview-head small{white-space:nowrap;color:var(--editor-muted)}
.image-studio-drag-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;max-width:90%;padding:9px 12px;border:1px solid #ffffff70;border-radius:10px;color:#fff;background:#20252bb3;pointer-events:none;white-space:nowrap;font-size:13px;transition:opacity .2s ease,transform .2s ease}.image-studio-drag-hint svg{width:20px;height:20px;flex-shrink:0}.image-studio-frame.is-interacting .image-studio-drag-hint{opacity:0;transform:translate(-50%,-50%) scale(.97)}
.image-studio-crop label.image-studio-zoom{display:grid;margin:0;color:var(--editor-ink);font-size:14px}.image-studio-zoom input{min-width:0}.image-studio-zoom output{min-width:48px;text-align:right;font-weight:700}
.image-studio-crop-actions{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid var(--editor-line);padding-top:14px}.image-studio-fit-actions{display:flex;flex-wrap:wrap;gap:8px}.image-studio-crop-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.image-studio-crop-options label.toggle-row{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.image-studio-edge-option{display:flex;align-items:center;gap:5px}
@media(prefers-reduced-motion:reduce){.image-studio-drag-hint{transition:none}}@media(max-width:560px){.image-studio-crop{padding:10px;gap:12px}.image-studio-crop .image-studio-preview-head{align-items:flex-start;flex-wrap:wrap}.image-studio-crop-options{align-items:flex-start;flex-direction:column}}

.image-studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.image-studio-pick{padding:3px!important;min-width:0}.image-studio-pick img{width:100%;height:75px;object-fit:cover;border-radius:5px}
.image-studio-footer{padding:12px 16px;border-top:1px solid var(--editor-line)}.image-studio-footer>p{font-size:12px;margin:0 0 9px}.image-studio-footer .editor-button-row{flex-wrap:wrap;gap:7px}.image-studio.has-image-gaps [data-studio-status]{color:#8b5710}
@keyframes image-studio-enter{from{opacity:.3;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.media-assets-panel.image-studio{animation:none}}
@media(pointer:coarse){.image-studio select{min-height:44px}.image-studio input,.image-studio textarea{font-size:16px}}
.media-assets-panel {
	--editor-primary: var(--local24-petrol);
	--editor-ink: var(--local24-ink);
	--editor-muted: var(--local24-muted);
	--editor-line: var(--local24-line);
	--editor-panel: var(--local24-panel);
	position: fixed;
	top: 112px;
	right: 374px;
	bottom: 18px;
	z-index: 1300;
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr) auto;
	width: min(520px, calc(100vw - 410px));
	overflow: hidden;
	color: var(--editor-ink);
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(31, 41, 51, 0.16);
	font-family: var(--local24-ui-font);
}

body:has(.company-page-theme.is-editor-preview.has-critical-publish-notice) .media-assets-panel {
	top: 158px;
}

.media-assets-panel[hidden] {
	display: none;
}

.media-assets-head {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
	border-bottom: 1px solid var(--editor-line);
	background: #f8fcfc;
}

.media-assets-head strong,
.media-assets-head span {
	display: block;
}

.media-assets-head strong {
	color: var(--editor-ink);
	font-size: 16px;
	font-weight: 900;
}

.media-assets-head span {
	margin-top: 3px;
	color: var(--editor-muted);
	font-size: 13px;
	line-height: 1.35;
}

.media-assets-close {
	width: 34px;
	height: 34px;
	min-height: 34px;
	padding: 0;
	color: var(--editor-muted);
	background: #ffffff;
	border: 1px solid var(--editor-line);
	border-radius: 7px;
}

.media-assets-close svg {
	width: 16px;
	height: 16px;
}

.media-assets-upload {
	margin: 0;
	padding: 14px 16px;
	border-bottom: 1px solid var(--editor-line);
}

.media-assets-upload > label {
	display: grid;
	gap: 5px;
	justify-items: center;
	margin: 0;
	padding: 18px 14px;
	color: var(--editor-muted);
	background: #f8fafc;
	border: 1px dashed color-mix(in srgb, var(--editor-primary) 36%, var(--editor-line));
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
}

.media-assets-upload.is-dragover > label {
	background: color-mix(in srgb, var(--editor-primary) 10%, #ffffff);
	border-color: var(--editor-primary);
}

.media-assets-upload svg {
	width: 24px;
	height: 24px;
	color: var(--editor-primary);
}

.media-assets-upload strong {
	color: var(--editor-ink);
	font-size: 14px;
}

.media-assets-upload span {
	font-size: 12px;
}

.media-assets-upload input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.media-assets-upload .editor-button-row {
	margin-top: 10px;
}

.media-assets-library {
	display: grid;
	gap: 18px;
	align-content: start;
	overflow: auto;
	padding: 16px;
}

.media-assets-accordion {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.media-assets-accordion + .media-assets-accordion {
	margin-top: 2px;
}

.media-assets-accordion summary {
	display: inline-flex;
	align-items: center;
	width: max-content;
	max-width: 100%;
	gap: 6px;
	margin: 0 0 10px;
	padding: 0;
	color: var(--editor-ink);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.2;
	cursor: pointer;
	list-style: none;
}

.media-assets-accordion summary::-webkit-details-marker {
	display: none;
}

.media-assets-accordion summary::before {
	content: "";
	position: static;
	flex: 0 0 auto;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid var(--editor-accent);
	transition: transform 0.16s ease;
}

.media-assets-accordion[open] summary::before {
	transform: rotate(90deg);
}

.media-assets-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.media-assets-panel .media-picker-grid {
	max-height: none;
	overflow: visible;
	padding-right: 0;
}

.media-assets-item {
	display: grid;
	gap: 7px;
	min-height: 0;
	padding: 7px;
	color: var(--editor-ink);
	background: #ffffff;
	border: 1px solid #d8e4ea;
	border-radius: 8px;
	text-align: left;
}

.media-assets-item:hover,
.media-assets-item:focus {
	border-color: var(--editor-primary);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--editor-primary) 16%, transparent);
}

.media-assets-item img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 6px;
}

.media-assets-item span,
.media-assets-item small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.media-assets-item span {
	font-size: 12px;
	font-weight: 800;
}

.media-assets-item small {
	color: var(--editor-muted);
	font-size: 11px;
}

.media-history-list {
	display: grid;
	gap: 8px;
}

.media-history-item {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 0;
	padding: 7px;
	color: var(--editor-ink);
	background: #ffffff;
	border: 1px solid #d8e4ea;
	border-radius: 8px;
	text-align: left;
}

.media-history-item:hover,
.media-history-item:focus {
	border-color: var(--editor-primary);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--editor-primary) 16%, transparent);
}

.media-history-item img {
	width: 72px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 6px;
}

.media-history-item span,
.media-history-item strong,
.media-history-item small {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.media-history-item strong {
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 900;
}

.media-history-item small {
	margin-top: 3px;
	color: var(--editor-muted);
	font-size: 11px;
}

.media-assets-empty {
	grid-column: 1 / -1;
	padding: 14px;
	color: var(--editor-muted);
	background: #f8fafc;
	border: 1px dashed var(--editor-line);
	border-radius: 8px;
}

.media-assets-empty strong,
.media-assets-empty span {
	display: block;
}

.media-assets-empty strong {
	margin-bottom: 3px;
	color: var(--editor-ink);
	font-size: 13px;
}

.media-assets-panel > .form-status {
	margin: 0 16px 14px;
}

@media (max-width: 980px) {
	.media-assets-panel {
		left: 14px;
		right: 14px;
		width: auto;
	}
}

@media (max-width: 560px) {
	.media-assets-panel {
		top: 88px;
		bottom: 12px;
		left: 10px;
		right: 10px;
	}

	.media-assets-grid {
		grid-template-columns: 1fr;
	}
}

.block-navigator {
	position: fixed;
	top: 124px;
	left: 14px;
	bottom: 18px;
	z-index: 12;
	display: block;
	width: 340px;
	padding: 10px;
	overflow: auto;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	box-shadow: 0 14px 32px rgba(31, 41, 51, 0.08);
}

body:has(.company-page-theme.is-editor-preview.has-critical-publish-notice) .block-navigator {
	top: 170px;
}

.editor-nav-section,
.block-settings-expander {
	margin-bottom: 8px;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	background: var(--editor-panel);
}

.editor-nav-section summary,
.block-settings-expander summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 18px;
	align-items: center;
	gap: 9px;
	min-height: 46px;
	padding: 5px 10px;
	color: var(--editor-primary);
	cursor: pointer;
	font-weight: 900;
	list-style: none;
}

.editor-nav-section summary {
	color: var(--editor-muted);
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.block-settings-expander summary {
	grid-template-columns: 36px minmax(0, 1fr) 18px;
	color: var(--editor-primary);
	font-size: 15px;
	letter-spacing: 0;
	text-transform: none;
}

.editor-nav-section summary::-webkit-details-marker,
.block-settings-expander summary::-webkit-details-marker {
	display: none;
}

.editor-nav-section .accordion-arrow,
.block-settings-expander summary > svg {
	width: 19px;
	height: 19px;
	justify-self: center;
}

.editor-nav-section .accordion-arrow,
.block-settings-expander .accordion-arrow {
	width: 16px;
	height: 16px;
	color: currentColor;
	opacity: 0.72;
	transition: transform 160ms ease;
}

.editor-nav-section[open] .accordion-arrow,
.block-settings-expander[open] .accordion-arrow {
	transform: rotate(180deg);
}

.editor-nav-list {
	display: grid;
	gap: 4px;
	padding: 6px;
	border-top: 1px solid var(--editor-line);
}

.editor-nav-item {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) 22px;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: 42px;
	padding: 7px 9px;
	color: var(--editor-primary);
	background: transparent;
	border: 1px solid transparent;
	border-radius: 8px;
	font-weight: 800;
	text-align: left;
}

.editor-nav-item svg {
	width: 18px;
	height: 18px;
	justify-self: center;
}

.editor-nav-item > span:not(.editor-nav-visibility-flag) {
	overflow: hidden;
	min-width: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.editor-nav-count {
	justify-self: end;
	min-width: 22px;
	padding: 2px 6px;
	border-radius: 999px;
	color: var(--editor-muted);
	background: #edf2f7;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.35;
	text-align: center;
}

.editor-nav-item.is-disabled {
	opacity: 0.52;
	cursor: not-allowed;
}

.editor-nav-item.is-active .editor-nav-count {
	color: var(--editor-primary);
	background: rgba(255, 255, 255, 0.9);
}

.editor-nav-visibility-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: end;
	width: 20px;
	height: 20px;
	color: color-mix(in srgb, var(--editor-primary) 58%, #8aa0b6);
	border-radius: 999px;
	opacity: 0.72;
}

.editor-nav-visibility-flag[hidden] {
	display: none;
}

.editor-nav-visibility-flag svg {
	width: 15px;
	height: 15px;
}

.editor-nav-item:hover {
	background: color-mix(in srgb, var(--editor-primary) 6%, #ffffff);
	border-color: color-mix(in srgb, var(--editor-primary) 14%, var(--editor-line));
}

.editor-nav-item.is-active {
	color: var(--white);
	background: var(--editor-primary);
	border-color: var(--editor-primary);
}

.editor-nav-item.is-active .editor-nav-visibility-flag {
	color: rgba(255, 255, 255, 0.78);
	opacity: 1;
}

.block-settings-expander.is-active summary {
	color: var(--white);
	background: var(--editor-primary);
}

.block-settings-expander.is-dirty summary {
	color: #9a6100;
	border-color: #f6d38b;
}

.block-settings-expander.is-dirty.is-active summary {
	color: var(--white);
	background: color-mix(in srgb, var(--editor-primary) 82%, #d9a441);
}

.compact-editor-form {
	margin: 0;
	padding: 12px;
	border-top: 1px solid var(--editor-line);
}

.left-theme-options {
	display: grid;
	gap: 8px;
	padding: 12px;
	border-top: 1px solid var(--editor-line);
}

.left-theme-options .theme-picker-title {
	margin: 0;
	color: var(--editor-muted);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.left-theme-options form {
	margin: 0;
}

.left-theme-options .theme-option-button {
	width: 100%;
	grid-template-columns: 58px minmax(0, 1fr);
	min-height: 48px;
	padding: 8px 10px;
	text-align: left;
}

.left-theme-options .theme-option-button i {
	height: 22px;
}

.compact-editor-form .btn {
	width: 100%;
	justify-content: center;
}

.editor-toolbox,
.editor-panel {
	padding: 18px;
	color: var(--editor-ink);
	background: var(--editor-panel);
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	box-shadow: 0 14px 32px rgba(31, 41, 51, 0.08);
	transition: background 0.18s ease, border-color 0.18s ease;
}

.public-editor-sidebar > .editor-toolbox {
	display: none;
}

.editor-panel {
	display: none;
}

.editor-panel.is-active {
	display: block;
}

.editor-panel.is-active:has(.inspector-list-accordion[open]) {
	background: color-mix(in srgb, var(--editor-panel) 72%, #dbe6ec);
	border-color: color-mix(in srgb, var(--editor-primary) 16%, var(--editor-line));
}

.editor-panel-kicker {
	margin: 0 0 6px;
	color: var(--editor-accent);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.inspector-panel-header {
	padding-bottom: 16px;
	border-bottom: 1px solid color-mix(in srgb, var(--editor-primary) 14%, var(--editor-line));
}

.editor-panel[data-editor-panel="highlights"].is-highlight-item-focused > .inspector-panel-header,
.editor-panel:has(> [data-editor-kind="block-style"].is-hidden):has(.editor-form--compact.is-visible) > .inspector-panel-header {
	display: none;
}

.editor-panel .inspector-panel-header h2 {
	margin-bottom: 8px;
}

.inspector-panel-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	padding: 8px 12px;
	color: #ffffff;
	background: var(--editor-accent);
	border: 1px solid color-mix(in srgb, var(--editor-accent) 82%, #0f2830);
	border-radius: 6px;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.15;
	box-shadow: 0 8px 18px rgba(32, 119, 127, 0.14);
}

.inspector-panel-badge svg {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
}

.inspector-group-label {
	margin: 0 0 6px;
	color: #52627a;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.inspector-group-label:not(:first-child) {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid color-mix(in srgb, var(--editor-primary) 12%, var(--editor-line));
}

.inspector-list-group {
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--editor-primary) 16%, var(--editor-line));
	border-radius: 8px;
	background: color-mix(in srgb, #ffffff 76%, #dfe8ee);
	box-shadow: 0 8px 22px rgba(28, 44, 64, 0.04);
}

.inspector-list-accordion {
	border-top: 1px solid color-mix(in srgb, var(--editor-primary) 12%, var(--editor-line));
	background: color-mix(in srgb, #ffffff 72%, #dfe8ee);
	transition: background 0.18s ease, box-shadow 0.18s ease;
}

.inspector-list-accordion:first-child {
	border-top: 0;
}

.inspector-list-accordion summary {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) 26px 16px;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 12px;
	color: #31415a;
	background: transparent;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	list-style: none;
	cursor: pointer;
}

.inspector-list-toggle-row {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 12px;
	color: #31415a;
	background: transparent;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	list-style: none;
	cursor: pointer;
}

.inspector-list-group:has(.inspector-list-accordion[open]) {
	background: color-mix(in srgb, #eef3f6 74%, #cbd7df);
}

.inspector-list-group:has(.inspector-list-accordion[open]) .inspector-list-accordion:not([open]),
.inspector-list-group:has(.inspector-list-accordion[open]) .inspector-list-toggle-row {
	background: color-mix(in srgb, #eef3f6 74%, #cbd7df);
}

.inspector-list-accordion[open] {
	position: relative;
	z-index: 1;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(28, 44, 64, 0.08);
}

.inspector-list-accordion[open] summary {
	background: #ffffff;
}

.inspector-list-accordion summary::-webkit-details-marker {
	display: none;
}

.inspector-list-accordion summary > svg,
.inspector-list-toggle-row svg {
	width: 17px;
	height: 17px;
	color: #435a76;
}

.inspector-list-accordion summary > svg:last-child {
	grid-column: 4;
	justify-self: end;
	width: 16px;
	height: 16px;
	transition: transform 0.18s ease;
}

.inspector-list-accordion[open] summary > svg:last-child {
	transform: rotate(180deg);
}

.inspector-list-accordion summary span,
.inspector-list-title {
	overflow: hidden;
	min-width: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.current-wizard-step {
	grid-column: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-left: auto;
	justify-self: center;
	border-radius: 50%;
	background: rgba(31, 126, 132, 0.12);
	color: #1f7e84;
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	line-height: 1;
}

.inspector-list-accordion[open] .current-wizard-step {
	background: #1f7e84;
	color: #fff;
}

.inspector-list-content {
	display: grid;
	gap: 10px;
	padding: 10px 12px 12px;
	border-top: 1px solid color-mix(in srgb, var(--editor-primary) 10%, var(--editor-line));
	background: #ffffff;
}

.contact-feedback-editor {
	gap: 10px;
	padding: 10px 14px 12px;
}

.editor-form .contact-feedback-editor textarea {
	min-height: 82px;
	max-height: 128px;
	line-height: 1.45;
	resize: vertical;
}

.contact-feedback-preview-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
}

.contact-feedback-preview-button svg {
	width: 19px;
	height: 19px;
	flex: 0 0 19px;
}

.inspector-list-toggle-row {
	cursor: default;
	border-top: 1px solid color-mix(in srgb, var(--editor-primary) 12%, var(--editor-line));
}

.inspector-list-toggle-row:first-child {
	border-top: 0;
}

.inspector-list-title {
	display: inline-flex;
	grid-column: 1 / 3;
	align-items: center;
	gap: 10px;
}

.inspector-section-heading,
.design-field-heading {
	margin-top: 0;
	margin-bottom: 8px;
	color: var(--editor-ink);
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: none;
}

.inspector-section-heading:not(:first-child),
.design-field-heading:not(:first-child) {
	margin-top: 14px;
}

.editor-toolbox h2,
.editor-panel h2 {
	margin: 0 0 12px;
	color: var(--editor-ink);
	font-size: 24px;
	letter-spacing: 0;
}

.editor-form {
	display: grid;
	gap: 12px;
	margin-top: 14px;
}

.editor-panel [hidden] { display: none !important; }

.editor-form.is-hidden {
	display: none;
}

.editor-form--compact { gap:var(--l24-control-gap); }
.editor-field { display:grid;gap:4px;min-width:0; }
.editor-field > .editor-text-field { margin-bottom:0; }
.editor-field [hidden] { display:none!important; }
.editor-field > .editor-label-row { flex-wrap:wrap;gap:4px var(--l24-control-gap); }
.editor-label-row > .editor-panel-title { margin:0; }

.editor-form textarea {
	min-height: 88px;
	font-size: 15px;
	resize: vertical;
}

.editor-label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.highlight-action-label-row {
	margin-top: 0;
}

.text-shadow-toggle-row {
	margin-top: -4px;
}

.text-shadow-blur-editor {
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 10px;
	margin-top: -6px;
	margin-bottom: 4px;
}

.text-style-accordion {
	margin: 4px 0 10px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 8px;
}

.text-style-accordion summary {
	min-height: 40px;
	padding: 0;
}

.text-style-accordion summary::before {
	display: none;
	content: none;
}

.text-style-accordion summary > svg:last-child {
	width: 15px;
	height: 15px;
	transition: transform 0.16s ease;
}

.text-style-accordion[open] {
	padding: 8px 10px 10px;
	background: color-mix(in srgb, var(--editor-primary) 5%, #ffffff);
	border-color: color-mix(in srgb, var(--editor-primary) 16%, var(--editor-line));
}

.text-style-accordion[open] summary > svg:last-child {
	transform: rotate(180deg);
}

.text-readability-action {
	width: 100%;
	min-height: 42px;
	justify-content: center;
	margin: -2px 0 2px;
}

.text-style-content {
	display: grid;
	gap: 10px;
}

.banner-font-mode-hidden {
	display: none !important;
}

.banner-font-advanced summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.banner-font-advanced summary .inspector-summary-title {
	display: inline-flex;
	flex: 1 1 auto;
	min-width: 0;
	color: var(--editor-text);
	font-weight: 800;
}

.banner-font-advanced summary .inspector-summary-title span {
	display: inline;
	white-space: nowrap;
}

.banner-font-style-content .range-editor {
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 10px;
}

.text-color-picker-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	color: var(--editor-muted);
	font-size: 13px;
	font-weight: 700;
}

.text-color-picker-row input[type="color"] {
	width: 44px;
	height: 32px;
	padding: 2px;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	background: #ffffff;
	cursor: pointer;
}

.highlight-action-toggle-wrap {
	display: inline-flex;
	align-items: center;
}

.highlight-url-test-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
}

.highlight-url-test-row .form-status {
	margin: 0;
	font-size: 12px;
}

.highlight-slide-kicker {
	margin-bottom: 10px;
}

.inspector-detail-head {
	display: grid;
	gap: 12px;
	margin: 0 0 16px;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--editor-line);
}

.inspector-detail-head strong {
	color: var(--editor-primary);
	font-size: 19px;
	font-weight: 900;
	letter-spacing: 0;
}

.inspector-back-button {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: fit-content;
	min-height: 34px;
	padding: 0;
	color: var(--editor-muted);
	background: transparent;
	border: 0;
	font-size: 13px;
	font-weight: 900;
	cursor: pointer;
}

.inspector-back-button svg {
	width: 17px;
	height: 17px;
	stroke-width: 2.2;
}

.inspector-back-button:hover {
	color: var(--editor-primary);
}

.inspector-detail-group {
	margin-bottom: 12px;
}

.highlight-editor-group {
	margin-bottom: 8px;
}

.inspector-list-group > .inspector-list-accordion,
.inspector-list-group > .highlight-editor-group {
	margin-bottom: 0;
}

.editor-image-source-help {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
}

.editor-image-source-help span {
	min-width: 0;
}

.highlight-editor-group .highlight-image-source-card {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.highlight-editor-group .highlight-image-source-card .editor-image-source-label {
	display: none;
}

.highlight-editor-group .image-transform-controls {
	display: grid;
	gap: 10px;
	margin: 0;
}

.highlight-editor-group .image-transform-controls > details {
	margin: 0;
	border-color: color-mix(in srgb, var(--editor-primary) 12%, var(--editor-line));
	box-shadow: none;
}

.highlight-editor-group .image-transform-controls > details > summary {
	min-height: 44px;
}

.image-tool-groups {
	display: block;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
}

.image-tool-groups .image-inpaint-mode-toggle-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.image-tool-groups .image-tool-list-group {
	margin-bottom: 16px;
}

.image-tool-groups .inspector-list-accordion:last-child {
	margin-bottom: 0;
}

.image-tool-groups .image-place-controls {
	margin-bottom: 10px;
}

.image-tool-groups .inspector-list-accordion:has(.inspector-credit-pill) summary {
	grid-template-columns: 24px minmax(0, 1fr) auto 16px;
	gap: 8px;
}

.image-generation-groups .inspector-list-accordion:has(.inspector-credit-pill) summary {
	grid-template-columns: 24px minmax(0, 1fr) auto 16px;
	gap: 8px;
}

.image-tool-groups .inspector-list-accordion:has(.inspector-credit-pill) summary > svg:first-child,
.image-generation-groups .inspector-list-accordion:has(.inspector-credit-pill) summary > svg:first-child {
	width: 22px;
	height: 22px;
	padding: 4px;
	color: #9a5b00;
	background: rgba(245, 155, 16, 0.16);
	border: 1px solid rgba(245, 155, 16, 0.34);
	border-radius: 999px;
}

.image-tool-groups .inspector-list-accordion:has(.inspector-credit-pill) summary > svg:last-child,
.image-generation-groups .inspector-list-accordion:has(.inspector-credit-pill) summary > svg:last-child {
	grid-column: 4;
}

.inspector-credit-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	padding: 3px 7px;
	color: var(--editor-primary);
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
	background: color-mix(in srgb, var(--editor-primary) 8%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--editor-primary) 18%, var(--editor-line));
	border-radius: 999px;
}

.image-tool-groups .inspector-credit-pill,
.image-generation-groups .inspector-credit-pill {
	justify-self: end;
	margin-left: 0;
}

.editor-label-inline-help {
	justify-content: flex-start;
	gap: 4px;
}

.field-tools {
	display: inline-flex;
	gap: 6px;
}

.inline-ai-button {
	width: auto;
	min-width: 30px;
	min-height: 30px;
	width: 30px;
	height: 30px;
	padding: 0;
	color: var(--editor-primary);
	background: color-mix(in srgb, var(--editor-primary) 8%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--editor-primary) 22%, var(--editor-line));
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

.inline-ai-button svg {
	width: 15px;
	height: 15px;
}

.inline-ai-button:hover {
	color: var(--white);
	background: var(--editor-primary);
}

.inline-ai-button.is-loading,
.inline-ai-button.is-loading:hover {
	color: var(--editor-primary);
	background: color-mix(in srgb, var(--editor-primary) 8%, #ffffff);
	cursor: wait;
	opacity: 0.9;
}

.inline-loader {
	display: inline-block;
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	border: 2px solid color-mix(in srgb, currentColor 28%, transparent);
	border-top-color: currentColor;
	border-radius: 50%;
	animation: local24-spin 760ms linear infinite;
}

.btn.is-loading,
.btn.is-loading:hover,
button.is-loading,
button.is-loading:hover {
	gap: 8px;
	cursor: wait;
}

.local24-form-is-loading button[type="submit"] {
	cursor: wait;
}

.local24-state-loader {
	position: fixed;
	inset: 0;
	z-index: 10020;
	display: grid;
	place-items: center;
	padding: 24px;
	background: rgba(238, 247, 247, 0.88);
	backdrop-filter: blur(8px);
}

.local24-state-loader-panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(100%, 560px);
	padding: clamp(28px, 5vw, 52px);
	color: #1f2933;
	background: #ffffff;
	border: 1px solid rgba(32, 119, 127, 0.2);
	border-radius: 16px;
	box-shadow: 0 28px 70px rgba(16, 31, 48, 0.18);
	text-align: center;
}

.local24-state-loader-panel.is-inline {
	width: 100%;
	padding: 0;
	border: 0;
	box-shadow: none;
}

.local24-state-loader-brand {
	position: relative;
	display: grid;
	place-items: center;
	width: 122px;
	height: 92px;
	margin-bottom: 12px;
}

.local24-state-loader-brand img {
	position: relative;
	z-index: 2;
	width: 68px;
	height: 68px;
	border-radius: 20px;
	box-shadow: 0 14px 28px rgba(245, 155, 16, 0.22);
}

.local24-state-loader-orbit {
	position: absolute;
	inset: 8px 2px;
	border: 2px solid rgba(32, 119, 127, 0.22);
	border-top-color: var(--local24-orange);
	border-radius: 50%;
	animation: onboarding-ready-orbit 1.5s linear infinite;
}

.local24-state-loader-spinner {
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	border-width: 4px;
	color: var(--editor-primary, var(--local24-petrol));
}

.local24-state-loader-eyebrow {
	color: #df8500;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.local24-state-loader-title {
	margin-top: 8px;
	font-size: clamp(28px, 5vw, 42px);
	line-height: 1.08;
}

.local24-state-loader-message {
	min-height: 52px;
	margin: 18px 0 12px;
	color: #52637a;
	font-size: 18px;
	line-height: 1.45;
}

.local24-state-loader-track {
	overflow: hidden;
	width: min(100%, 360px);
	height: 7px;
	background: #dcebec;
	border-radius: 999px;
}

.local24-state-loader-track span {
	display: block;
	width: 34%;
	height: 100%;
	background: linear-gradient(90deg, var(--local24-petrol), var(--local24-orange));
	border-radius: inherit;
	animation: local24-state-loader-track 1.5s ease-in-out infinite;
}

.local24-state-loader-stages {
	display: grid;
	gap: 7px;
	width: min(100%, 390px);
	margin: 24px 0 18px;
	padding: 0;
	list-style: none;
	text-align: left;
}

.local24-state-loader-stages li {
	position: relative;
	padding-left: 22px;
	color: #7a8798;
	font-size: 14px;
	line-height: 1.4;
	transition: color 180ms ease, font-weight 180ms ease;
}

.local24-state-loader-stages li::before {
	content: "";
	position: absolute;
	top: 0.48em;
	left: 2px;
	width: 8px;
	height: 8px;
	background: #c7d7da;
	border-radius: 50%;
}

.local24-state-loader-stages li.is-active {
	color: #145f66;
	font-weight: 800;
}

.local24-state-loader-stages li.is-active::before {
	background: var(--local24-orange);
	box-shadow: 0 0 0 5px rgba(245, 155, 16, 0.16);
}

.local24-state-loader-stages li.is-complete {
	color: #145f66;
}

.local24-state-loader-stages li.is-complete::before {
	content: "✓";
	top: -0.15em;
	left: 0;
	width: auto;
	height: auto;
	color: var(--local24-petrol);
	background: transparent;
	font-size: 15px;
	font-weight: 900;
}

.local24-state-loader-transport {
	display: block;
	margin: 0 auto 12px;
}

.local24-state-loader-note {
	display: block;
	margin-top: 14px;
}

.local24-state-loader-panel .onboarding-generation-status-actions {
	justify-content: center;
	margin-top: 4px;
}

.local24-state-loader-panel .onboarding-generation-status-actions .btn {
	padding: 0.58rem 0.8rem;
	font-size: 13px;
}

.local24-state-loader-panel small {
	max-width: 430px;
	color: #6a788a;
	line-height: 1.45;
}

.onboarding-generation-status {
	margin: 1rem 0;
	padding: 1rem 1.1rem;
	border: 1px solid #b8d8dc;
	border-radius: 0.85rem;
	background: #f2fafb;
	color: #174f56;
}

.onboarding-generation-processing {
	max-width: 720px;
	margin: 0 auto;
	padding: 1rem 0;
	text-align: center;
}

.onboarding-generation-processing-spinner {
	width: 46px;
	height: 46px;
	margin: 0 auto 1.25rem;
	border-width: 4px;
}

.onboarding-generation-processing .onboarding-generation-status {
	margin-top: 1.5rem;
	text-align: left;
}

.onboarding-generation-processing-note {
	margin: 1rem auto 0;
	color: #6a788a;
	line-height: 1.5;
}

.onboarding-generation-status--error {
	border-color: #e9c88f;
	background: #fff9ee;
	color: #69430a;
}

.onboarding-generation-status p {
	margin: 0.45rem 0 0;
}

.onboarding-generation-reference {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.85rem;
	overflow-wrap: anywhere;
}

.onboarding-generation-status-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 1rem;
}

@keyframes local24-state-loader-track {
	from {
		transform: translateX(-105%);
	}
	to {
		transform: translateX(295%);
	}
}

@keyframes local24-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.local24-state-loader-track span,
	.local24-state-loader-spinner,
	.local24-state-loader-orbit {
		animation: none;
	}

	.local24-state-loader-stages li {
		transition: none;
	}
}

@media (max-width: 560px) {
	.local24-state-loader {
		padding: 0;
	}

	.local24-state-loader-panel {
		width: 100%;
		max-height: 100vh;
		padding: 24px 18px;
		border-radius: 0;
		overflow-y: auto;
	}

	.local24-state-loader-title {
		font-size: clamp(26px, 9vw, 34px);
	}

	.local24-state-loader-message {
		font-size: 16px;
	}

	.onboarding-generation-status-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.onboarding-generation-status-actions .btn {
		width: 100%;
		white-space: normal;
	}
}

.editor-button-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.public-editor-sidebar .editor-panel > .editor-button-row {
	margin-top: 18px;
}

.editor-panel-footer-actions {
	margin-top: 18px;
	padding-top: 12px;
	border-top: 1px solid var(--editor-line);
}

.editor-form[data-ajax-editor]:not(.reference-add-editor) .editor-button-row button[type="submit"]:not(.btn-danger):not(.btn-credit):not(.btn-credit-action):not(.btn-manual-action):not(.btn-reference-decision):not([name="data[Company][reset_design]"]) {
	display: none;
}

.editor-subcard {
	display: grid;
	gap: 10px;
	padding: 14px;
	background: var(--editor-soft);
	border: 1px solid var(--editor-line);
	border-radius: 8px;
}

.editor-subcard textarea {
	min-height: 105px;
}

.inspector-warning-card {
	display: block;
	margin-top: 6px;
}

.inspector-warning-card[hidden],
.inspector-warning-body[hidden],
.inspector-warning-collapsed[hidden] {
	display: none !important;
}

.inspector-warning-card.is-collapsed .inspector-warning-body {
	display: none;
}

.inspector-warning-body {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 10px;
	padding: 10px;
	color: #8a4b05;
	background: #fff8eb;
	border: 1px solid #f6c77d;
	border-radius: 8px;
}

.inspector-warning-icon,
.inspector-warning-collapsed {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #c56a00;
	background: #fff1d6;
	border: 1px solid #f4c16f;
	border-radius: 999px;
}

.inspector-warning-icon svg,
.inspector-warning-collapsed svg {
	width: 15px;
	height: 15px;
}

.inspector-warning-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
	font-size: 12px;
	line-height: 1.4;
}

.inspector-warning-copy strong {
	color: #693500;
	font-size: 12px;
}

.inspector-warning-copy span {
	color: #8a4b05;
}

.inspector-warning-actions {
	grid-column: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 2px;
}

.inspector-warning-icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	color: #8a4b05;
	background: #fffaf0;
	border: 1px solid #f0c176;
	border-radius: 8px;
	cursor: pointer;
}

.inspector-warning-icon-button:hover {
	color: #ffffff;
	background: #c56a00;
	border-color: #c56a00;
}

.inspector-warning-icon-button.is-done {
	color: #ffffff;
	background: #ad5d00;
	border: 1px solid #ad5d00;
}

.inspector-warning-icon-button svg {
	width: 15px;
	height: 15px;
}

.inspector-warning-collapsed {
	padding: 0;
	cursor: pointer;
}

.editor-button-row .btn,
.editor-button-row button {
	min-height: 38px;
	padding: 8px 12px;
	font-size: 13px;
}

.btn-danger {
	color: #b42318;
	background: #fff7f7;
	border-color: #f3b4b4;
}

.btn-danger:hover {
	color: var(--white);
	background: #b42318;
	border-color: #b42318;
}

.btn-secondary {
	color: var(--company-primary, var(--teal));
	background: var(--white);
	border-color: color-mix(in srgb, var(--company-primary, var(--teal)) 28%, var(--line));
}

.btn-secondary:hover {
	color: var(--white);
	background: var(--company-primary, var(--teal));
	border-color: var(--company-primary, var(--teal));
}

.block-navigator .btn-secondary,
.public-editor-sidebar .btn-secondary {
	color: var(--editor-primary);
	background: var(--editor-panel);
	border-color: color-mix(in srgb, var(--editor-primary) 28%, var(--editor-line));
}

.block-navigator .btn-secondary:hover,
.public-editor-sidebar .btn-secondary:hover {
	color: var(--white);
	background: var(--editor-primary);
	border-color: var(--editor-primary);
}

.service-editor-list {
	display: grid;
	gap: 14px;
	margin-top: 18px;
}

.reference-editor-list {
	display: grid;
	gap: 14px;
	margin-top: 12px;
}

.reference-editor-card,
.reference-add-editor {
	display: none;
}

.reference-editor-card { margin-top:0; }
.reference-add-editor {
	padding: 14px;
	background: var(--editor-soft);
	border: 1px solid var(--editor-line);
	border-radius: 8px;
}

.reference-editor-card.is-visible,
.reference-add-editor.is-visible {
	display: grid;
}

/* Shared compact media field for inspector item forms. */
.editor-media-field { display:grid;grid-template-columns:calc(var(--l24-control-height-l) * 2) minmax(0,1fr);gap:var(--l24-control-gap);min-width:0;align-items:start; }
.editor-media-preview { position:relative;height:calc(var(--l24-control-height-m) * 2);overflow:hidden;border-radius:var(--l24-control-radius);background:var(--editor-soft); }
.editor-media-preview>.l24-action { width:100%;height:100%;padding:0;overflow:hidden; }
.editor-media-preview img { display:block;width:100%;height:100%;object-fit:cover; }
.editor-media-preview [hidden],.editor-media-field [hidden] { display:none!important; }
.editor-media-actions { display:grid;gap:4px;min-width:0; }
.editor-media-actions>.editor-button-row { flex-wrap:nowrap;gap:4px; }
.editor-media-actions>.editor-button-row>.l24-action { flex:1;padding-inline:var(--l24-control-padding-s); }
.editor-media-actions>.editor-button-row button { min-height:var(--l24-control-height-m);padding-block:0; }
.editor-media-gallery { grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--l24-control-gap); }
.editor-media-gallery-item { position:relative;width:calc(var(--l24-control-height-l) * 2);height:calc(var(--l24-control-height-m) * 2); }
.editor-media-gallery-item img { width:100%;height:100%;object-fit:cover;border-radius:var(--l24-control-radius); }
.editor-media-gallery-item>.l24-icon-action { position:absolute;right:4px;bottom:4px; }
.editor-media-field summary { cursor:pointer; }
.editor-media-field small { color:var(--editor-muted); }


.module-style-box {
	display: grid;
	gap: 10px;
	padding: 12px;
	background: #fbfcfd;
	border: 1px solid var(--line);
	border-radius: 8px;
}

.module-style-box input[type="color"] {
	min-height: 38px;
	padding: 4px;
}

.module-style-note {
	margin: -4px 0 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.35;
}

.style-inline-inputs {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
}

.style-inline-inputs label {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--muted);
	font-size: 12px;
}

.style-inline-inputs input[type="range"] {
	min-height: 0;
	padding: 0;
}

.toggle-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 2px 0;
}

.toggle-row.is-disabled {
	opacity: 0.62;
}

.toggle-row .toggle-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
	color: var(--editor-ink, var(--local24-ink));
	line-height: 1.35;
}

.toggle-row .toggle-title {
	display: block;
	font-weight: 400;
}

.toggle-row .toggle-copy em {
	display: block;
	color: var(--editor-muted, var(--local24-muted));
	font-size: 13px;
	font-style: normal;
	line-height: 1.45;
}

.editor-checkbox-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.toggle-row input:not([type="checkbox"]) {
	width: auto;
	min-height: 0;
}

.service-editor-card,
.highlight-editor-card {
	display: none;
	padding: 14px;
	background: #fbfcfd;
	border: 1px solid var(--line);
	border-radius: 8px;
}

.highlight-editor-card {
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.editor-panel[data-editor-panel="highlights"]:not(.is-highlight-item-focused) [data-inspector-key="highlights.slide_edit"],
.editor-panel[data-editor-panel="highlights"].is-highlight-item-focused [data-inspector-key="highlights.design"],
.editor-panel[data-editor-panel="highlights"].is-highlight-item-focused [data-inspector-key="highlights.slides"],
.editor-panel[data-editor-panel="highlights"].is-highlight-item-focused [data-inspector-key="highlights.heading_scale"],
.editor-panel[data-editor-panel="highlights"].is-highlight-item-focused [data-inspector-key="highlights.banner_font"] {
	display: none;
}

.service-editor-card.is-visible,
.highlight-editor-card.is-visible {
	display: grid;
}

.service-editor-empty,
.highlight-editor-empty {
	display: none;
	margin-top: 18px;
	padding: 14px;
	color: var(--muted);
	background: #fbfcfd;
	border: 1px dashed var(--line);
	border-radius: 8px;
}

.service-editor-empty.is-active,
.highlight-editor-empty.is-active {
	display: block;
}

.service-editor-card.is-focused,
.highlight-editor-card.is-focused {
	border-color: var(--company-primary, var(--teal));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--company-primary, var(--teal)) 14%, transparent);
}

.highlight-editor-card.is-focused {
	box-shadow: none;
}

.service-editor-card textarea,
.highlight-editor-card textarea {
	min-height: 105px;
}

.current-creation-option-grid {
	display: grid;
	gap: 8px;
	margin: 10px 0 12px;
}

.current-creation-option-grid .toggle-row {
	margin: 0;
}

.current-credit-estimate {
	display: grid;
	gap: 8px;
	margin: 14px 0 12px;
	padding: 12px;
	background: #fff8e7;
	border: 1px solid #f3d08b;
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(216, 145, 36, 0.1);
}

.current-credit-estimate-head,
.current-credit-estimate-list span {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
}

.current-credit-estimate-head strong {
	color: #1f2933;
	font-size: 13px;
	font-weight: 900;
}

.current-credit-estimate-head span {
	color: #7a4a05;
	font-size: 13px;
	font-weight: 900;
}

.current-credit-estimate-list {
	display: grid;
	gap: 5px;
}

.current-credit-estimate-list em {
	overflow: hidden;
	color: #6b5a3d;
	font-size: 12px;
	font-style: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.current-credit-estimate-list b {
	color: #392307;
	font-size: 12px;
	font-weight: 850;
}

.current-credit-estimate p {
	margin: 0;
	color: #80613a;
	font-size: 11px;
	line-height: 1.35;
}

.current-guided-flow {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	gap: 18px;
	margin: 0 0 28px;
	padding: 18px;
	background: rgba(239, 250, 252, 0.96);
	border: 1px solid rgba(39, 127, 138, 0.22);
	border-radius: 8px;
	box-shadow: 0 18px 46px rgba(0, 38, 48, 0.16);
}

.current-guided-sidebar {
	display: grid;
	align-content: start;
	gap: 8px;
}

.current-guided-sidebar span {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	padding: 10px;
	color: #48606c;
	font-size: 13px;
	font-weight: 900;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(39, 127, 138, 0.16);
	border-radius: 8px;
}

.current-guided-sidebar b,
.current-guided-step h3 span {
	display: inline-grid;
	width: 26px;
	height: 26px;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 12px;
	background: #8aa3ac;
	border-radius: 999px;
}

.current-guided-sidebar .is-active b,
.current-guided-step h3 span {
	background: #187a84;
}

.current-guided-main {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.current-guided-panel {
	display: grid;
	gap: 14px;
	padding: 16px;
	background: #fff;
	border: 1px solid rgba(39, 127, 138, 0.18);
	border-radius: 8px;
}

.current-guided-head {
	display: grid;
	gap: 3px;
}

.current-guided-head span {
	color: var(--local24-orange);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.current-guided-head strong {
	color: #102133;
	font-size: 24px;
	font-weight: 950;
}

.current-guided-step-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.current-guided-step {
	display: grid;
	align-content: start;
	gap: 9px;
	min-width: 0;
	padding: 12px;
	background: #f6fbfc;
	border: 1px solid rgba(39, 127, 138, 0.16);
	border-radius: 8px;
}

.current-guided-step-wide {
	grid-column: span 1;
}

.current-guided-step h3 {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	margin: 0 0 4px;
	color: #102133;
	font-size: 15px;
	font-weight: 950;
	line-height: 1.15;
}

.current-guided-step label {
	color: #5c6f7b;
	font-size: 12px;
	font-weight: 900;
}

.current-guided-step textarea,
.current-guided-step input,
.current-guided-step select {
	width: 100%;
	min-width: 0;
	color: #102133;
	background: #fff;
	border: 1px solid #cfdde5;
	border-radius: 7px;
}

.current-guided-two-col,
.current-guided-filter-grid {
	display: grid;
	gap: 10px;
}

.current-guided-filter-grid {
	padding: 10px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(39, 127, 138, 0.12);
	border-radius: 8px;
}

.current-guided-check[hidden],
.current-guided-debug-panel:empty {
	display: none;
}

.current-guided-check {
	display: grid;
	gap: 8px;
	padding: 10px;
	background: #fff8e7;
	border: 1px solid #f3d08b;
	border-radius: 8px;
}

.current-guided-create-action {
	justify-content: center;
	margin-top: 6px;
}

.current-guided-credit-estimate {
	margin: 0;
}

.current-inspector-guided-entry .inspector-list-toggle-row {
	grid-template-columns: 22px minmax(0, 1fr);
}

.current-inspector-guided-entry .inspector-list-toggle-row em {
	grid-column: 2;
	color: #718096;
	font-size: 11px;
	font-style: normal;
	font-weight: 750;
}

@media (max-width: 1100px) {
	.current-guided-flow {
		grid-template-columns: 1fr;
	}

	.current-guided-sidebar {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.current-guided-step-grid {
		grid-template-columns: 1fr;
	}
}

.current-creation-log-panel {
	display: grid;
	gap: 10px;
	margin: 14px 0 12px;
	padding: 12px;
	background: #eef8f9;
	border: 1px solid #b7dfe3;
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(20, 116, 126, 0.08);
}

.current-creation-log {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.current-creation-log-step {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: start;
	gap: 9px;
	padding: 8px;
	background: rgba(255, 255, 255, 0.74);
	border: 1px solid rgba(83, 151, 160, 0.26);
	border-radius: 7px;
}

.current-creation-log-step > span {
	display: inline-grid;
	width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	background: #8aa3ac;
	border-radius: 999px;
}

.current-creation-log-step.is-done > span {
	background: #187a84;
}

.current-creation-log-step.is-running > span {
	background: var(--local24-orange);
}

.current-creation-log-step.is-failed > span {
	background: #dc2626;
}

.current-creation-log-step strong {
	display: block;
	color: #20323a;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.25;
}

.current-creation-log-step em {
	display: block;
	margin-top: 2px;
	color: #62727f;
	font-size: 11px;
	font-style: normal;
	line-height: 1.3;
}

.current-creation-log-step b {
	color: #187a84;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.btn.btn-credit-action.current-create-action {
	width: 100%;
	justify-content: center;
}

.btn.btn-credit-action.current-create-action.is-current-creating {
	position: relative;
	overflow: hidden;
	cursor: progress;
	animation: currentCreateButtonPulse 1.1s ease-in-out infinite;
}

.btn.btn-credit-action.current-create-action.is-current-creating::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.46) 42%, transparent 72%);
	transform: translateX(-120%);
	animation: currentCreateButtonSweep 1.25s ease-in-out infinite;
}

.btn.btn-credit-action.current-create-action.is-current-creating > * {
	position: relative;
	z-index: 1;
}

.btn.btn-credit-action.current-create-action.is-current-creating svg:first-child {
	animation: imageActionSparkle 1.05s ease-in-out infinite;
}

.btn.btn-credit-action.current-create-action small {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-left: 6px;
	padding: 3px 7px;
	color: #ffffff;
	background: rgba(57, 35, 7, 0.3);
	border-radius: 999px;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

@keyframes currentAiSpin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes currentAiPulse {
	0%, 100% {
		transform: scale(0.82);
		opacity: 0.72;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes currentAiOrbit {
	0%, 100% {
		transform: translateY(0) scale(0.82);
		opacity: 0.54;
	}
	50% {
		transform: translateY(-7px) scale(1.08);
		opacity: 1;
	}
}

@keyframes currentEntrySkeletonShimmer {
	0% {
		transform: translateX(-120%);
	}
	55%, 100% {
		transform: translateX(120%);
	}
}

@keyframes currentCreateButtonPulse {
	0%, 100% {
		box-shadow: 0 10px 24px rgba(216, 145, 36, 0.18);
	}
	50% {
		box-shadow: 0 14px 32px rgba(216, 145, 36, 0.34);
	}
}

@keyframes currentCreateButtonSweep {
	to {
		transform: translateX(120%);
	}
}

.theme-switcher-panel {
	display: grid;
	margin: 10px 0 16px;
}

.theme-switcher-panel .theme-option-button {
	width: 100%;
}

.editable-section {
	position: relative;
	margin-bottom: 24px;
	padding: 14px;
	border: 1px solid transparent;
	border-radius: 8px;
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

.editable-section.editor-block-is-hidden {
	opacity: 0.34;
	filter: grayscale(0.25);
}

.editable-section.editor-block-is-hidden::after {
	content: attr(data-hidden-label);
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 4;
	padding: 5px 9px;
	color: #ffffff;
	background: rgba(31, 41, 55, 0.82);
	border-radius: 6px;
	font-size: 12px;
	font-weight: 900;
	pointer-events: none;
}

.company-page-theme > .editable-section {
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.company-page-theme > .company-footer.editable-section {
	padding: var(--footer-space-top) 0 var(--footer-space-bottom);
}

.company-page-theme > .editable-section:not(.section):not(.company-footer) {
	padding: 0;
}

.floating-edit-button {
	display: none;
}

.about-preview-feature {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 220px;
	gap: 20px;
	align-items: start;
}

.about-preview-feature > div:first-of-type p {
	font-size: 18px;
	line-height: 1.72;
}

.about-points-small {
	gap: 8px;
}

.about-points-small div {
	padding: 13px;
}

.about-points-small strong {
	font-size: 15px;
}

.preview-section-intro {
	max-width: 760px;
	color: var(--muted);
	font-size: 18px;
	line-height: 1.65;
}

.question-card form {
	margin-top: 28px;
}

.question-card input,
.question-card textarea {
	min-height: 58px;
	font-size: 20px;
}

.question-card textarea {
	min-height: 150px;
}

.question-card input[type="submit"] {
	width: auto;
	margin-top: 10px;
	font-size: 16px;
}

.design-choice-form {
	display: grid;
	gap: 22px;
}

.design-choice-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.design-choice-section {
	display: grid;
	gap: 14px;
	align-content: start;
}

.design-choice-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.design-choice-head h2 {
	margin: 0;
	font-size: 22px;
	letter-spacing: 0;
}

.design-choice-head .btn {
	min-height: 36px;
	padding: 7px 10px;
	font-size: 13px;
}

.design-option-grid {
	display: grid;
	gap: 9px;
}

.design-option {
	margin: 0;
	cursor: pointer;
}

.design-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.design-option span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 48px;
	padding: 11px 12px;
	color: var(--ink);
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.design-option strong {
	font-size: 14px;
}

.design-option em {
	flex: 0 0 auto;
	padding: 3px 7px;
	color: var(--teal-dark);
	background: #eef8f8;
	border-radius: 999px;
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
}

.design-option input:checked + span {
	border-color: var(--teal);
	box-shadow: 0 0 0 3px rgba(32, 119, 127, 0.14);
}

.design-choice-section:not(.is-expanded) .design-option.is-extra {
	display: none;
}

.design-show-more {
	justify-self: start;
	border-width: 0;
}

.design-variant-note {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.45;
}

.design-style-preview {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 1;
	min-height: 48px;
	max-height: 74px;
	margin: -2px 0 2px;
	border: 1px solid rgba(31, 41, 51, 0.12);
	border-radius: 7px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.36)),
		linear-gradient(135deg, color-mix(in srgb, var(--editor-primary, var(--local24-petrol)) 16%, #ffffff), color-mix(in srgb, var(--editor-accent, var(--local24-orange)) 18%, #ffffff));
}

.design-style-preview img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.design-style-preview-fallback {
	display: grid;
	gap: 3px;
	align-content: center;
	min-height: 48px;
	height: 100%;
	padding: 8px 10px;
}

.design-style-preview-fallback strong {
	font-size: 14px;
	color: var(--editor-text);
}

.design-style-preview-fallback small {
	color: var(--editor-muted);
	font-size: 12px;
	line-height: 1.35;
}

.design-color-swatches {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: -4px 0 6px;
}

.design-color-swatches span {
	display: block;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(31, 41, 51, 0.18);
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

.design-glow-label {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 14px 14px 6px;
	color: #6a788b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
}




.design-action-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	margin-top: 4px;
}

.design-action-row .btn,
.design-inline-action,
.design-hero-regenerate {
	width: 100%;
	white-space: normal;
	text-align: center;
}

.design-inline-action {
	margin: -2px 0 6px;
}

.design-small-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.design-small-action svg,
.design-swatch-action svg {
	width: 16px;
	height: 16px;
}

.design-swatch-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-height: 32px;
	padding: 0;
	border-radius: 7px;
	flex: 0 0 32px;
}

.design-hero-regenerate {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: calc(100% - 28px);
	min-height: 36px;
	margin: 4px 14px 0;
	padding: 7px 12px;
	line-height: 1.1;
	white-space: nowrap;
}

.design-hero-regenerate + [data-hero-quality-note] {
	display: block;
	box-sizing: border-box;
	width: calc(100% - 28px);
	margin: 9px 14px 12px;
}

.inspector-ux-group [data-hero-source-panel] .hero-media-open-button.design-inline-action,
.inspector-ux-group [data-hero-source-panel] .hero-media-open-button {
	box-sizing: border-box;
	width: calc(100% - 40px);
	margin: 4px 20px 12px;
}

.inspector-ux-group [data-hero-source-panel] .hero-readability-adjust-toggle {
	box-sizing: border-box;
	width: calc(100% - 40px);
	margin: 4px 20px 6px;
	line-height: 1.25;
}

.inspector-ux-group [data-hero-source-panel] .hero-readability-adjust-toggle + .module-style-note,
.inspector-ux-group [data-hero-source-panel] .hero-readability-adjust-toggle + [data-hero-quality-note] {
	width: calc(100% - 40px);
	margin: 0 20px 14px;
}

.font-group-intro {
	margin-top: 4px;
}

.font-filter-accordion {
	margin: 8px 0 12px;
}

.font-filter-list {
	display: grid;
	gap: 7px;
}

.font-filter-toggle {
	align-items: flex-start;
	margin: 0;
}

.font-filter-toggle span {
	display: grid;
	gap: 2px;
	line-height: 1.25;
}

.font-filter-toggle strong {
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 700;
}

.font-filter-toggle small {
	color: var(--editor-muted);
	font-size: 11px;
	font-weight: 500;
}

.font-current-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	margin: 0 0 12px;
}

.font-current-card {
	display: grid;
	gap: 3px;
	padding: 10px 11px;
	border: 1px solid color-mix(in srgb, var(--editor-primary) 24%, var(--editor-line));
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.74);
}

.font-current-card span {
	color: var(--editor-muted);
	font-size: 11px;
	font-weight: 600;
}

.font-current-card strong {
	color: var(--editor-ink);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

.font-favorite-use-toggle {
	margin: 8px 0 12px;
}

.font-current-preview {
	display: grid;
	gap: 8px;
	margin: 10px 0 12px;
	padding: 13px 14px;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
}

.font-current-preview-heading {
	margin: 0;
	color: var(--editor-ink);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
}

.font-current-preview-body {
	margin: 0;
	color: var(--editor-muted);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
}

.font-current-preview-meta {
	margin: 0;
	color: var(--editor-muted);
	font-size: 11px;
	font-weight: 650;
	line-height: 1.25;
}

.font-current-preview-actions {
	display: grid;
	gap: 6px;
	margin-top: 3px;
	padding-top: 9px;
	border-top: 1px solid var(--editor-line);
}

.font-scale-controls {
	display: grid;
	gap: 10px;
	width: calc(100% - 28px);
	margin: 8px 14px 12px;
	padding: 10px 0 2px;
	border-top: 1px solid var(--editor-line);
	box-sizing: border-box;
}

.font-scale-control {
	display: grid;
	gap: 7px;
	margin: 0;
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
}

.font-scale-control span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.font-scale-control strong {
	font-size: 12px;
	font-weight: 760;
}

.font-scale-control em {
	color: var(--editor-primary);
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.font-scale-control input[type='range'] {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	accent-color: var(--editor-primary);
}

.font-favorite-flag {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 6px;
	color: var(--editor-muted);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.25;
}

.font-favorite-flag input:not(.font-favorite-heart-input) {
	width: 14px;
	height: 14px;
	margin: 0;
	accent-color: var(--editor-primary);
}

.font-favorite-heart-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 32px;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 7px 0;
	color: var(--editor-ink);
	cursor: pointer;
}

.font-favorite-heart-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.font-favorite-heart-copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.font-favorite-heart-copy strong {
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

.font-favorite-heart-copy em {
	overflow: hidden;
	color: var(--editor-muted);
	font-size: 12px;
	font-style: normal;
	font-weight: 650;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.font-favorite-heart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid var(--editor-line);
	border-radius: 999px;
	color: var(--editor-muted);
	background: #fff;
	transition: color 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.font-favorite-heart svg {
	width: 16px;
	height: 16px;
	stroke-width: 2.3;
}

.font-favorite-heart-input:checked ~ .font-favorite-heart {
	border-color: rgba(207, 52, 67, 0.34);
	color: #cf3443;
	background: #fff5f6;
}

.font-favorite-heart-input:checked ~ .font-favorite-heart svg {
	fill: currentColor;
}

.font-roll-targets {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin: 8px 0 10px;
}

.font-roll-target {
	margin: 0;
	padding: 8px 9px;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.74);
	font-size: 12px;
	font-weight: 750;
}

.font-favorite-profile-flag {
	margin: -2px 0 12px;
}

.font-favorite-list {
	display: grid;
	gap: 7px;
}

.font-favorite-list-title {
	margin: 4px 0 0;
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 800;
}

.font-favorite-pill {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	padding: 7px 9px;
	border: 1px solid var(--editor-line);
	border-radius: 8px;
	color: var(--editor-ink);
	background: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
}

.font-favorite-pill svg {
	width: 13px;
	height: 13px;
}

.font-regenerate-button {
	width: calc(100% - 28px);
	margin: 10px 14px 6px;
	box-sizing: border-box;
}

.preview-box {
	margin: 24px 0;
	padding: 22px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.92)),
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--teal)) 12%, #ffffff), color-mix(in srgb, var(--company-accent, var(--orange)) 12%, #ffffff));
	border: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 18%, var(--line));
	border-radius: 8px;
}

.acp-appbar {
	position: sticky;
	top: 0;
	z-index: 70;
	min-height: 72px;
	background: rgba(248, 250, 252, 0.96);
	border-bottom: 1px solid #dfe5ee;
	backdrop-filter: blur(18px);
}

.acp-appbar-inner {
	display: grid;
	grid-template-columns: 292px minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	min-height: 72px;
	padding: 0 20px;
}

.chrome-appbar-start {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.chrome-sidebar-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	color: #243244;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
	cursor: pointer;
}

.chrome-sidebar-toggle:hover {
	border-color: #b9c7d6;
	background: #f8fafc;
}

.chrome-sidebar-toggle svg {
	width: 18px;
	height: 18px;
}

.chrome-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	color: #526070;
	font-size: 13px;
	font-weight: 830;
	white-space: nowrap;
}

.chrome-breadcrumb a,
.chrome-breadcrumb span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.chrome-breadcrumb a {
	color: #0f6fb8;
}

.chrome-breadcrumb span {
	color: #243244;
}

.chrome-breadcrumb svg {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	color: #94a3b8;
}

.acp-appbar-brand {
	color: #0f3f46;
}

.acp-appbar-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-width: 0;
}

.acp-status-pill,
.acp-appbar-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 8px 10px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	color: #334155;
	font-size: 13px;
	font-weight: 850;
	line-height: 1;
	white-space: nowrap;
}

.acp-status-pill svg,
.acp-appbar-link svg {
	width: 16px;
	height: 16px;
}

.acp-status-pill.is-ok {
	color: #047857;
	background: #ecfdf5;
	border-color: #bbf7d0;
}

.acp-status-pill.is-warning {
	color: #b45309;
	background: #fff7ed;
	border-color: #fed7aa;
}

.acp-status-pill.is-muted {
	color: #516071;
	background: #f8fafc;
}

.acp-appbar-link:hover {
	color: #0f3f46;
	background: #f3fafb;
}

.acp-user-menu summary {
	background: #ffffff;
}

.container.acp-shell,
.acp-shell {
	display: grid;
	grid-template-columns: 292px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	width: 100%;
	max-width: none;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	background: #f7f8fb;
}

body.sidebar-collapsed .acp-shell,
body.sidebar-collapsed .container.acp-shell {
	grid-template-columns: 0 minmax(0, 1fr);
	gap: 0;
}

.acp-sidebar {
	position: sticky;
	top: 72px;
	min-height: calc(100vh - 72px);
}

body.sidebar-collapsed .acp-sidebar,
body.sidebar-collapsed .dashboard-sidebar {
	overflow: hidden;
	width: 0;
	min-width: 0;
	padding-right: 0;
	padding-left: 0;
	border-right: 0;
	opacity: 0;
	pointer-events: none;
}

.acp-main {
	display: grid;
	gap: 18px;
	justify-self: stretch;
	min-width: 0;
	width: 100%;
	padding: 28px clamp(18px, 3vw, 38px) 40px;
}

.acp-main .form-card {
	width: 100%;
	max-width: none;
	margin: 0;
	box-sizing: border-box;
}

.acp-dashboard-hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.acp-dashboard-hero h1 {
	margin-bottom: 8px;
}

.acp-hero-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.acp-two-column {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
	gap: 18px;
	align-items: start;
}

.acp-setting-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.acp-setting-grid label {
	display: grid;
	gap: 7px;
	padding: 12px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #f8fafc;
}

.acp-setting-grid label span {
	color: #243244;
	font-weight: 900;
}

.acp-setting-grid label small {
	color: #64748b;
	font-size: 12px;
	font-weight: 720;
	line-height: 1.35;
}

.acp-stripe-price-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.acp-credit-action-table {
	min-width: 1500px;
}

.acp-credit-action-table input,
.acp-credit-action-table select,
.acp-credit-action-table textarea {
	width: 100%;
	min-width: 0;
	margin: 0;
	font-size: 12px;
}

.acp-credit-action-table textarea {
	resize: vertical;
}

.acp-credit-top-grid {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.55fr);
}

.acp-inline-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.acp-inline-fields label {
	display: grid;
	gap: 7px;
}

.acp-inline-fields label span {
	color: #243244;
	font-size: 13px;
	font-weight: 760;
}

.acp-credit-tariff-table {
	min-width: 1120px;
}

.acp-cost-settings-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0;
}

.acp-cost-settings-grid label {
	display: grid;
	gap: 5px;
}

.acp-cost-settings-grid span {
	color: #64748b;
	font-size: 11px;
	font-weight: 760;
}

.acp-credit-tariff-table th,
.acp-credit-tariff-table td {
	vertical-align: middle;
}

.acp-credit-tariff-table input,
.acp-credit-tariff-table select,
.acp-credit-tariff-table textarea {
	width: 100%;
	min-width: 0;
	margin: 0;
	font-size: 12px;
}

.acp-credit-name-input {
	font-weight: 780;
}

.acp-credit-mode {
	display: grid;
	grid-template-columns: 30px 72px;
	align-items: center;
	gap: 8px;
}

.acp-credit-icon {
	display: inline-grid;
	width: 28px;
	height: 28px;
	place-items: center;
	color: #0f3f46;
	border: 1px solid #b8e2e5;
	border-radius: 999px;
	background: #eaf7f8;
	font-size: 12px;
	font-weight: 850;
}

.acp-mini-switch {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #516174;
	font-size: 12px;
	font-weight: 700;
}

.acp-mini-switch input {
	width: 16px;
	height: 16px;
	accent-color: #137985;
}

.acp-credit-money {
	display: grid;
	gap: 3px;
	white-space: nowrap;
}

.acp-credit-money strong {
	color: #15212f;
	font-size: 13px;
}

.acp-credit-money span {
	color: #0f7a4f;
	font-size: 12px;
	font-weight: 760;
}

.acp-credit-money span.is-negative {
	color: #c8463b;
}

.acp-credit-edit {
	white-space: nowrap;
}

.acp-credit-detail-row td {
	padding: 0;
	background: #f8fafc;
}

.acp-credit-detail-panel {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 16px;
	border-top: 1px solid #e4e8ef;
	border-bottom: 1px solid #e4e8ef;
	background: #f8fafc;
}

.acp-credit-detail-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.acp-credit-detail-grid label,
.acp-credit-description {
	display: grid;
	gap: 6px;
}

.acp-credit-detail-grid span,
.acp-credit-description span {
	color: #64748b;
	font-size: 11px;
	font-weight: 760;
	text-transform: uppercase;
}

.acp-credit-description textarea {
	resize: vertical;
}

.acp-onboarding-budget-table {
	min-width: 1380px;
}

.acp-onboarding-budget-table input,
.acp-onboarding-budget-table select,
.acp-onboarding-budget-table textarea {
	width: 100%;
	min-width: 0;
	margin: 0;
	font-size: 12px;
}

.acp-onboarding-budget-table textarea {
	resize: vertical;
}

.acp-onboarding-budget-table td {
	vertical-align: top;
}

.acp-onboarding-budget-table td strong,
.acp-onboarding-budget-table td span,
.acp-onboarding-budget-table td small {
	display: block;
}

.acp-onboarding-budget-table td small {
	margin-top: 4px;
	color: #64748b;
	font-size: 11px;
	line-height: 1.35;
}

.acp-onboarding-budget-table td span {
	margin-top: 3px;
	color: #64748b;
	font-size: 11px;
}

.acp-soft-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 11px;
	border: 1px solid #dce5ee;
	border-radius: 999px;
	background: #f8fafc;
	color: #475467;
	font-size: 12px;
	font-weight: 850;
	white-space: nowrap;
}

.acp-checkbox-cell {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #475467;
	font-size: 12px;
	font-weight: 850;
}

.acp-readiness-table td:nth-child(1) {
	min-width: 210px;
}

.acp-readiness-table td:nth-child(7),
.acp-readiness-table td:nth-child(8) {
	min-width: 180px;
}

.acp-readiness-empty-row {
	background: #fbfdff;
}

.acp-onboarder-table {
	min-width: 1220px;
}

.acp-onboarder-table td span,
.acp-onboarder-table td code {
	display: block;
	margin-top: 3px;
	color: #64748b;
	font-size: 11px;
}

.status-badge {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 8px;
	border-radius: 999px;
	color: #415064;
	background: #eef2f7;
	font-size: 11px;
	font-weight: 760;
}

.status-account {
	color: #0f7a4f;
	background: #dcfce7;
}

.status-draft {
	color: #0f3f46;
	background: #eaf7f8;
}

.status-not_returned {
	color: #a35400;
	background: #fff2d7;
}

.status-published {
	color: #0f7a4f;
	background: #dcfce7;
}

.acp-pagination {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding-top: 14px;
}

.acp-pagination span {
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
}

.btn.is-disabled {
	opacity: 0.5;
	pointer-events: none;
}

.acp-table-new-row td {
	background: #fbfdff;
}

.acp-nav-group {
	gap: 3px;
}

.acp-nav-summary {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) 16px;
	align-items: center;
	gap: 10px;
	min-height: 36px;
	padding: 6px 8px;
	color: #243244;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 880;
	cursor: pointer;
	list-style: none;
}

.acp-nav-summary::-webkit-details-marker {
	display: none;
}

.acp-nav-summary:hover {
	background: #f1f5f9;
}

.acp-nav-summary svg {
	width: 18px;
	height: 18px;
}

.acp-nav-summary svg:last-child {
	width: 14px;
	height: 14px;
	color: #8a97a8;
	transition: transform 0.16s ease;
}

.acp-nav-group[open] .acp-nav-summary {
	color: #0f3f46;
	background: #eaf7f8;
}

.acp-nav-group[open] .acp-nav-summary svg:last-child {
	transform: rotate(180deg);
}

.acp-nav-group a {
	margin-left: 8px;
	padding-left: 10px;
	font-weight: 400;
}

.acp-nav-group a.is-active {
	font-weight: 400;
}

.acp-nav-group a span,
.acp-nav-group a.is-active span,
.acp-sidebar .dashboard-nav a span,
.acp-sidebar .dashboard-nav a.is-active span {
	font-weight: 400;
}

.acp-stat-strip {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.acp-stat-strip a {
	display: grid;
	gap: 5px;
	min-height: 78px;
	padding: 14px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	color: #334155;
}

.acp-stat-strip a:hover,
.acp-stat-strip a.is-active {
	color: #0f3f46;
	background: #eaf7f8;
	border-color: #bce7eb;
}

.acp-stat-strip span {
	color: #718096;
	font-size: 12px;
	font-weight: 850;
}

.acp-stat-strip strong {
	color: inherit;
	font-size: 28px;
	line-height: 1;
}

.acp-ai-overview-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 18px;
}

.acp-ai-status-card {
	display: grid;
	gap: 14px;
	min-height: 196px;
	padding: 20px;
	border-color: #dfe7f0;
	box-shadow: 0 16px 32px rgba(15, 23, 42, 0.05);
}

.acp-ai-card-head {
	display: flex;
	align-items: center;
	gap: 16px;
}

.acp-ai-card-head span {
	display: block;
	color: #475569;
	font-size: 13px;
	font-weight: 720;
}

.acp-ai-card-head strong {
	display: block;
	margin-top: 3px;
	color: #132238;
	font-size: 24px;
	line-height: 1.15;
}

.acp-ai-card-head > .acp-ai-card-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 8px;
	color: #ffffff !important;
	box-shadow: 0 16px 26px rgba(15, 23, 42, 0.12);
}

.acp-ai-card-head > .acp-ai-card-icon svg {
	display: block;
	position: static;
	width: 24px;
	height: 24px;
	margin: 0;
	color: inherit;
	stroke: currentColor;
}

.acp-worker-action-form .btn svg,
.acp-action-button svg {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.acp-ai-card-head > .acp-ai-card-icon.is-green {
	background: linear-gradient(135deg, #20b26b, #087e54);
}

.acp-ai-card-head > .acp-ai-card-icon.is-blue {
	background: linear-gradient(135deg, #3586f4, #1857c9);
}

.acp-ai-card-head > .acp-ai-card-icon.is-orange {
	background: linear-gradient(135deg, #ffb428, #ee8a00);
}

.acp-ai-status-card ul {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0 0 16px;
	border-bottom: 1px solid #e4e8ef;
	list-style: none;
}

.acp-ai-status-card li {
	position: relative;
	padding-left: 18px;
	color: #334155;
	font-size: 13px;
	font-weight: 760;
}

.acp-ai-status-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: #94a3b8;
	box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.14);
}

.acp-ai-status-card li.is-ok::before,
.acp-ai-panel .is-online::before {
	background: #149561;
}

.acp-ai-status-card li.is-blue::before {
	background: #2563d8;
}

.acp-ai-status-card li.is-warning::before {
	background: var(--local24-orange);
}

.acp-ai-status-card li.is-danger::before {
	background: #df3131;
}

.acp-ai-status-card footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	color: #64748b;
	font-size: 12px;
	font-weight: 720;
}

.acp-ai-status-card footer strong {
	color: #149561;
	font-size: 13px;
	font-weight: 900;
	text-align: right;
}

.acp-ai-ops-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 18px;
}

.acp-ai-panel {
	display: grid;
	gap: 12px;
	padding: 18px;
	border-color: #dfe7f0;
	box-shadow: 0 16px 32px rgba(15, 23, 42, 0.04);
}

.acp-ai-panel header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.acp-ai-panel h2 {
	margin: 0;
	color: #132238;
	font-size: 21px;
	line-height: 1.2;
}

.acp-ai-panel header > span {
	position: relative;
	padding-left: 18px;
	color: #64748b;
	font-size: 13px;
	font-weight: 800;
}

.acp-ai-panel header > span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #94a3b8;
}

.acp-ai-panel .is-online {
	color: #149561;
}

.acp-ai-panel .is-offline {
	color: #b45309;
}

.acp-ai-panel .is-offline::before {
	background: var(--local24-orange);
}

.acp-ai-worker-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	overflow: hidden;
	background: #ffffff;
}

.acp-ai-worker-facts div {
	display: grid;
	grid-template-columns: 36px 1fr;
	grid-template-areas:
		"icon label"
		"icon value";
	gap: 3px 12px;
	min-height: 70px;
	padding: 14px;
	background: #ffffff;
	border-bottom: 1px solid #edf0f4;
}

.acp-ai-worker-facts i {
	grid-area: icon;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: #f3f6fa;
	color: #24384f;
	font-style: normal;
}

.acp-ai-worker-facts i svg {
	width: 18px;
	height: 18px;
}

.acp-ai-worker-facts div:nth-child(odd) {
	border-right: 1px solid #edf0f4;
}

.acp-ai-worker-facts div:nth-last-child(-n+2) {
	border-bottom: 0;
}

.acp-ai-worker-facts span,
.acp-ai-queue-cards span {
	grid-area: label;
	color: #64748b;
	font-size: 12px;
	font-weight: 760;
}

.acp-ai-worker-facts strong,
.acp-ai-queue-cards strong {
	grid-area: value;
	overflow-wrap: anywhere;
	color: #132238;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.25;
}

.acp-ai-queue-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.acp-ai-queue-cards div {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 28px;
	grid-template-areas:
		"label label"
		"value icon";
	gap: 10px;
	min-height: 110px;
	padding: 18px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.035);
}

.acp-ai-queue-cards div::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: #2563d8;
}

.acp-ai-queue-cards strong {
	color: #2563d8;
	font-size: 30px;
}

.acp-ai-queue-cards i {
	grid-area: icon;
	align-self: end;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #718096;
	font-style: normal;
}

.acp-ai-queue-cards i svg {
	width: 21px;
	height: 21px;
}

.acp-ai-queue-cards .is-processing strong,
.acp-ai-queue-cards .is-processing i {
	color: #149561;
}

.acp-ai-queue-cards .is-processing::after {
	background: #149561;
}

.acp-ai-queue-cards .is-sqs strong,
.acp-ai-queue-cards .is-sqs i {
	color: #2563d8;
}

.acp-ai-queue-cards .is-waiting strong,
.acp-ai-queue-cards .is-waiting i {
	color: #2563d8;
}

.acp-ai-queue-cards .is-failed strong,
.acp-ai-queue-cards .is-failed i {
	color: #df3131;
}

.acp-ai-queue-cards .is-failed::after {
	background: #df3131;
}

.acp-table-card {
	overflow: hidden;
	padding: 0;
}

.acp-table-card > .acp-table-head,
.acp-table-card > .acp-inline-notice,
.acp-table-card > .acp-pagination {
	margin-left: 18px;
	margin-right: 18px;
}

.acp-table-card > .acp-table-head {
	padding-top: 18px;
}

.acp-table-card > .acp-table-scroll {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

.acp-worker-debug-card {
	display: grid;
	gap: 14px;
	border-color: #dfe7f0;
}

.acp-worker-debug-card h2,
.acp-worker-debug-card p {
	margin: 0;
}

.acp-worker-debug-card p:not(.eyebrow) {
	margin-top: 4px;
	color: #65758b;
	font-size: 13px;
	line-height: 1.5;
}

.acp-worker-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.acp-worker-action-form {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 68px;
	padding: 12px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #f8fafc;
}

.acp-worker-action-form .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.acp-worker-action-form input[type="email"] {
	min-width: 240px;
	max-width: 320px;
}

.acp-worker-action-form span {
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}

.acp-sqs-instance-form {
	display: grid;
	grid-template-columns: minmax(260px, 1.4fr) minmax(180px, 1fr) minmax(160px, 0.8fr) auto;
	align-items: center;
	gap: 10px;
	padding: 14px;
	border: 1px solid #fed7aa;
	border-radius: 8px;
	background: #fff7ed;
}

.acp-sqs-instance-form div {
	display: grid;
	gap: 4px;
}

.acp-sqs-instance-form strong {
	color: #7c2d12;
	font-size: 14px;
	font-weight: 900;
}

.acp-sqs-instance-form span {
	color: #854d0e;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}

.acp-sqs-instance-form input,
.acp-sqs-instance-form select {
	min-height: 42px;
	border: 1px solid #f4c56a;
	border-radius: 7px;
	padding: 9px 11px;
	background: #ffffff;
	color: #24384f;
	font-weight: 760;
}

.acp-sqs-instance-form p {
	grid-column: 1 / -1;
	margin: 0;
	color: #b45309;
	font-size: 12px;
	font-weight: 760;
	line-height: 1.4;
}

.acp-worker-debug-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.acp-worker-debug-grid div {
	display: grid;
	gap: 4px;
	min-height: 64px;
	padding: 12px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
}

.acp-worker-debug-grid span {
	color: #718096;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.acp-worker-debug-grid strong {
	overflow-wrap: anywhere;
	color: #17263a;
	font-size: 13px;
	line-height: 1.35;
}

.acp-debug-details {
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #f8fafc;
}

.acp-debug-details summary {
	cursor: pointer;
	padding: 12px 14px;
	color: #334155;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.acp-debug-details pre {
	max-height: 260px;
	margin: 0;
	overflow: auto;
	padding: 0 12px 12px;
	color: #334155;
	font-size: 12px;
	line-height: 1.45;
	white-space: pre-wrap;
}

.acp-table-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.acp-table-head h2,
.acp-table-head p {
	margin: 0;
}

.acp-table-head p {
	margin-top: 4px;
	color: #718096;
	font-size: 13px;
	font-weight: 760;
}

.acp-inline-notice {
	display: grid;
	gap: 4px;
	margin: 0 0 14px;
	padding: 12px 14px;
	border: 1px solid #f4c56a;
	border-radius: 8px;
	background: #fff7e6;
	color: #5f430b;
	font-size: 13px;
	line-height: 1.45;
}

.acp-inline-notice.is-success {
	border-color: #86efac;
	background: #f0fdf4;
	color: #14532d;
}

.acp-inline-notice.is-success strong {
	color: #052e16;
}

.acp-inline-notice.is-info {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1e3a8a;
}

.acp-inline-notice.is-info strong {
	color: #172554;
}

.acp-inline-notice.is-danger {
	border-color: #fecaca;
	background: #fef2f2;
	color: #991b1b;
}

.acp-inline-notice.is-danger strong {
	color: #7f1d1d;
}

.acp-inline-notice strong {
	color: #3f2b05;
	font-size: 14px;
	font-weight: 900;
}

.acp-inline-notice code {
	padding: 2px 5px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.78);
	color: #24384f;
}

.acp-inline-notice.is-success strong {
	color: #052e16;
}

.acp-inline-notice.is-info strong {
	color: #172554;
}

.acp-inline-notice.is-danger strong {
	color: #7f1d1d;
}

.acp-table-scroll {
	overflow-x: auto;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
}

.acp-data-table {
	width: 100%;
	min-width: 1260px;
	border-collapse: collapse;
	background: #ffffff;
}

.acp-data-table th,
.acp-data-table td {
	padding: 14px 16px;
	border-bottom: 1px solid #edf0f4;
	color: #243244;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
}

.acp-data-table th {
	color: #718096;
	background: #f8fafc;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.acp-data-table tbody tr:hover td {
	background: #fbfdff;
}

.acp-data-table tr:last-child td {
	border-bottom: 0;
}

.acp-data-table td strong,
.acp-data-table td span,
.acp-data-table td small {
	display: block;
}

.acp-data-table td strong {
	font-size: 13px;
	font-weight: 850;
}

.acp-data-table td span,
.acp-data-table td small {
	margin-top: 3px;
	color: #718096;
	font-size: 12px;
	font-weight: 720;
}

.acp-job-status {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	gap: 7px;
	margin: 0;
	padding: 4px 9px;
	border: 1px solid #dbeafe;
	border-radius: 999px;
	background: #eff6ff;
	color: #1d4ed8 !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1.2;
}

.acp-job-status::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: currentColor;
}

.acp-job-status.is-processing {
	border-color: #bbf7d0;
	background: #ecfdf5;
	color: #047857 !important;
}

.acp-job-status.is-completed {
	border-color: #dbeafe;
	background: #f0f9ff;
	color: #0369a1 !important;
}

.acp-job-status.is-failed {
	border-color: #fecaca;
	background: #fef2f2;
	color: #dc2626 !important;
}

.acp-job-status.is-cancelled {
	border-color: #e2e8f0;
	background: #f8fafc;
	color: #64748b !important;
}

.acp-job-progress {
	position: relative;
	width: 112px;
	height: 7px;
	overflow: hidden;
	border-radius: 999px;
	background: #dfe6ee;
}

.acp-job-progress span {
	display: block !important;
	height: 100%;
	margin: 0 !important;
	border-radius: inherit;
	background: #149561;
	transition: width 260ms ease;
}

.acp-job-progress.is-live span {
	min-width: 18%;
	background: linear-gradient(90deg, #149561 0%, #22c78a 45%, #149561 100%);
	background-size: 180% 100%;
	animation: acpJobProgressPulse 1.2s linear infinite;
}

.acp-data-table tr.is-live-updated {
	background: #f0fdf4;
	transition: background 600ms ease;
}

@keyframes acpJobProgressPulse {
	0% { background-position: 180% 0; }
	100% { background-position: 0 0; }
}

.acp-ai-row-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.acp-ai-row-actions form {
	margin: 0;
}

.acp-action-button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 7px 10px;
	border: 1px solid #dbe3ed;
	border-radius: 7px;
	background: #ffffff;
	color: #24384f;
	font-size: 12px;
	font-weight: 850;
	cursor: pointer;
}

.acp-action-button:hover {
	border-color: #b7c7d8;
	background: #f8fafc;
}

.acp-action-button.is-retry {
	color: #0f766e;
}

.acp-action-button.is-cancel {
	color: #b42318;
}

.acp-billing-dashboard {
	gap: 18px;
}

.acp-billing-hero {
	background:
		linear-gradient(135deg, rgba(32, 119, 127, 0.08), rgba(245, 155, 16, 0.05)),
		#ffffff;
}

.acp-billing-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
}

.acp-billing-toolbar .acp-search-form {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 10px 12px;
	flex: 1 1 auto;
	margin: 0;
}

.acp-billing-toolbar .acp-search-form label {
	margin: 0;
	white-space: nowrap;
}

.acp-billing-toolbar .acp-search-form > div {
	display: grid;
	grid-template-columns: minmax(128px, 150px) minmax(240px, 1fr) minmax(150px, 180px) auto auto;
	align-items: center;
	gap: 8px;
}

.acp-billing-toolbar .acp-search-form input,
.acp-billing-toolbar .acp-search-form select {
	width: 100%;
	min-height: 38px;
}

.acp-billing-toolbar .btn {
	min-height: 38px;
	padding-top: 9px;
	padding-bottom: 9px;
	white-space: nowrap;
}

.acp-billing-export-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex: 0 0 auto;
}

.acp-billing-kpi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 14px;
}

.acp-billing-kpi {
	display: grid;
	gap: 8px;
	min-width: 0;
	min-height: 150px;
	padding: 16px;
	overflow: hidden;
}

.acp-billing-kpi > span {
	color: #667085;
	font-size: 12px;
	font-weight: 850;
}

.acp-billing-kpi > strong {
	color: #162433;
	font-size: 23px;
	line-height: 1.05;
	letter-spacing: 0;
}

.acp-billing-kpi small {
	min-width: 0;
	overflow-wrap: anywhere;
	color: #0f8a5f;
	font-weight: 850;
	line-height: 1.35;
}

.acp-billing-kpi small.is-negative {
	color: #d54c2f;
}

.acp-sparkline {
	height: 38px;
	margin-top: 4px;
}

.acp-billing-chart-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
}

.acp-billing-chart-card {
	min-width: 0;
	min-height: 330px;
	overflow: hidden;
}

.acp-billing-chart-wide {
	grid-column: span 2;
}

.acp-billing-chart-card:not(.acp-billing-chart-wide):not(.acp-billing-chart-half) {
	grid-column: span 2;
}

.acp-billing-chart-half {
	grid-column: span 3;
}

.acp-chart-frame {
	position: relative;
	height: 260px;
}

.acp-chart-frame.is-donut {
	height: 220px;
	min-width: 0;
}

.acp-donut-layout {
	display: grid;
	grid-template-columns: minmax(180px, 0.9fr) minmax(150px, 1fr);
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.acp-chart-legend {
	display: grid;
	gap: 10px;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.acp-chart-legend li {
	position: relative;
	display: grid;
	grid-template-columns: 12px minmax(0, 1fr);
	gap: 6px 9px;
	align-items: start;
}

.acp-chart-legend li > span {
	width: 10px;
	height: 10px;
	margin-top: 4px;
	border-radius: 50%;
	background: var(--local24-teal);
}

.acp-chart-legend li:nth-child(2) > span {
	background: #6f8fcf;
}

.acp-chart-legend li:nth-child(3) > span {
	background: #b58bd3;
}

.acp-chart-legend li:nth-child(4) > span {
	background: #ef8d7a;
}

.acp-chart-legend strong,
.acp-chart-legend small {
	grid-column: 2;
}

.acp-chart-legend strong {
	color: #23313d;
	font-size: 13px;
	font-weight: 850;
}

.acp-chart-legend small {
	color: #667085;
	font-size: 12px;
	font-weight: 720;
	line-height: 1.35;
}

.acp-billing-management-grid,
.acp-billing-lower-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.acp-billing-metric-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.acp-billing-metric-grid div {
	display: grid;
	align-content: start;
	gap: 5px;
	padding: 13px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #f8fbfc;
}

.acp-billing-metric-grid span {
	color: #667085;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.25;
}

.acp-billing-metric-grid small {
	min-height: 30px;
	color: #7b8794;
	font-size: 11px;
	font-weight: 720;
	line-height: 1.35;
}

.acp-billing-metric-grid strong {
	color: #162433;
	font-size: 18px;
	line-height: 1.1;
}

.acp-billing-table {
	min-width: 760px;
}

.acp-billing-funnel-card {
	overflow: hidden;
}

@media (max-width: 1180px) {
	.acp-billing-chart-wide,
	.acp-billing-chart-card:not(.acp-billing-chart-wide):not(.acp-billing-chart-half),
	.acp-billing-chart-half {
		grid-column: 1 / -1;
	}
}

.acp-billing-funnel-layout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	align-items: stretch;
}

.acp-funnel-panel {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.acp-funnel-chart {
	display: grid;
	gap: 12px;
}

.acp-funnel-step {
	display: grid;
	gap: 7px;
	padding: 12px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(32, 119, 127, 0.04), rgba(255, 255, 255, 0.98));
}

.acp-funnel-step-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: #23313d;
	font-weight: 900;
}

.acp-funnel-track {
	height: 18px;
	overflow: hidden;
	border-radius: 999px;
	background: #eef3f5;
	box-shadow: inset 0 1px 2px rgba(35, 49, 61, 0.08);
}

.acp-funnel-track i {
	display: block;
	width: var(--funnel-width);
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--local24-teal), color-mix(in srgb, var(--local24-orange) 72%, var(--local24-teal)));
	box-shadow: 0 8px 18px rgba(32, 119, 127, 0.16);
}

.acp-funnel-step span,
.acp-funnel-step small {
	color: #667085;
	font-size: 13px;
}

.acp-funnel-step strong {
	color: #162433;
	font-size: 18px;
}

.acp-funnel-caption {
	margin: 0;
	padding: 12px 14px;
	color: #536273;
	font-size: 13px;
	line-height: 1.55;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #f8fbfc;
}

.acp-funnel-explainer {
	display: grid;
	gap: 10px;
	min-height: 0;
	overflow: auto;
	padding: 18px;
	border: 1px solid #dbe4ea;
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(32, 119, 127, 0.07), rgba(245, 155, 16, 0.05)),
		#ffffff;
}

.acp-funnel-side {
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr);
	gap: 14px;
	min-height: 100%;
}

.acp-funnel-side.acp-funnel-ai-panel {
	padding: 18px;
	border: 1px solid #dbe4ea;
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(32, 119, 127, 0.06), rgba(245, 155, 16, 0.04)),
		#fbfdfe;
}

.acp-funnel-side .acp-funnel-explainer {
	display: none;
}

.acp-funnel-ai {
	display: grid;
	align-content: start;
	gap: 12px;
	min-height: 0;
	overflow: visible;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.acp-funnel-ai-output {
	display: grid;
	align-content: stretch;
	overflow: hidden;
	min-height: 0;
}

[data-ai-analysis-source] {
	display: none;
}

.acp-funnel-ai-meta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 3px 12px;
	padding: 11px 12px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #ffffff;
}

.acp-funnel-ai-meta span {
	color: #667085;
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.acp-funnel-ai-meta strong {
	color: #162433;
	font-size: 14px;
}

.acp-funnel-ai-meta em {
	grid-column: 1 / -1;
	color: #667085;
	font-size: 12px;
	font-style: normal;
	font-weight: 750;
}

.acp-funnel-ai > div:first-child {
	display: grid;
	gap: 8px;
}

.acp-funnel-explainer > span {
	color: var(--local24-teal);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.acp-funnel-ai > div:first-child > span {
	color: var(--local24-orange);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.acp-funnel-explainer h3 {
	margin: 0;
	color: #162433;
	font-size: 19px;
	line-height: 1.2;
}

.acp-funnel-ai h3 {
	margin: 0;
	color: #162433;
	font-size: 19px;
	line-height: 1.2;
}

.acp-funnel-explainer p,
.acp-funnel-ai p {
	margin: 0;
	color: #667085;
	font-size: 14px;
	line-height: 1.55;
}

.acp-funnel-ai form {
	margin: 0;
}

.acp-ai-submit {
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.acp-ai-submit[disabled] {
	cursor: wait;
	opacity: 0.86;
}

.acp-ai-loader {
	display: none;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.48);
	border-top-color: #ffffff;
	border-radius: 999px;
	animation: acpAiSpin 0.78s linear infinite;
}

.acp-ai-submit.is-loading .acp-ai-loader {
	display: inline-block;
}

.acp-funnel-ai-loading {
	display: grid;
	place-items: center;
	gap: 8px;
	height: 100%;
	min-height: 0;
	padding: 16px;
	text-align: center;
	color: #536273;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 18%, rgba(32, 119, 127, 0.12), transparent 34%),
		#ffffff;
}

.acp-funnel-ai-loading span {
	width: 34px;
	height: 34px;
	border: 3px solid rgba(32, 119, 127, 0.18);
	border-top-color: var(--local24-teal);
	border-right-color: var(--local24-orange);
	border-radius: 999px;
	animation: acpAiSpin 0.82s linear infinite;
}

.acp-funnel-ai-loading strong {
	color: #162433;
	font-size: 14px;
	font-weight: 900;
}

.acp-funnel-ai-loading em {
	color: #667085;
	font-size: 12px;
	font-style: normal;
	font-weight: 750;
}

@keyframes acpAiSpin {
	to {
		transform: rotate(360deg);
	}
}

.acp-funnel-ai-result {
	display: grid;
	gap: 8px;
	min-height: 0;
	max-height: 100%;
	overflow: auto;
	padding: 12px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #ffffff;
}

.acp-ai-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	min-height: 0;
	overflow: auto;
	padding-right: 2px;
}

.acp-ai-analysis-card {
	display: grid;
	align-content: start;
	gap: 8px;
	min-width: 0;
	padding: 13px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 22px rgba(35, 49, 61, 0.05);
}

.acp-ai-analysis-card h4 {
	margin: 0;
	color: #162433;
	font-size: 14px;
	line-height: 1.25;
}

.acp-ai-analysis-card p,
.acp-ai-analysis-card li {
	margin: 0;
	color: #536273;
	font-size: 12px;
	line-height: 1.45;
}

.acp-ai-analysis-card ul {
	display: grid;
	gap: 5px;
	margin: 0;
	padding-left: 16px;
}

.acp-funnel-ai-result small {
	color: #667085;
	font-size: 12px;
	font-weight: 850;
}

.acp-funnel-ai-result p {
	color: #23313d;
	font-size: 13px;
}

.acp-funnel-ai-empty {
	display: grid;
	align-items: center;
	min-height: 0;
	height: 100%;
	padding: 12px;
	border: 1px dashed #dbe4ea;
	border-radius: 8px;
	color: #667085;
	background: #ffffff;
	font-size: 13px;
	font-weight: 760;
}

.acp-funnel-ai-empty.is-error {
	color: #9b2f20;
	border-color: rgba(239, 141, 122, 0.48);
	background: #fff8f5;
}

.acp-funnel-explainer ul {
	display: grid;
	gap: 9px;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.acp-funnel-explainer li {
	position: relative;
	padding-left: 16px;
	color: #536273;
	font-size: 13px;
	line-height: 1.45;
}

.acp-funnel-explainer li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--local24-orange);
}

.acp-funnel-explainer strong {
	color: #23313d;
}

.acp-billing-note {
	display: flex;
	gap: 8px;
	color: #667085;
	background: #f8fbfc;
}

.acp-billing-note strong {
	color: var(--local24-petrol);
}

.acp-mini-status {
	display: inline-flex !important;
	width: fit-content;
	min-height: 24px;
	align-items: center;
	padding: 5px 8px;
	border-radius: 999px;
	border: 1px solid #dbe3ed;
	background: #f8fafc;
	color: #516071;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1;
}

.acp-mini-status.is-ok {
	color: #047857;
	background: #ecfdf5;
	border-color: #bbf7d0;
}

.acp-mini-status.is-warning {
	color: #b45309;
	background: #fff7ed;
	border-color: #fed7aa;
}

.acp-mini-status.is-danger {
	color: #b91c1c;
	background: #fff1f2;
	border-color: #fecaca;
}

.acp-row-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.acp-row-actions a {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 8px;
	border: 1px solid #dbe3ed;
	border-radius: 7px;
	background: #ffffff;
	color: #0f3f46;
	font-size: 12px;
	font-weight: 850;
}

.acp-row-actions a:hover {
	background: #f3fafb;
}

.acp-inline-form {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 7px;
}

.acp-inline-form:last-child {
	margin-bottom: 0;
}

.acp-inline-form input {
	width: 88px;
	min-height: 32px;
	padding: 6px 8px;
	border: 1px solid #dbe3ed;
	border-radius: 7px;
	background: #ffffff;
	color: #243244;
	font: inherit;
	font-size: 12px;
	font-weight: 800;
}

.acp-inline-form select {
	min-height: 32px;
	padding: 6px 8px;
	border: 1px solid #dbe3ed;
	border-radius: 7px;
	background: #ffffff;
	color: #243244;
	font: inherit;
	font-size: 12px;
	font-weight: 800;
}

.acp-inline-form.acp-moderation-decision input {
	width: 180px;
}

.acp-moderation-action {
	margin-top: 14px;
}

.acp-inline-form .btn {
	min-height: 32px;
	padding: 6px 9px;
	font-size: 12px;
	white-space: nowrap;
}

.acp-danger-form input {
	border-color: #fecaca;
	color: #991b1b;
}

.acp-linked-note {
	display: inline-flex !important;
	width: fit-content;
	margin-bottom: 7px;
	padding: 6px 8px;
	border-radius: 7px;
	background: #ecfdf5;
	color: #047857 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
}

.acp-search-form {
	display: grid;
	gap: 8px;
}

.acp-search-form label {
	color: #243244;
	font-size: 13px;
	font-weight: 900;
}

.acp-search-form > div {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.acp-search-form input {
	flex: 1 1 360px;
	min-height: 42px;
	padding: 10px 12px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	color: #1f2d3d;
	font: inherit;
	font-weight: 780;
}

.acp-user-detail-main {
	align-content: start;
}

.acp-user-hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.acp-user-hero-command {
	align-items: center;
	padding: 18px;
}

.acp-user-title-wrap {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.acp-user-avatar {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border-radius: 12px;
	background: #e8f3ff;
	color: #0f70d7;
	font-size: 22px;
	font-weight: 950;
}

.acp-user-hero h1 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 4px;
}

.acp-user-hero .lead {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.acp-user-quick-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.acp-user-dashboard-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 220px;
	gap: 18px;
	align-items: start;
}

.acp-user-dashboard-content {
	display: grid;
	gap: 18px;
	min-width: 0;
	overflow: hidden;
}

.acp-user-subnav {
	position: sticky;
	top: 88px;
	order: 2;
	display: grid;
	gap: 12px;
	min-width: 0;
}

.acp-user-subnav strong {
	color: #243244;
	font-size: 13px;
	font-weight: 900;
}

.acp-user-subnav nav {
	display: grid;
	gap: 6px;
}

.acp-user-subnav a {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	min-height: 38px;
	padding: 8px 10px;
	border-radius: 8px;
	color: #334155;
	font-size: 13px;
	font-weight: 850;
}

.acp-user-subnav a:hover,
.acp-user-subnav a.is-active {
	color: #0f3f46;
	background: #eaf7f8;
}

.acp-user-subnav svg {
	width: 17px;
	height: 17px;
}

.acp-stat-strip-six {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.acp-stat-strip a:not([href]) {
	cursor: default;
}

.acp-user-kpi-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(170px, 1fr));
	gap: 14px;
}

.acp-user-kpi {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	grid-template-rows: auto auto auto;
	column-gap: 12px;
	min-height: 112px;
	padding: 16px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.acp-user-kpi svg {
	grid-row: 1 / span 3;
	width: 44px;
	height: 44px;
	padding: 10px;
	border-radius: 10px;
	background: #eef6ff;
	color: #1475d1;
}

.acp-user-kpi:nth-child(4) svg {
	background: #fff7e8;
	color: #e58a00;
}

.acp-user-kpi:nth-child(5) svg {
	background: #f3edff;
	color: #7c3aed;
}

.acp-user-kpi:nth-child(6) svg {
	background: #eafaff;
	color: #0284c7;
}

.acp-user-kpi span {
	color: #526070;
	font-size: 12px;
	font-weight: 900;
}

.acp-user-kpi strong {
	color: #172033;
	font-size: 28px;
	line-height: 1;
}

.acp-user-kpi small {
	color: #526070;
	font-size: 12px;
	font-weight: 780;
}

.acp-user-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.acp-user-overview-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
	gap: 18px;
	align-items: start;
}

.acp-user-overview-grid-bottom {
	grid-template-columns: minmax(0, 1fr) 300px;
}

.acp-user-companies-panel {
	min-width: 0;
}

.acp-user-panel,
.acp-user-right-stack {
	min-width: 0;
}

.acp-user-panel h2 {
	margin: 0 0 12px;
	color: #172033;
	font-size: 18px;
}

.acp-user-right-stack {
	display: grid;
	gap: 14px;
}

.acp-compact-table {
	width: 100%;
	border-collapse: collapse;
}

.acp-compact-table th,
.acp-compact-table td {
	padding: 11px 10px;
	border-bottom: 1px solid #e9edf3;
	color: #243244;
	font-size: 13px;
	text-align: left;
}

.acp-compact-table th {
	color: #718096;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.acp-toggle-on,
.acp-toggle-off {
	display: inline-flex;
	width: 34px;
	height: 18px;
	padding: 2px;
	border-radius: 999px;
	background: #cbd5e1;
	vertical-align: middle;
}

.acp-toggle-on::after,
.acp-toggle-off::after {
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.24);
}

.acp-toggle-on {
	justify-content: flex-end;
	background: #1677e8;
}

.acp-action-list {
	display: grid;
	gap: 4px;
}

.acp-action-list button {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	min-height: 34px;
	padding: 7px 8px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #243244;
	font: inherit;
	font-size: 13px;
	font-weight: 830;
	text-align: left;
}

.acp-action-list button svg {
	width: 16px;
	height: 16px;
	color: #526070;
}

.acp-action-list button.is-danger,
.acp-action-list button.is-danger svg {
	color: #dc2626;
}

.acp-support-list {
	display: grid;
	gap: 7px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}

.acp-support-list li {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 7px;
	color: #334155;
	font-size: 13px;
	font-weight: 790;
}

.acp-support-list li span {
	display: grid;
	width: 16px;
	height: 16px;
	place-items: center;
	border-radius: 50%;
	font-size: 11px;
	font-weight: 950;
}

.acp-support-list li.is-ok span {
	color: #047857;
}

.acp-support-list li.is-warning span {
	color: #b45309;
	background: #fff7ed;
}

.acp-activity-timeline {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.acp-activity-timeline li {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid #edf0f4;
}

.acp-activity-timeline li:last-child {
	border-bottom: 0;
}

.acp-activity-timeline time {
	color: #526070;
	font-size: 12px;
	font-weight: 780;
}

.acp-activity-timeline strong,
.acp-activity-timeline span {
	display: block;
}

.acp-activity-timeline strong {
	color: #172033;
	font-size: 13px;
}

.acp-activity-timeline span {
	color: #526070;
	font-size: 12px;
	font-weight: 760;
}

.acp-usage-donut {
	display: grid;
	width: 160px;
	height: 160px;
	place-items: center;
	margin: 8px auto 16px;
	border-radius: 50%;
	background:
		radial-gradient(circle at center, #ffffff 0 46%, transparent 47%),
		conic-gradient(#8b5cf6 0 25%, #60a5fa 25% 50%, #6ee7b7 50% 75%, #fdba74 75% 100%);
}

.acp-usage-donut span,
.acp-usage-donut small {
	grid-area: 1 / 1;
}

.acp-usage-donut span {
	margin-top: -12px;
	color: #172033;
	font-size: 32px;
	font-weight: 950;
}

.acp-usage-donut small {
	margin-top: 34px;
	color: #718096;
	font-size: 12px;
	font-weight: 850;
}

.acp-user-company-table {
	min-width: 780px;
}

.acp-user-dashboard-content .acp-table-scroll {
	max-width: 100%;
}

@media (min-width: 1680px) {
	.acp-user-kpi-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 1320px) {
	.acp-user-dashboard-layout,
	.acp-user-overview-grid,
	.acp-user-overview-grid-bottom {
		grid-template-columns: 1fr;
	}

	.acp-user-subnav {
		position: static;
		order: -1;
	}

	.acp-user-kpi-grid {
		grid-template-columns: repeat(2, minmax(170px, 1fr));
	}
}

.acp-user-grid h2 {
	margin: 0 0 12px;
	color: #243244;
	font-size: 18px;
}

.acp-detail-list {
	display: grid;
	gap: 8px;
	margin: 0;
}

.acp-detail-list div {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 10px;
	min-height: 34px;
	align-items: center;
	padding: 8px 10px;
	border-radius: 8px;
	background: #f8fafc;
}

.acp-detail-list dt {
	color: #718096;
	font-size: 12px;
	font-weight: 900;
}

.acp-detail-list dd {
	min-width: 0;
	margin: 0;
	color: #243244;
	font-size: 13px;
	font-weight: 820;
	overflow-wrap: anywhere;
}

.acp-check-list {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.acp-check-list li {
	padding: 10px 12px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	color: #334155;
	font-size: 13px;
	font-weight: 760;
}

.acp-muted-note {
	margin: 12px 0 0;
	color: #718096;
	font-size: 13px;
	font-weight: 760;
}

.style-preview-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 14px;
}

.style-preview-settings {
	display: grid;
	gap: 8px;
	margin-top: 14px;
}

.style-preview-settings textarea,
.style-preview-settings input {
	width: 100%;
	border: 1px solid var(--line);
	border-radius: 7px;
	padding: 10px;
	font: inherit;
}

.style-preview-settings textarea {
	min-height: 118px;
	resize: vertical;
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
	font-size: 13px;
	line-height: 1.45;
}

.style-preview-settings .hint {
	margin: 0;
	color: var(--muted);
	font-size: 12px;
}

.style-preview-size-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	align-items: end;
}

.style-preview-size-grid label,
.style-preview-size-grid div {
	display: grid;
	gap: 5px;
}

.style-preview-size-grid span {
	color: var(--muted);
	font-size: 12px;
	font-weight: 700;
}

.style-preview-master-card {
	display: grid;
	gap: 10px;
	margin-top: 14px;
	padding: 12px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--white);
}

.style-preview-admin-card {
	display: grid;
	gap: 10px;
	padding: 12px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--white);
}

.style-preview-admin-image {
	display: grid;
	place-items: center;
	overflow: hidden;
	aspect-ratio: 4 / 1;
	border-radius: 7px;
	background: var(--soft);
	color: var(--muted);
	font-size: 13px;
	font-weight: 700;
}

.style-preview-admin-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.style-preview-admin-body {
	display: grid;
	gap: 2px;
}

.style-preview-admin-body span,
.style-preview-admin-body small {
	color: var(--muted);
	font-size: 12px;
}

.style-preview-prompt-details {
	margin-top: 6px;
}

.style-preview-prompt-details summary {
	cursor: pointer;
	color: var(--teal);
	font-size: 12px;
	font-weight: 800;
}

.style-preview-prompt-details pre {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	margin: 7px 0 0;
	padding: 8px;
	border-radius: 7px;
	background: var(--soft);
	color: var(--ink);
	font-size: 11px;
	line-height: 1.4;
}

.acp-progress-log {
	display: grid;
	gap: 4px;
	max-height: 180px;
	overflow: auto;
	margin-top: 12px;
	color: var(--muted);
	font-size: 13px;
}

.editorial-library-hero .info-box {
	margin-top: 18px;
}

.editorial-library-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 24px;
	align-items: start;
}

.editorial-library-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.editorial-library-card {
	background: #fff;
	border: 1px solid #d9e5ea;
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 12px 30px rgba(22, 56, 70, 0.08);
}

.editorial-library-card header {
	display: grid;
	gap: 4px;
	margin-bottom: 14px;
}

.editorial-library-card header span {
	color: #267f87;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.editorial-library-card h2 {
	margin: 0;
	color: #102d3c;
	font-size: 1.05rem;
	line-height: 1.25;
}

.editorial-library-card code {
	width: max-content;
	background: #eef6f8;
	border-radius: 6px;
	color: #1d6972;
	font-size: 0.78rem;
	padding: 3px 7px;
}

.editorial-library-preview {
	background: #f8fbfc;
	border: 1px solid #e1edf1;
	border-radius: 8px;
	padding: 14px;
	min-height: 210px;
	display: grid;
	align-items: center;
}

.editorial-block {
	display: grid;
	gap: 12px;
	width: 100%;
}

.editorial-block-split,
.editorial-block-text-small-image,
.editorial-block-cta {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: stretch;
}

.editorial-block-copy {
	display: grid;
	gap: 12px;
	align-content: start;
}

.editorial-slot {
	display: grid;
	place-items: start;
	align-content: start;
	border-radius: 3px;
	color: rgba(0, 0, 0, 0.75);
	font-size: 0.78rem;
	font-weight: 700;
	padding: 12px;
	min-height: 32px;
}

.editorial-slot-image {
	background: #f6a000;
	min-height: 150px;
}

.editorial-slot-image-small {
	min-height: 120px;
}

.editorial-slot-h1 {
	background: #1d777f;
	color: #fff;
	min-height: 34px;
}

.editorial-slot-h2,
.editorial-slot-caption {
	background: #5c9ba0;
	min-height: 42px;
}

.editorial-slot-body {
	background: #8fbcbf;
	min-height: 128px;
}

.editorial-slot-special {
	background: #8b6ab5;
	color: #fff;
	min-height: 86px;
}

.editorial-slot-cta {
	background: #62b56f;
	color: #fff;
	min-height: 58px;
	align-self: center;
}

.editorial-block-image-top-story .editorial-slot-image,
.editorial-block-panorama-image .editorial-slot-image {
	min-height: 170px;
}

.editorial-block-text-focus .editorial-slot-body {
	min-height: 170px;
}

.editorial-block-gallery-grid {
	display: grid;
	gap: 10px;
}

.editorial-block-gallery-2 .editorial-block-gallery-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.editorial-block-gallery-3 .editorial-block-gallery-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.editorial-block-gallery .editorial-slot-image {
	min-height: 118px;
}

.editorial-block-fact-box,
.editorial-block-quote,
.editorial-block-checklist {
	background: #f4f8fa;
	border: 1px dashed #bfd4dc;
	border-radius: 8px;
	padding: 12px;
}

.editorial-library-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0 0;
}

.editorial-library-meta div {
	background: #f6fafb;
	border-radius: 8px;
	padding: 9px;
}

.editorial-library-meta dt {
	color: #66788a;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
}

.editorial-library-meta dd {
	margin: 3px 0 0;
	color: #172f3d;
	font-size: 0.82rem;
	font-weight: 700;
}

.editorial-library-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
}

.editorial-library-tags span {
	background: #e7f4f5;
	border-radius: 999px;
	color: #267f87;
	font-size: 0.75rem;
	font-weight: 800;
	padding: 5px 8px;
}

.editorial-library-side {
	position: sticky;
	top: 96px;
}

@media (max-width: 980px) {
	.editorial-library-layout,
	.editorial-library-grid,
	.editorial-block-split,
	.editorial-block-text-small-image,
	.editorial-block-cta {
		grid-template-columns: 1fr;
	}

	.editorial-library-side {
		position: static;
	}

	.editorial-library-meta {
		grid-template-columns: 1fr;
	}
}

.dashboard-shell {
	display: grid;
	grid-template-columns: 340px minmax(0, 1fr);
	min-height: calc(100vh - 84px);
	background: #f5fafb;
	font-family: var(--local24-ui-font);
	font-style: normal;
	letter-spacing: 0;
	text-transform: none;
}

.dashboard-appbar,
.dashboard-appbar *,
.dashboard-sidebar,
.dashboard-sidebar *,
.dashboard-main,
.dashboard-main *,
.l24-menu-panel,
.l24-menu-panel *,
.dashboard-menu-panel,
.dashboard-menu-panel * {
	font-family: var(--local24-ui-font);
	letter-spacing: 0;
	text-transform: none;
}

body.sidebar-collapsed .dashboard-shell {
	grid-template-columns: 102px minmax(0, 1fr);
}

body.sidebar-collapsed .dashboard-appbar-inner {
	grid-template-columns: 102px minmax(220px, 1fr) auto;
}

body.sidebar-collapsed .dashboard-appbar-brand img {
	display: none;
}

body.sidebar-collapsed .dashboard-appbar .chrome-sidebar-toggle {
	margin-right: 0;
}

body.sidebar-collapsed .dashboard-appbar .chrome-appbar-start {
	justify-content: center;
	padding-right: 0;
}

.dashboard-appbar {
	position: sticky;
	top: 0;
	z-index: 60;
	min-height: 84px;
	background: rgba(255, 255, 255, 0.94);
	border-bottom: 1px solid #dfe5ee;
	backdrop-filter: blur(18px);
}

.dashboard-appbar-inner {
	display: grid;
	grid-template-columns: 340px minmax(240px, 1fr) auto;
	align-items: center;
	gap: 16px;
	width: 100%;
	min-height: 84px;
	padding: 0 20px 0 18px;
}

.dashboard-appbar .chrome-appbar-start {
	justify-content: space-between;
	gap: 14px;
	padding-right: 2px;
}

.dashboard-appbar .dashboard-appbar-brand {
	order: 1;
}

.dashboard-appbar .chrome-sidebar-toggle {
	order: 2;
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	margin-right: 0;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.dashboard-appbar .chrome-sidebar-toggle svg {
	width: 22px;
	height: 22px;
}

.dashboard-appbar-brand {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	color: var(--teal);
}

.dashboard-appbar-brand img {
	display: block;
	width: auto;
	height: 56px;
	object-fit: contain;
}

.dashboard-appbar-greeting {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.dashboard-appbar-greeting strong,
.dashboard-appbar-greeting span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-appbar-greeting strong {
	color: #172033;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.12;
}

.dashboard-appbar-greeting span {
	color: #64748b;
	font-size: 12px;
	font-weight: 450;
	line-height: 1.15;
}

.dashboard-appbar-greeting > span:not(.dashboard-greeting-kicker) {
	display: none;
}

.dashboard-greeting-kicker {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: max-content;
	max-width: 100%;
	color: #0f6f78;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.01em;
}

.dashboard-greeting-kicker svg {
	box-sizing: content-box;
	width: 14px;
	height: 14px;
	padding: 4px;
	border-radius: 999px;
	color: #2563eb;
	background: #edf5ff;
}

.dashboard-appbar-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-width: 0;
}

.dashboard-menu {
	position: relative;
}

.dashboard-menu summary {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 7px 10px;
	border: 1px solid #dbe3ed;
	border-radius: 10px;
	background: #ffffff;
	color: #243244;
	font-size: 13px;
	font-weight: 650;
	line-height: 1;
	cursor: pointer;
	list-style: none;
	white-space: nowrap;
}

.dashboard-menu summary::-webkit-details-marker {
	display: none;
}

.dashboard-menu summary svg {
	width: 16px;
	height: 16px;
}

.dashboard-user-menu summary,
.dashboard-notification-menu > summary {
	min-height: 44px;
	border-radius: 12px;
}

.dashboard-plan-menu summary,
.dashboard-credit-menu summary {
	gap: 8px;
	min-height: 46px;
	padding: 7px 12px 7px 8px;
	border-radius: 12px;
}

.dashboard-plan-menu summary svg:first-child,
.dashboard-credit-menu summary svg:first-child {
	box-sizing: content-box;
	width: 22px;
	height: 22px;
	padding: 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
}

.dashboard-menu summary svg:last-child {
	width: 14px;
	height: 14px;
	color: #8a97a8;
}

.dashboard-menu[open] summary {
	border-color: #b9c7d6;
	box-shadow: 0 0 0 4px rgba(32, 119, 127, 0.08);
}

.dashboard-menu-panel {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 80;
	display: grid;
	gap: 10px;
	width: 260px;
	padding: 14px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
}

.dashboard-menu-panel strong {
	color: #151b23;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.15;
}

.dashboard-menu-panel small {
	color: #718096;
	font-size: 12px;
	font-weight: 400;
}

.dashboard-menu-panel dl {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 7px 14px;
	margin: 0;
}

.dashboard-menu-panel dt {
	color: #718096;
	font-size: 12px;
	font-weight: 500;
}

.dashboard-menu-panel dd {
	margin: 0;
	color: #151b23;
	font-size: 13px;
	font-weight: 500;
	text-align: right;
}

.dashboard-menu-panel hr {
	width: 100%;
	height: 1px;
	margin: 2px 0;
	border: 0;
	background: #edf0f4;
}

.dashboard-menu-panel a {
	display: flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 8px;
	color: #334155;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 400;
}

.dashboard-menu-panel a:hover {
	color: #0f3f46;
	background: #f3fafb;
}

.dashboard-plan-free summary {
	color: #475569;
	background: #f8fafc;
}

.dashboard-plan-pro summary {
	color: #1d4ed8;
	background: #edf5ff;
	border-color: #bfd8ff;
	box-shadow: 0 8px 22px rgba(37, 99, 235, 0.08);
}

.dashboard-plan-business summary {
	color: #92400e;
	background: #fffbeb;
	border-color: #fcd34d;
	box-shadow: 0 8px 22px rgba(245, 158, 11, 0.08);
}

.dashboard-credit-good summary {
	color: #047857;
	background: #ecfdf3;
	border-color: #b9efcf;
	box-shadow: 0 8px 22px rgba(4, 120, 87, 0.08);
}

.dashboard-credit-warning summary {
	color: #b45309;
	background: #fff7ed;
	border-color: #fed7aa;
}

.dashboard-credit-danger summary,
.dashboard-credit-empty summary {
	color: #b91c1c;
	background: #fff1f2;
	border-color: #fecaca;
}

.dashboard-credit-mini-list {
	display: grid;
	gap: 7px;
}

.dashboard-credit-reset-meta > span:nth-of-type(2) {
	display: none;
}

.dashboard-credit-mini-list span {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	color: #4b5565;
	font-size: 13px;
}

.dashboard-credit-mini-list em {
	overflow: hidden;
	font-style: normal;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-credit-mini-list b {
	font-weight: 500;
}

.dashboard-credit-mini-list b.is-negative {
	color: #b91c1c;
}

.dashboard-credit-mini-list b.is-positive {
	color: #047857;
}

.dashboard-appbar-trial,
.dashboard-appbar-icon,
.dashboard-appbar-user {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	color: #0f3f46;
}

.dashboard-appbar-trial {
	gap: 7px;
	padding: 8px 11px;
	background: #effbfc;
	border-color: #c4edf0;
	font-size: 13px;
	font-weight: 500;
}

.dashboard-appbar-trial svg,
.dashboard-appbar-icon svg,
.dashboard-appbar-user svg {
	width: 17px;
	height: 17px;
}

.dashboard-appbar-icon {
	position: relative;
	justify-content: center;
	width: 44px;
	padding: 0;
	color: #516071;
}

.dashboard-notification-dot {
	position: absolute;
	top: 9px;
	right: 9px;
	width: 8px;
	height: 8px;
	border: 2px solid #ffffff;
	border-radius: 999px;
	background: var(--orange);
}

.dashboard-notification-menu > summary {
	list-style: none;
}

.dashboard-notification-menu > summary::-webkit-details-marker {
	display: none;
}

.dashboard-notification-menu > summary svg:last-child {
	width: 17px;
	height: 17px;
	color: currentColor;
}

.dashboard-user-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	color: #ffffff;
	border-radius: 999px;
	background: var(--local24-petrol);
	font-size: 11px;
	font-weight: 850;
}

.dashboard-language-summary {
	min-width: 72px;
	justify-content: center;
}

.dashboard-language-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: #f8fafc;
	font-size: 17px;
	line-height: 1;
	box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.dashboard-language-panel {
	width: 280px;
}

.dashboard-language-list {
	display: grid;
	gap: 6px;
}

.dashboard-language-list a {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 9px;
}

.dashboard-language-list a.is-active {
	background: #eefafa;
	color: #0f5f67;
}

.dashboard-language-list a span:last-child {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.dashboard-language-list a strong {
	font-size: 13px;
	font-weight: 850;
}

.dashboard-language-list a small {
	font-size: 12px;
}

.dashboard-notification-panel {
	width: 320px;
}

.dashboard-notification-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.dashboard-notification-panel-head span {
	color: #b91c1c;
	font-size: 12px;
	font-weight: 600;
}

.dashboard-notification-list {
	display: grid;
	gap: 6px;
}

.dashboard-notification-list a {
	position: relative;
	display: grid;
	gap: 3px;
	min-height: 0;
	padding: 9px 10px 9px 18px;
}

.dashboard-notification-list a::before {
	content: "";
	position: absolute;
	top: 14px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: transparent;
}

.dashboard-notification-list a.is-unread::before {
	background: #dc2626;
}

.dashboard-notification-list span {
	overflow: hidden;
	color: #15212f;
	font-size: 13px;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-notification-list small,
.dashboard-notification-empty {
	margin: 0;
	color: #64748b;
	font-size: 12px;
	line-height: 1.35;
}

.dashboard-notification-read-form {
	margin: 0;
}

.dashboard-notification-read-form button {
	width: 100%;
	min-height: 34px;
	padding: 7px 10px;
	border: 1px solid #dbe3ed;
	border-radius: 7px;
	background: #f8fafc;
	color: #0f3f46;
	font-size: 13px;
	font-weight: 600;
}

.dashboard-appbar-user {
	gap: 7px;
	padding: 8px 11px;
	color: #243244;
	font-size: 13px;
	font-weight: 500;
}

.dashboard-sidebar {
	position: sticky;
	top: 84px;
	align-self: start;
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr);
	gap: 16px;
	min-height: calc(100vh - 84px);
	padding: 26px 22px;
	background: rgba(255, 255, 255, 0.9);
	border-right: 1px solid #e3edf0;
	backdrop-filter: blur(18px);
	box-shadow: 18px 0 46px rgba(31, 111, 120, 0.07);
}

body.sidebar-collapsed .dashboard-sidebar {
	overflow: visible;
	width: auto;
	min-width: 0;
	padding: 20px 16px;
	border-right: 1px solid #e3edf0;
	opacity: 1;
	pointer-events: auto;
}

body.sidebar-collapsed .dashboard-sidebar-project {
	justify-items: center;
	padding: 0 0 14px;
}

body.sidebar-collapsed .dashboard-project-current,
body.sidebar-collapsed .dashboard-project-switcher summary,
body.sidebar-collapsed .dashboard-project-empty,
body.sidebar-collapsed .dashboard-project-add {
	grid-template-columns: 1fr;
	justify-items: center;
	gap: 0;
	width: 68px;
	min-height: 68px;
	padding: 5px;
}

body.sidebar-collapsed .dashboard-project-copy,
body.sidebar-collapsed .dashboard-project-empty span,
body.sidebar-collapsed .dashboard-project-add span,
body.sidebar-collapsed .dashboard-project-switcher summary > svg {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

body.sidebar-collapsed .dashboard-project-mark {
	width: 56px;
	height: 56px;
}

body.sidebar-collapsed .dashboard-project-add svg,
body.sidebar-collapsed .dashboard-project-empty svg {
	width: 28px;
	height: 28px;
	padding: 12px;
}

body.sidebar-collapsed .dashboard-nav {
	justify-items: center;
	gap: 10px;
}

body.sidebar-collapsed .dashboard-nav-group {
	justify-items: center;
	width: 100%;
}

body.sidebar-collapsed .dashboard-nav-label,
body.sidebar-collapsed .dashboard-nav-copy,
body.sidebar-collapsed .dashboard-nav-arrow {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

body.sidebar-collapsed .dashboard-nav a {
	grid-template-columns: 1fr;
	justify-items: center;
	width: 68px;
	min-height: 68px;
	padding: 8px;
}

body.sidebar-collapsed .dashboard-nav-avatar {
	width: 56px;
	height: 56px;
}

body.sidebar-collapsed .dashboard-nav a > i:not(.dashboard-nav-arrow) {
	width: 30px;
	height: 30px;
	padding: 13px;
}

.dashboard-sidebar-account {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	padding: 0 2px 10px;
	border-bottom: 1px solid #edf0f4;
}

.dashboard-sidebar-project {
	display: grid;
	gap: 10px;
	padding: 0 2px 16px;
	border-bottom: 1px solid #edf0f4;
}

.dashboard-project-current,
.dashboard-project-switcher summary,
.dashboard-project-empty {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	min-width: 0;
	padding: 10px 12px;
	color: #243244;
	border-radius: 18px;
	background: #f7fafb;
	border: 1px solid #e6eef2;
	cursor: pointer;
}

.dashboard-project-current {
	grid-template-columns: 58px minmax(0, 1fr);
}

.dashboard-project-empty {
	grid-template-columns: 26px minmax(0, 1fr);
	color: #0f5f67;
	font-weight: 700;
}

.dashboard-project-switcher {
	position: relative;
}

.dashboard-project-switcher summary {
	list-style: none;
}

.dashboard-project-switcher summary::-webkit-details-marker {
	display: none;
}

.dashboard-project-switcher summary > svg {
	width: 16px;
	height: 16px;
	color: #667487;
	transition: transform 0.18s ease;
}

.dashboard-project-switcher[open] summary > svg {
	transform: rotate(180deg);
}

.dashboard-project-mark,
.dashboard-project-menu-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	color: #0f5f67;
	border-radius: 999px;
	background: #e6f4f3;
	font-weight: 900;
}

.dashboard-project-mark {
	width: 58px;
	height: 58px;
	font-size: 15px;
}

.dashboard-project-menu-mark {
	width: 30px;
	height: 30px;
	font-size: 11px;
}

.dashboard-project-mark img,
.dashboard-project-menu-mark img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dashboard-project-copy,
.dashboard-project-menu a span:not(.dashboard-project-menu-mark),
.dashboard-project-empty span {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.dashboard-project-copy strong,
.dashboard-project-copy small,
.dashboard-project-menu strong,
.dashboard-project-menu small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-project-copy strong,
.dashboard-project-menu strong {
	font-size: 15px;
	font-weight: 850;
	line-height: 1.15;
}

.dashboard-project-copy small,
.dashboard-project-menu small {
	color: #667487;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.15;
}

.dashboard-project-menu {
	position: absolute;
	z-index: 30;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	display: grid;
	gap: 4px;
	padding: 6px;
	border: 1px solid #dce8ee;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 18px 40px rgba(31, 111, 120, 0.15);
}

.dashboard-project-menu a,
.dashboard-project-add {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 6px;
	color: #243244;
	border-radius: 12px;
}

.dashboard-project-menu a:hover,
.dashboard-project-menu a:focus-visible,
.dashboard-project-add:hover,
.dashboard-project-add:focus-visible {
	color: #0f5f67;
	background: #f0faf9;
}

.dashboard-project-add {
	color: #0f5f67;
	font-size: 13px;
	font-weight: 750;
}

.dashboard-project-add svg,
.dashboard-project-empty svg {
	box-sizing: content-box;
	width: 16px;
	height: 16px;
	padding: 5px;
	border-radius: 999px;
	background: #e5f5f4;
}

.dashboard-sidebar-user {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	min-width: 0;
	color: #243244;
}

.dashboard-sidebar-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	color: #ffffff;
	background: var(--teal);
	font-size: 13px;
	font-weight: 900;
}

.dashboard-sidebar-user span:last-child {
	display: grid;
	gap: 1px;
	min-width: 0;
}

.dashboard-sidebar-user strong,
.dashboard-sidebar-user small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-sidebar-user strong {
	font-size: 13px;
	font-weight: 500;
}

.dashboard-sidebar-user small {
	color: #7a8798;
	font-size: 11px;
	font-weight: 400;
}

.dashboard-sidebar-bell {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: #4b5565;
	border-radius: 999px;
	background: #f5f7fa;
}

.dashboard-sidebar-bell svg {
	width: 19px;
	height: 19px;
}

.dashboard-nav {
	display: grid;
	gap: 16px;
	align-content: start;
}

.dashboard-nav a {
	display: grid;
	align-items: center;
	gap: 14px;
	min-height: 58px;
	padding: 8px 10px;
	color: #4b5565;
	border-radius: 16px;
	font-size: 14px;
	font-weight: 400;
}

.dashboard-nav a {
	grid-template-columns: 50px minmax(0, 1fr) 20px;
}

.dashboard-nav-group {
	display: grid;
	gap: 4px;
}

.dashboard-nav-label {
	padding: 0 8px 5px;
	color: #8a97a8;
	font-size: 11px;
	font-weight: 750;
	text-transform: none;
}

.dashboard-nav a span {
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-nav-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	overflow: hidden;
	color: #0f5f67;
	border-radius: 999px;
	background: #eaf7f6;
	font-size: 15px;
	font-weight: 800;
}

.dashboard-nav-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dashboard-nav-copy {
	display: grid;
	gap: 1px;
	min-width: 0;
}

.dashboard-nav-copy strong,
.dashboard-nav-copy small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-nav-copy strong {
	color: inherit;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.15;
}

.dashboard-nav-copy small {
	color: #667487;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.15;
}

.dashboard-nav a.is-active .dashboard-nav-copy small {
	color: #247981;
}

.dashboard-nav-dot {
	justify-self: end;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #dc2626;
	box-shadow: 0 0 0 2px #ffffff;
}

.acp-sidebar .dashboard-nav a span,
.acp-sidebar .dashboard-nav a.is-active span {
	font-weight: 400;
}

.dashboard-nav a:hover,
.dashboard-nav a:focus-visible {
	color: #15212f;
	background: #f3fafb;
}

.dashboard-nav a.is-active {
	color: #0f5f67;
	background: #e5f5f4;
	font-weight: 800;
}

.dashboard-nav a.is-disabled {
	color: #9aa4b2;
	cursor: default;
}

.dashboard-nav a.is-disabled:hover {
	background: transparent;
}

.dashboard-nav a > i:not(.dashboard-nav-arrow) {
	box-sizing: content-box;
	width: 26px;
	height: 26px;
	padding: 11px;
	border-radius: 16px;
	color: var(--local24-petrol);
	background: #f1f8f8;
}

.dashboard-nav-credits > i:not(.dashboard-nav-arrow) {
	color: #b86a00;
	background: #fff0d2;
}

.dashboard-nav-subscription > i:not(.dashboard-nav-arrow) {
	color: #0f7c8a;
	background: #e5f8fb;
}

.dashboard-nav-account > i:not(.dashboard-nav-arrow) {
	color: #3157c8;
	background: #edf1ff;
}

.dashboard-nav-support > i:not(.dashboard-nav-arrow) {
	color: #8f3ba8;
	background: #faeafa;
}

.dashboard-nav a.is-active > i:not(.dashboard-nav-arrow) {
	color: #0f5f67;
	background: #d8f1ef;
}

.dashboard-nav-arrow {
	justify-self: end;
	width: 20px;
	height: 20px;
	padding: 0;
	color: #8a97a8;
	background: transparent;
	stroke-width: 2.2;
}

.dashboard-nav a:hover .dashboard-nav-arrow,
.dashboard-nav a:focus-visible .dashboard-nav-arrow,
.dashboard-nav a.is-active .dashboard-nav-arrow {
	color: #0f5f67;
}

.dashboard-notifications-main {
	width: min(1180px, 100%);
}

.dashboard-notifications-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
	gap: 18px;
	align-items: start;
}

.dashboard-notifications-list-panel,
.dashboard-notification-settings {
	align-content: start;
}

.dashboard-notifications-list {
	display: grid;
	gap: 10px;
}

.dashboard-notification-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px;
	padding: 14px 14px 14px 18px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #ffffff;
}

.dashboard-notification-card::before {
	content: "";
	position: absolute;
	top: 18px;
	left: 8px;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: transparent;
}

.dashboard-notification-card.is-unread::before {
	background: #dc2626;
}

.dashboard-notification-card span {
	display: inline-block;
	margin-bottom: 4px;
	color: var(--local24-petrol);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.dashboard-notification-card h3 {
	margin: 0;
	color: #111827;
	font-size: 16px;
	font-weight: 700;
}

.dashboard-notification-card p {
	margin: 5px 0 0;
	color: #64748b;
	font-size: 13px;
	line-height: 1.45;
}

.dashboard-notification-card time {
	color: #94a3b8;
	font-size: 12px;
	white-space: nowrap;
}

.dashboard-notification-settings-list {
	display: grid;
	gap: 12px;
}

.dashboard-notification-setting-row {
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #f8fafc;
}

.dashboard-notification-setting-row strong {
	color: #111827;
	font-size: 15px;
}

.dashboard-notification-setting-row p {
	margin: 4px 0 0;
	color: #64748b;
	font-size: 13px;
	line-height: 1.45;
}

.dashboard-notification-channel-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.dashboard-notification-channel-list .checkbox-row {
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
}

.dashboard-notification-save-state {
	color: #64748b;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.dashboard-notification-save-state[data-tone="saving"] {
	color: #b45309;
}

.dashboard-notification-save-state[data-tone="saved"] {
	color: #047857;
}

.dashboard-notification-save-state[data-tone="error"] {
	color: #b91c1c;
}

@media (max-width: 920px) {
	.dashboard-notifications-grid {
		grid-template-columns: 1fr;
	}
}

.dashboard-main {
	display: grid;
	align-content: start;
	gap: 20px;
	justify-self: stretch;
	width: 100%;
	padding: 28px clamp(22px, 3vw, 48px) 38px;
}

.dashboard-main-centered {
	justify-items: center;
}

.dashboard-main-centered > * {
	width: min(760px, 100%);
}

.dashboard-lobby-main {
	width: min(1680px, 100%);
	justify-self: center;
	gap: 18px;
	font-family: var(--local24-ui-font);
}

.dashboard-lobby-main h1,
.dashboard-lobby-main h2,
.dashboard-lobby-main .dashboard-company-title,
.dashboard-lobby-main .dashboard-lobby-welcome strong {
	font-family: var(--local24-ui-font);
}

.dashboard-lobby-welcome {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-width: 0;
}

.dashboard-lobby-welcome div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.dashboard-lobby-welcome strong {
	overflow: hidden;
	color: #151b23;
	font-size: 24px;
	font-weight: 850;
	line-height: 1.1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-lobby-welcome span {
	overflow: hidden;
	color: #64748b;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-project-hero {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(390px, 1.08fr);
	align-items: stretch;
	min-height: 294px;
	overflow: hidden;
	border: 1px solid #dbe8ea;
	border-radius: 8px;
	background:
		radial-gradient(circle at 58% -12%, rgba(255, 255, 255, 0.96), transparent 26%),
		radial-gradient(circle at 70% 58%, color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 10%, transparent), transparent 34%),
		linear-gradient(108deg, #ffffff 0%, color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 9%, #f4fbfb) 56%, #ffffff 100%);
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

.dashboard-project-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.88) 46%, rgba(255, 255, 255, 0.04) 75%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(15, 23, 42, 0.02));
}

.dashboard-project-hero::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 22px;
	left: 41%;
	width: 430px;
	height: 270px;
	border-radius: 42px;
	background-image: var(--dashboard-hero-image);
	background-size: cover;
	background-position: center;
	clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
	filter: saturate(0.82) blur(0.1px);
	opacity: 0.22;
	transform: translateX(-50%);
	pointer-events: none;
}

.dashboard-project-hero-copy {
	position: relative;
	z-index: 2;
	display: grid;
	align-content: center;
	gap: 18px;
	min-width: 0;
	padding: 34px 32px;
}

.dashboard-project-status-head {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: start;
	gap: 13px;
	min-width: 0;
}

.dashboard-project-status-head > svg {
	width: 25px;
	height: 25px;
	margin-top: 3px;
	color: #16a064;
}

.dashboard-project-status-head h1 {
	margin: 0;
	color: #101827;
	font-size: clamp(26px, 3vw, 34px);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: 0;
}

.dashboard-project-status-head p {
	margin: 7px 0 0;
	color: #3f4c5f;
	font-size: 15px;
	line-height: 1.35;
}

.dashboard-project-kpis,
.dashboard-project-hero-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.dashboard-project-kpis {
	padding-top: 18px;
	border-top: 1px solid rgba(203, 213, 225, 0.62);
}

.dashboard-project-kpis span {
	display: grid;
	grid-template-columns: 24px minmax(0, auto);
	grid-template-rows: auto auto auto;
	align-items: start;
	column-gap: 9px;
	min-width: 82px;
}

.dashboard-project-kpis svg {
	grid-row: 1 / 3;
	width: 22px;
	height: 22px;
	color: var(--company-primary, var(--local24-petrol));
}

.dashboard-project-kpis strong {
	color: #111827;
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
}

.dashboard-project-kpis small {
	grid-column: 2;
	margin-top: 5px;
	color: #4b5565;
	font-size: 12px;
	line-height: 1.25;
}

.dashboard-project-kpis em {
	grid-column: 2;
	margin-top: 7px;
	color: #07824f;
	font-size: 12px;
	font-style: normal;
	font-weight: 850;
}

.dashboard-project-hero-actions {
	margin-top: 4px;
}

.dashboard-hero-primary,
.dashboard-hero-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 850;
	text-decoration: none;
	white-space: nowrap;
}

.dashboard-hero-primary {
	color: #ffffff;
	background: var(--company-primary, var(--local24-petrol));
	box-shadow: 0 14px 34px color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 26%, transparent);
}

.dashboard-hero-secondary {
	color: #243244;
	border: 1px solid #dbe3ed;
	background: rgba(255, 255, 255, 0.9);
}

.dashboard-hero-primary svg,
.dashboard-hero-secondary svg {
	width: 16px;
	height: 16px;
}

.dashboard-project-hero-image {
	position: relative;
	z-index: 0;
	min-height: 258px;
	margin: 18px 18px 18px -8px;
	overflow: hidden;
	border-radius: 44px 8px 8px 44px;
	clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
	transform: translateX(36px);
	box-shadow: -22px 22px 56px rgba(15, 23, 42, 0.16);
}

.dashboard-project-hero-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dashboard-project-hero-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(15, 23, 42, 0.18), transparent 38%),
		linear-gradient(180deg, transparent 54%, rgba(15, 23, 42, 0.2));
	pointer-events: none;
}

.dashboard-project-hero-overlay {
	position: absolute;
	z-index: 2;
	inset: auto 34px 36px auto;
	display: grid;
	justify-items: end;
	gap: 10px;
	max-width: min(360px, 62%);
	color: #ffffff;
	text-align: right;
	text-shadow: 0 2px 18px rgba(15, 23, 42, 0.34);
}

.dashboard-project-hero-overlay strong {
	font-family: var(--local24-ui-font);
	font-size: clamp(24px, 3.3vw, 42px);
	font-weight: 850;
	line-height: 1.08;
	letter-spacing: 0;
}

.dashboard-project-hero-overlay span {
	font-family: var(--local24-ui-font);
	font-size: clamp(18px, 2.3vw, 28px);
	font-weight: 450;
	line-height: 1.18;
}

.dashboard-project-hero-overlay a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	width: max-content;
	padding: 9px 14px;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 8px;
	background: rgba(15, 23, 42, 0.2);
	color: #ffffff;
	font-size: 13px;
	font-weight: 850;
	text-decoration: none;
	backdrop-filter: blur(6px);
	text-shadow: none;
}

.dashboard-project-hero-overlay a svg {
	width: 15px;
	height: 15px;
}

.dashboard-project-hero-placeholder {
	display: grid;
	place-items: center;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--company-primary, var(--local24-petrol)) 22%, #ffffff), color-mix(in srgb, var(--company-accent, var(--local24-orange)) 20%, #ffffff));
}

.dashboard-project-hero-placeholder svg {
	width: 54px;
	height: 54px;
	color: rgba(255, 255, 255, 0.88);
}

.dashboard-lobby-action-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

.dashboard-lobby-action-list {
	display: grid;
	gap: 10px;
}

.dashboard-lobby-workspace {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
	gap: 20px;
	align-items: start;
}

.dashboard-team-activities {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.dashboard-section-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-width: 0;
}

.dashboard-section-title h2 {
	margin: 0;
	color: #151b23;
	font-size: 22px;
	font-weight: 850;
	letter-spacing: 0;
}

.dashboard-team-activity-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 14px;
}

.dashboard-team-activity-card {
	display: grid;
	align-content: space-between;
	gap: 14px;
	min-height: 188px;
	padding: 16px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
}

.dashboard-team-activity-card header {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.dashboard-team-activity-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	color: #0f5f67;
	background: #e5f5f4;
}

.dashboard-team-activity-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dashboard-team-activity-avatar svg {
	width: 22px;
	height: 22px;
}

.dashboard-team-activity-card header span:last-child {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.dashboard-team-activity-card header strong,
.dashboard-team-activity-card header small,
.dashboard-team-activity-card h3,
.dashboard-team-activity-card p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-team-activity-card header strong {
	color: #151b23;
	font-size: 15px;
	font-weight: 850;
	line-height: 1.1;
}

.dashboard-team-activity-card header small {
	color: #64748b;
	font-size: 12px;
	line-height: 1.15;
}

.dashboard-team-activity-card h3 {
	margin: 0 0 7px;
	color: #151b23;
	font-size: 16px;
	font-weight: 850;
	line-height: 1.2;
}

.dashboard-team-activity-card p {
	margin: 0 0 8px;
	color: #3f4c5f;
	font-size: 13px;
	line-height: 1.35;
}

.dashboard-team-activity-card time {
	color: #64748b;
	font-size: 12px;
}

.dashboard-team-activity-card > a,
.dashboard-team-activity-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #0f5f67;
	font-size: 13px;
	font-weight: 850;
	text-decoration: none;
}

.dashboard-team-activity-card > a {
	justify-self: end;
}

.dashboard-team-activity-card > a svg,
.dashboard-team-activity-more svg {
	width: 14px;
	height: 14px;
}

.dashboard-team-activity-more {
	justify-self: center;
	padding: 8px 10px;
}

.dashboard-lobby-action {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	align-items: center;
	column-gap: 12px;
	row-gap: 9px;
	min-height: 112px;
	padding: 15px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #ffffff;
	color: #151b23;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
	text-decoration: none;
}

.dashboard-lobby-action > svg {
	grid-row: 1 / 3;
	box-sizing: content-box;
	width: 24px;
	height: 24px;
	padding: 12px;
	border-radius: 999px;
	color: var(--local24-petrol);
	background: #eaf7f8;
}

.dashboard-lobby-action small,
.dashboard-lobby-action strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dashboard-lobby-action small {
	color: #718096;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

.dashboard-lobby-action strong {
	color: #151b23;
	font-size: 24px;
	font-weight: 900;
	line-height: 1.05;
	white-space: nowrap;
}

.dashboard-lobby-action em {
	grid-column: 1 / -1;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #0f5f67;
	font-size: 13px;
	font-style: normal;
	font-weight: 850;
}

.dashboard-lobby-action em svg {
	width: 14px;
	height: 14px;
}

.dashboard-lobby-action:hover {
	border-color: #cfe7e6;
	transform: translateY(-1px);
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.dashboard-lobby-action.is-disabled {
	pointer-events: none;
	opacity: 0.62;
}

.dashboard-lobby-action-editor > svg {
	color: #3157c8;
	background: #eef0ff;
}

.dashboard-lobby-action-live > svg {
	color: #1476a3;
	background: #e7f5fb;
}

.dashboard-lobby-action-inquiries > svg {
	color: #8f3ba8;
	background: #faeafa;
}

.dashboard-lobby-action-credits > svg {
	color: #c06b00;
	background: #fff3d9;
}

.dashboard-lobby-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
	align-items: start;
}

.dashboard-lobby-quick-panel .dashboard-lobby-action {
	grid-template-columns: 42px minmax(0, 1fr) auto;
	min-height: 0;
	padding: 11px 12px;
	box-shadow: none;
}

.dashboard-lobby-quick-panel .dashboard-lobby-action > svg {
	grid-row: auto;
	width: 18px;
	height: 18px;
	padding: 9px;
}

.dashboard-lobby-quick-panel .dashboard-lobby-action strong {
	font-size: 15px;
}

.dashboard-lobby-quick-panel .dashboard-lobby-action em {
	grid-column: auto;
	justify-self: end;
	white-space: nowrap;
}

.dashboard-topbar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.dashboard-title-block {
	min-width: 0;
}

.dashboard-topbar h1,
.dashboard-panel h2,
.dashboard-company-card h2 {
	margin: 0;
	color: #151b23;
	letter-spacing: 0;
}

.dashboard-topbar h1 {
	font-size: clamp(30px, 4vw, 44px);
	line-height: 1.05;
}

.dashboard-topbar-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
	min-width: 0;
}

.section-step-nav {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	flex-wrap: wrap;
	min-width: 0;
	pointer-events: none;
}

.section-step-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 32px;
	max-width: 190px;
	padding: 6px 9px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
	color: #516071;
	font-size: 12px;
	font-weight: 650;
	line-height: 1;
	white-space: nowrap;
	pointer-events: auto;
}

.section-step-link:hover {
	color: #0f3f46;
	background: #f8fafc;
	border-color: #b9c7d6;
}

.section-step-link span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.section-step-link svg {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
}

.dashboard-topbar-action {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 9px 14px;
	border: 1px solid #cfe7e6;
	border-radius: 999px;
	background: #ffffff;
	color: #0f5f67;
	box-shadow: 0 12px 28px rgba(31, 111, 120, 0.09);
	font-size: 13px;
	font-weight: 850;
	text-decoration: none;
	white-space: nowrap;
}

.dashboard-topbar-action:hover {
	color: #0b4f56;
	border-color: #9ed5d0;
	background: #f4fbfa;
}

.dashboard-topbar-action svg {
	width: 16px;
	height: 16px;
}

.acp-step-nav {
	margin-right: 4px;
}

.dashboard-eyebrow {
	margin: 0 0 5px;
	color: #718096;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.dashboard-stat-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
}

.dashboard-publish-notice,
.publish-gate {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
}

.dashboard-signup-gift {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 14px;
	border: 1px solid #a7f3d0;
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(245, 155, 16, 0.08)),
		#ffffff;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
}

.dashboard-signup-gift > svg {
	width: 28px;
	height: 28px;
	color: var(--teal);
	animation: dashboardGiftPop 1200ms ease-in-out 2;
}

.dashboard-signup-gift strong {
	display: block;
	margin-bottom: 3px;
	color: #064e3b;
	font-size: 15px;
	font-weight: 700;
}

.dashboard-signup-gift p {
	margin: 0;
	color: #376358;
	font-size: 13px;
	line-height: 1.45;
}

@keyframes dashboardGiftPop {
	0%,
	100% {
		transform: scale(1) rotate(0deg);
	}
	35% {
		transform: scale(1.14) rotate(-7deg);
	}
	65% {
		transform: scale(1.08) rotate(6deg);
	}
}

.dashboard-publish-notice > svg,
.publish-gate > svg {
	width: 22px;
	height: 22px;
	color: var(--teal);
}

.dashboard-publish-notice strong,
.publish-gate strong {
	display: block;
	margin-bottom: 3px;
	color: #151b23;
	font-size: 15px;
}

.dashboard-publish-notice p,
.publish-gate p {
	margin: 0;
	color: #667085;
	font-size: 13px;
	line-height: 1.45;
}

.dashboard-publish-notice.is-locked,
.publish-gate-locked {
	border-color: #fed7aa;
	background: #fffaf3;
}

.dashboard-publish-notice.is-locked > svg,
.publish-gate-locked > svg {
	color: #c2410c;
}

.publish-gate {
	margin: 16px 0;
	box-shadow: none;
}

.publish-gate-account_required {
	background: #f8fafc;
}

.dashboard-publish-main {
	display: flex;
	justify-content: center;
}

.dashboard-publish-card {
	width: min(760px, 100%);
	display: grid;
	gap: 18px;
	padding: 28px;
	background: #ffffff;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
}

.dashboard-publish-card h1 {
	margin: 0;
	font-size: 42px;
	line-height: 1.05;
	letter-spacing: 0;
}

.dashboard-publish-card .lead {
	margin: 0;
	color: #52637a;
	font-size: 17px;
	line-height: 1.55;
}

.publish-progress {
	display: grid;
	gap: 12px;
	padding: 16px;
	background: #f8fafc;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
}

.publish-progress-track {
	height: 8px;
	overflow: hidden;
	background: #dbe7ee;
	border-radius: 999px;
}

.publish-progress-track span {
	display: block;
	height: 100%;
	background: var(--teal);
	border-radius: inherit;
}

.publish-progress ol {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.publish-progress li {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	color: #667085;
	font-weight: 700;
	font-size: 13px;
}

.publish-progress li svg {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	color: #8da3b8;
}

.publish-progress li.is-done {
	color: #155e66;
}

.publish-progress li.is-done svg {
	color: var(--teal);
}

.dashboard-stat-grid article,
.dashboard-panel,
.dashboard-company-card {
	background: #ffffff;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
}

.dashboard-stat-grid article {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	align-items: center;
	column-gap: 12px;
	row-gap: 10px;
	min-height: 142px;
	padding: 18px;
}

.dashboard-stat-card > svg {
	grid-row: 1 / 3;
	box-sizing: content-box;
	width: 28px;
	height: 28px;
	padding: 13px;
	border-radius: 999px;
	color: var(--local24-petrol);
	background: #eaf7f8;
}

.dashboard-stat-card-drafts > svg {
	color: #3157c8;
	background: #eef0ff;
}

.dashboard-stat-card-live > svg {
	color: #1476a3;
	background: #e7f5fb;
}

.dashboard-stat-card-inquiries > svg {
	color: #8f3ba8;
	background: #faeafa;
}

.dashboard-stat-card-credits > svg {
	color: #c06b00;
	background: #fff3d9;
}

.dashboard-stat-copy {
	align-self: center;
	display: grid;
	gap: 5px;
	min-width: 0;
}

.dashboard-stat-copy span {
	display: block;
	color: #718096;
	font-size: 13px;
	font-weight: 750;
	line-height: 1.25;
}

.dashboard-stat-copy strong {
	display: block;
	color: #151b23;
	font-size: 32px;
	line-height: 1;
}

.dashboard-stat-grid a,
.dashboard-stat-action-disabled {
	grid-column: 1 / -1;
	justify-self: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: max-content;
	max-width: 100%;
	text-align: center;
	color: #0f5f67;
	font-size: 13px;
	font-weight: 850;
	line-height: 1.2;
	text-decoration: none;
}

.dashboard-stat-grid a:hover {
	color: #0b4f56;
}

.dashboard-stat-action-disabled {
	color: #94a3b8;
	cursor: default;
}

.dashboard-stat-grid a svg {
	width: 14px;
	height: 14px;
}

.dashboard-panel {
	display: grid;
	gap: 16px;
	padding: 18px;
}

.dashboard-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.dashboard-panel-head h2 {
	font-size: 22px;
}

.dashboard-company-list {
	display: grid;
	gap: 8px;
}

.dashboard-company-row {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) minmax(104px, 130px) auto auto;
	align-items: center;
	gap: 13px;
	min-height: 66px;
	padding: 10px;
	border: 1px solid #edf0f4;
	border-radius: 8px;
	background: #fcfdff;
}

.dashboard-readiness-panel {
	border-color: #dbe8ea;
	background: linear-gradient(135deg, #ffffff 0%, #f7fcfb 100%);
}

.dashboard-readiness-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 220px);
	align-items: center;
	gap: 18px;
}

.dashboard-readiness-summary h2 {
	margin: 0 0 6px;
	font-size: 22px;
	line-height: 1.2;
}

.dashboard-readiness-summary p {
	margin: 0;
	color: #667085;
}

.dashboard-readiness-meter {
	display: grid;
	gap: 8px;
	justify-items: end;
}

.dashboard-readiness-meter strong {
	color: #102a2f;
	font-size: 34px;
	line-height: 1;
}

.dashboard-readiness-meter span,
.dashboard-row-readiness span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 8px;
	border-radius: 999px;
	background: #e8edf3;
}

.dashboard-readiness-meter i,
.dashboard-row-readiness i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--local24-petrol), #21a67a 62%, var(--local24-orange));
}

.dashboard-readiness-list {
	display: grid;
	gap: 8px;
}

.dashboard-readiness-item {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 11px 12px;
	border: 1px solid #e5ebf1;
	border-radius: 8px;
	background: #ffffff;
	color: #151b23;
	text-decoration: none;
}

.dashboard-readiness-item.is-form {
	width: 100%;
	font: inherit;
	text-align: left;
}

.dashboard-readiness-item svg {
	width: 18px;
	height: 18px;
	color: var(--local24-petrol);
}

.dashboard-readiness-item.is-required {
	border-color: #f2d6b3;
	background: #fffaf3;
}

.dashboard-readiness-item.is-required svg {
	color: #b25d00;
}

.dashboard-readiness-item strong,
.dashboard-readiness-item small {
	display: block;
}

.dashboard-readiness-item small {
	overflow: hidden;
	color: #667085;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-readiness-item em,
.dashboard-readiness-item button {
	color: var(--local24-petrol);
	font-size: 12px;
	font-style: normal;
	font-weight: 850;
	white-space: nowrap;
}

.dashboard-readiness-item button {
	min-height: 32px;
	padding: 7px 12px;
	border: 1px solid #d9efe9;
	border-radius: 999px;
	background: #eefaf5;
	color: #087457;
	cursor: pointer;
}

.dashboard-readiness-item button:hover {
	border-color: #9fd8ca;
	background: #e2f6ef;
}

.dashboard-readiness-done {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #16694f;
	font-weight: 800;
}

.dashboard-readiness-done svg {
	width: 18px;
	height: 18px;
}

.dashboard-row-readiness {
	display: grid;
	grid-template-columns: minmax(58px, 1fr) 40px;
	align-items: center;
	gap: 8px;
	color: #475467;
	font-size: 12px;
	font-weight: 850;
}

.dashboard-company-row p,
.dashboard-company-card p,
.dashboard-empty p {
	margin: 0;
	color: #667085;
}

.dashboard-company-title {
	display: block;
	overflow: hidden;
	color: #151b23;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-company-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	color: #0f3f46;
	background: linear-gradient(135deg, #e4f6f7, #fff6e7);
	font-size: 18px;
	font-weight: 900;
}

.dashboard-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 28px;
	padding: 5px 9px;
	border: 0;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 850;
	white-space: nowrap;
	cursor: pointer;
}

.dashboard-status svg {
	width: 13px;
	height: 13px;
	transition: transform 160ms ease;
}

.dashboard-status[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

.dashboard-status-wrap {
	position: relative;
	display: inline-flex;
	justify-content: flex-end;
}

.dashboard-status-detail[hidden] {
	display: none;
}

.dashboard-status-detail {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 40;
	display: grid;
	gap: 10px;
	width: min(360px, calc(100vw - 32px));
	padding: 14px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 22px 56px rgba(15, 23, 42, 0.16);
	text-align: left;
}

.dashboard-status-detail strong {
	color: #151b23;
	font-size: 15px;
}

.dashboard-status-detail p {
	margin: 0;
	color: #4b5565;
	font-size: 13px;
	line-height: 1.45;
}

.dashboard-status-detail dl {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 10px;
	border-radius: 8px;
	background: #f8fafc;
}

.dashboard-status-detail dl div {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 8px;
}

.dashboard-status-detail dt,
.dashboard-status-detail dd {
	margin: 0;
	font-size: 12px;
	line-height: 1.3;
}

.dashboard-status-detail dt {
	color: #718096;
	font-weight: 800;
}

.dashboard-status-detail dd {
	overflow-wrap: anywhere;
	color: #151b23;
}

.dashboard-status-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dashboard-status-actions .btn {
	min-height: 34px;
	padding: 7px 10px;
	font-size: 13px;
}

.dashboard-status-success {
	color: #047857;
	background: #dcfce7;
}

.dashboard-status-draft {
	color: #92400e;
	background: #fef3c7;
}

.dashboard-status-pending {
	color: #0369a1;
	background: #e0f2fe;
}

.dashboard-status-failed {
	color: #b42318;
	background: #fee4e2;
}

.dashboard-status-muted {
	color: #667085;
	background: #f2f4f7;
}

.dashboard-row-actions {
	display: flex;
	align-items: center;
	gap: 6px;
}

.dashboard-row-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #4b5565;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #ffffff;
}

.dashboard-row-actions svg {
	width: 16px;
	height: 16px;
}

.dashboard-tabs {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	width: fit-content;
	padding: 4px;
	background: #ffffff;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
}

.dashboard-tabs a {
	min-height: 34px;
	padding: 7px 12px;
	color: #667085;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 800;
}

.dashboard-tabs a.is-active {
	color: #151b23;
	background: #f1f5f9;
}

.dashboard-card-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
}

.dashboard-company-card {
	display: grid;
	flex: 0 1 360px;
	gap: 14px;
	padding: 16px;
}

.dashboard-company-card-head,
.dashboard-card-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.dashboard-company-card h2 {
	font-size: 21px;
}

.dashboard-card-meta {
	display: grid;
	gap: 7px;
	color: #667085;
	font-size: 13px;
}

.dashboard-card-meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.dashboard-card-meta svg {
	width: 15px;
	height: 15px;
	color: #8aa0b4;
}

.dashboard-card-actions {
	justify-content: flex-start;
}

.dashboard-empty {
	display: grid;
	justify-items: center;
	gap: 10px;
	padding: 48px 18px;
	text-align: center;
}

.dashboard-empty > svg {
	width: 42px;
	height: 42px;
	color: var(--teal);
}

.dashboard-empty h2 {
	margin: 0;
}

.dashboard-billing-header {
	display: grid;
	gap: 16px;
}

.dashboard-billing-header h1 {
	margin: 0;
	color: #151b23;
	font-size: clamp(32px, 4vw, 44px);
	line-height: 1.05;
}

.dashboard-billing-tabs {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	width: fit-content;
	padding: 4px;
	border: 1px solid #e4e8ef;
	border-radius: 999px;
	background: #ffffff;
}

.dashboard-billing-tabs a {
	min-height: 34px;
	padding: 8px 14px;
	color: #667085;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 850;
}

.dashboard-billing-tabs a:hover {
	color: #151b23;
	background: #f1f5f9;
}

.dashboard-billing-tabs a.is-active {
	color: #151b23;
	background: #f1f5f9;
}

.dashboard-billing-card {
	display: grid;
	gap: 18px;
	padding: 22px;
	border: 1px solid #e4e8ef;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.07);
}

.dashboard-billing-plan-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #edf0f4;
}

.dashboard-billing-plan-head > svg {
	width: 42px;
	height: 42px;
	padding: 10px;
	color: var(--teal);
	border-radius: 999px;
	background: #eaf7f8;
}

.dashboard-billing-title-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.dashboard-billing-title-row h2 {
	margin: 0;
	color: #151b23;
	font-size: 25px;
	line-height: 1.1;
}

.dashboard-billing-plan-head p {
	margin: 6px 0 0;
	color: #4b5565;
	font-weight: 750;
}

.dashboard-plan-status {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 4px 8px;
	border-radius: 999px;
	color: #047857;
	background: #dcfce7;
	font-size: 12px;
	font-weight: 900;
}

.dashboard-billing-benefits {
	display: grid;
	gap: 12px;
	padding: 18px;
	border-radius: 12px;
	background: #dcfce7;
}

.dashboard-billing-benefits h3,
.dashboard-billing-profile h3 {
	margin: 0;
	color: #151b23;
	font-size: 16px;
}

.dashboard-billing-benefits ul {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dashboard-billing-benefits li {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	align-items: start;
	gap: 9px;
	color: #123225;
	font-weight: 750;
	line-height: 1.4;
}

.dashboard-billing-benefits svg {
	width: 17px;
	height: 17px;
	margin-top: 1px;
	color: #047857;
}

.dashboard-billing-profile {
	display: grid;
	gap: 10px;
}

.dashboard-billing-profile-row {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	padding: 12px;
	border: 1px solid #e4e8ef;
	border-radius: 12px;
	background: #fcfdff;
}

.dashboard-billing-profile-row strong,
.dashboard-billing-profile-row small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-billing-profile-row strong {
	color: #151b23;
	font-weight: 850;
}

.dashboard-billing-profile-row small {
	margin-top: 2px;
	color: #667085;
}

.dashboard-billing-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dashboard-billing-empty {
	display: grid;
	gap: 9px;
	padding: 18px;
	border: 1px solid #e4e8ef;
	border-radius: 12px;
	background: #f8fafc;
}

.dashboard-billing-empty strong {
	color: #151b23;
	font-size: 16px;
}

.dashboard-billing-empty p {
	margin: 0;
	color: #667085;
	line-height: 1.5;
}

.dashboard-billing-empty .btn {
	width: fit-content;
	margin-top: 4px;
}

.dashboard-feature-panel {
	gap: 18px;
	max-width: 760px;
}

.dashboard-feature-panel.is-locked {
	border-color: #fed7aa;
	background: #fffaf3;
}

.dashboard-feature-head {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: start;
	gap: 14px;
}

.dashboard-feature-head > svg {
	width: 44px;
	height: 44px;
	padding: 10px;
	color: var(--teal);
	border-radius: 8px;
	background: #eaf7f8;
}

.dashboard-feature-head h2 {
	margin: 0 0 7px;
	font-size: 28px;
}

.dashboard-feature-head p,
.dashboard-feature-body,
.dashboard-feature-lock p {
	margin: 0;
	color: #667085;
	line-height: 1.5;
}

.dashboard-feature-state,
.billing-result-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

.dashboard-feature-state div,
.billing-result-grid article {
	display: grid;
	gap: 7px;
	padding: 14px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #ffffff;
}

.dashboard-feature-state span,
.billing-result-grid span {
	color: #718096;
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dashboard-feature-state strong,
.billing-result-grid strong {
	color: #151b23;
	font-size: 22px;
	line-height: 1.05;
}

.dashboard-feature-lock {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #f8fafc;
}

.dashboard-feature-lock > svg {
	width: 22px;
	height: 22px;
	color: var(--teal);
}

.dashboard-feature-lock strong {
	display: block;
	margin-bottom: 3px;
	color: #151b23;
}

.dashboard-credits-main {
	width: min(1120px, 100%);
}

.dashboard-credit-alert {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 14px;
	border: 1px solid #fde68a;
	border-radius: 8px;
	background: #fffbeb;
	color: #92400e;
}

.dashboard-credit-alert-danger {
	border-color: #fecaca;
	background: #fff1f2;
	color: #991b1b;
}

.dashboard-credit-alert svg {
	width: 22px;
	height: 22px;
}

.dashboard-credit-alert strong {
	display: block;
	color: inherit;
}

.dashboard-credit-alert p {
	margin: 2px 0 0;
	color: #6b7280;
	font-size: 13px;
}

.dashboard-credit-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
	gap: 16px;
	padding: 22px;
	border: 1px solid #dfe6ee;
	border-radius: 8px;
	background: linear-gradient(135deg, #ffffff 0%, #f6fbfc 100%);
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.07);
}

.dashboard-credit-hero-main {
	display: grid;
	align-content: center;
	gap: 14px;
	min-width: 0;
}

.dashboard-credit-hero-main h2 {
	margin: 0;
	color: #111827;
	font-size: clamp(34px, 5vw, 56px);
	line-height: 0.98;
	letter-spacing: 0;
}

.dashboard-credit-progress {
	overflow: hidden;
	height: 10px;
	border-radius: 999px;
	background: #e6edf3;
}

.dashboard-credit-progress span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--teal), #22a2ad);
}

.dashboard-credit-progress-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: #667085;
	font-size: 13px;
	font-weight: 800;
}

.dashboard-credit-hero-meta {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.dashboard-credit-hero-meta article,
.dashboard-credit-metrics article {
	display: grid;
	gap: 5px;
	padding: 14px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.82);
}

.dashboard-credit-hero-meta span,
.dashboard-credit-metrics span {
	color: #718096;
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dashboard-credit-hero-meta strong {
	color: #151b23;
	font-size: 24px;
	line-height: 1.05;
}

.dashboard-credit-metrics {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.dashboard-credit-metrics article {
	position: relative;
	min-height: 132px;
	background: #ffffff;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

.dashboard-credit-metrics svg {
	width: 22px;
	height: 22px;
	color: var(--teal);
}

.dashboard-credit-metrics strong {
	color: #151b23;
	font-size: 30px;
	line-height: 1;
}

.dashboard-credit-metrics small {
	color: #667085;
	font-size: 13px;
}

.dashboard-credit-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	align-items: start;
}

.dashboard-credit-card .dashboard-panel-head > svg {
	width: 21px;
	height: 21px;
	color: var(--teal);
}

.dashboard-credit-table,
.dashboard-credit-company-list,
.dashboard-credit-package-list {
	display: grid;
	gap: 8px;
}

.dashboard-credit-table div,
.dashboard-credit-company-list div,
.dashboard-credit-package-list article {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 46px;
	padding: 10px 12px;
	border: 1px solid #edf0f4;
	border-radius: 8px;
	background: #fcfdff;
}

.dashboard-credit-table span,
.dashboard-credit-company-list span,
.dashboard-credit-package-list span {
	color: #4b5565;
	font-size: 14px;
	font-weight: 760;
}

.dashboard-credit-table strong,
.dashboard-credit-company-list strong {
	color: #151b23;
	font-size: 18px;
}

.dashboard-credit-empty {
	margin: 0;
	padding: 18px;
	color: #667085;
	border: 1px dashed #dbe3ed;
	border-radius: 8px;
	background: #f8fafc;
}

.dashboard-credit-activity {
	display: grid;
	gap: 0;
	overflow: hidden;
	border: 1px solid #edf0f4;
	border-radius: 8px;
}

.dashboard-credit-activity-head,
.dashboard-credit-activity-row {
	display: grid;
	grid-template-columns: 120px minmax(180px, 1fr) minmax(150px, 0.8fr) 90px;
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
}

.dashboard-credit-activity-head {
	background: #f8fafc;
	color: #718096;
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dashboard-credit-activity-row {
	min-height: 48px;
	background: #ffffff;
	border-top: 1px solid #edf0f4;
	color: #4b5565;
	font-size: 14px;
}

.dashboard-credit-activity-row strong {
	color: #151b23;
}

.dashboard-credit-activity-row b {
	justify-self: end;
	font-size: 14px;
}

.dashboard-credit-activity-row b.is-negative {
	color: #b91c1c;
}

.dashboard-credit-activity-row b.is-positive {
	color: #047857;
}

.dashboard-credit-package-list article {
	min-height: 58px;
}

.dashboard-credit-package-list article > div {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.dashboard-credit-package-list strong {
	color: #151b23;
}

.dashboard-credit-package-list .btn {
	min-height: 34px;
	padding: 7px 11px;
}

.dashboard-credit-package-list form {
	margin: 0;
}

.dashboard-credit-benefits {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dashboard-credit-benefits li {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	color: #394455;
	font-weight: 760;
}

.dashboard-credit-benefits svg {
	width: 18px;
	height: 18px;
	color: var(--teal);
}

.dashboard-inquiries-main {
	width: min(1120px, 100%);
}

.dashboard-smart-inbox-main {
	width: min(1120px, 100%);
	gap: 18px;
}

.smart-inbox-page-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 8px;
}

.smart-inbox-page-head h1 {
	margin: 0;
	color: #172033;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.05;
}

.smart-inbox-page-head p {
	margin: 7px 0 0;
	color: #64748b;
	line-height: 1.5;
}

.smart-inbox-title-line {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.smart-inbox-title-line span,
.smart-inbox-device-row b {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: fit-content;
	padding: 7px 11px;
	border-radius: 999px;
	background: #eafaf3;
	color: #14804a;
	font-size: 0.82rem;
	font-weight: 800;
}

.smart-inbox-title-line i,
.smart-inbox-device-row b i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
}

.smart-inbox-page-actions,
.smart-inbox-sort-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.smart-inbox-action,
.smart-inbox-sort-actions button,
.smart-inbox-icon-button,
.smart-inbox-kebab,
.smart-inbox-plain-link,
.smart-inbox-show-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid #dbe4ef;
	border-radius: 8px;
	background: #ffffff;
	color: #172033;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}

.smart-inbox-action,
.smart-inbox-sort-actions button {
	min-height: 44px;
	padding: 0 16px;
}

.smart-inbox-action svg,
.smart-inbox-sort-actions svg,
.smart-inbox-plain-link svg {
	width: 18px;
	height: 18px;
}

.smart-inbox-panel {
	border-radius: 12px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.smart-inbox-section-head {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	margin-bottom: 22px;
}

.smart-inbox-section-head h2 {
	margin: 0;
	color: #172033;
	font-size: 1.25rem;
}

.smart-inbox-section-head p {
	margin: 5px 0 0;
	color: #64748b;
	line-height: 1.45;
}

.smart-inbox-section-icon {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 10px;
	background: #e6f8f5;
	color: #008080;
}

.smart-inbox-section-icon svg {
	width: 26px;
	height: 26px;
}

.smart-inbox-plain-link {
	border: 0;
	background: transparent;
	color: #008080;
}

.smart-inbox-hero {
	background: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
}

.smart-inbox-pairing-grid {
	display: grid;
	grid-template-columns: minmax(190px, 0.78fr) minmax(180px, 0.58fr) minmax(0, 1.42fr);
	align-items: stretch;
	gap: 14px;
}

.smart-inbox-pairing-code,
.smart-inbox-qr-card,
.smart-inbox-pairing-payload,
.smart-inbox-device-row,
.smart-inbox-message-card {
	border: 1px solid rgba(15, 23, 42, 0.09);
	border-radius: 10px;
	background: #ffffff;
	box-shadow: none;
}

.smart-inbox-pairing-code,
.smart-inbox-qr-card,
.smart-inbox-pairing-payload {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px;
}

.smart-inbox-pairing-code span,
.smart-inbox-qr-card span,
.smart-inbox-pairing-payload label,
.smart-inbox-message-main span,
.smart-inbox-command span {
	color: #64748b;
	font-size: 0.82rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0;
}

.smart-inbox-pairing-code strong {
	color: #101827;
	font-size: clamp(1.1rem, 2vw, 1.55rem);
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.smart-inbox-copy-line,
.smart-inbox-code-copy {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.smart-inbox-code-copy {
	padding: 10px 12px;
	border: 1px solid #dbe4ef;
	border-radius: 8px;
	background: #ffffff;
}

.smart-inbox-pairing-code small,
.smart-inbox-pairing-payload small,
.smart-inbox-device-row span,
.smart-inbox-message-main small,
.smart-inbox-command small {
	color: #64748b;
	font-size: 0.92rem;
	line-height: 1.45;
}

.smart-inbox-pairing-code small {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.smart-inbox-pairing-code small svg {
	width: 16px;
	height: 16px;
}

.smart-inbox-qr-card {
	align-items: center;
	justify-content: center;
	text-align: center;
}

.smart-inbox-qr {
	display: grid;
	place-items: center;
	width: 138px;
	max-width: 100%;
	aspect-ratio: 1;
	padding: 10px;
	border: 1px solid #e4e8ef;
	border-radius: 12px;
	background: #ffffff;
}

.smart-inbox-qr svg {
	display: block;
	width: 100%;
	height: auto;
}

.smart-inbox-pairing-payload code {
	display: block;
	flex: 1;
	min-width: 0;
	max-width: 100%;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: #172033;
	white-space: normal;
	overflow-wrap: anywhere;
	font-size: 0.85rem;
	line-height: 1.45;
}

.smart-inbox-icon-button,
.smart-inbox-kebab {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	padding: 0;
	color: #64748b;
}

.smart-inbox-icon-button svg,
.smart-inbox-kebab svg {
	width: 18px;
	height: 18px;
}

.smart-inbox-device-list,
.smart-inbox-message-list {
	display: grid;
	gap: 12px;
	margin-top: 16px;
}

.smart-inbox-device-row {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto 36px;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
}

.smart-inbox-device-row svg {
	width: 22px;
	height: 22px;
	color: #008080;
}

.smart-inbox-device-row div {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.smart-inbox-device-row strong,
.smart-inbox-message-main strong,
.smart-inbox-command strong {
	color: #172033;
}

.smart-inbox-message-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 0.45fr);
	gap: 16px;
	padding: 16px;
}

.smart-inbox-message-main,
.smart-inbox-command {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 5px;
}

.smart-inbox-message-main strong {
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.smart-inbox-message-main p {
	margin: 0;
	color: #475569;
	font-size: 0.94rem;
	line-height: 1.45;
}

.smart-inbox-command {
	padding: 12px;
	border-radius: 12px;
	background: #f8fafc;
}

.smart-inbox-command b {
	align-self: flex-start;
	margin-top: 4px;
	padding: 5px 9px;
	border-radius: 999px;
	background: #ecfdf5;
	color: #14804a;
	font-size: 0.78rem;
	font-weight: 800;
}

.smart-inbox-command b.is-review {
	background: #eff6ff;
	color: #1d4ed8;
}

.smart-inbox-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.smart-inbox-filter-chips {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
}

.smart-inbox-filter-chips button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 0 12px;
	border: 0;
	border-radius: 999px;
	background: #eef7f6;
	color: #476274;
	font-weight: 800;
}

.smart-inbox-filter-chips button > i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #008080;
}

.smart-inbox-filter-chips button:nth-child(2) > i {
	background: #f97316;
}

.smart-inbox-filter-chips button:nth-child(3) > i {
	background: #0891b2;
}

.smart-inbox-filter-chips button:nth-child(4) > i {
	background: #22c55e;
}

.smart-inbox-filter-chips b {
	display: inline-grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.85);
	color: inherit;
	font-size: 0.78rem;
}

.smart-inbox-message-table {
	border: 1px solid #dbe4ef;
	border-radius: 10px;
	overflow: hidden;
	background: #ffffff;
}

.smart-inbox-message-row {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 150px 210px;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border-bottom: 1px solid #e6edf5;
}

.smart-inbox-message-row:last-child {
	border-bottom: 0;
}

.smart-inbox-message-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff3e8;
	color: #f97316;
}

.smart-inbox-message-row.is-approval .smart-inbox-message-icon {
	background: #e9f8fb;
	color: #0891b2;
}

.smart-inbox-message-row.is-processed .smart-inbox-message-icon {
	background: #ecfdf5;
	color: #22a35a;
}

.smart-inbox-message-copy {
	min-width: 0;
}

.smart-inbox-message-copy span {
	display: block;
	color: #64748b;
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.smart-inbox-message-copy strong {
	display: block;
	margin-top: 2px;
	color: #172033;
	font-size: 1rem;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.smart-inbox-message-copy p {
	margin: 3px 0 0;
	color: #52667a;
	line-height: 1.35;
}

.smart-inbox-message-row time {
	color: #64748b;
	font-size: 0.9rem;
}

.smart-inbox-status-pill {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 20px;
	align-items: center;
	column-gap: 8px;
	min-height: 56px;
	padding: 10px 12px;
	border-radius: 8px;
	background: #fff4eb;
	color: #f97316;
}

.smart-inbox-status-pill strong,
.smart-inbox-status-pill span {
	grid-column: 1;
}

.smart-inbox-status-pill span {
	color: #64748b;
	font-size: 0.82rem;
}

.smart-inbox-status-pill svg {
	grid-row: 1 / span 2;
	grid-column: 2;
	width: 18px;
	height: 18px;
}

.smart-inbox-message-row.is-approval .smart-inbox-status-pill {
	background: #eefbfc;
	color: #0891b2;
}

.smart-inbox-message-row.is-processed .smart-inbox-status-pill {
	background: #ecfdf5;
	color: #14804a;
}

.smart-inbox-show-more {
	width: 100%;
	min-height: 48px;
	margin-top: 10px;
	border: 0;
	background: transparent;
	color: #334155;
}

.smart-inbox-learning-note {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 18px 20px;
	border-radius: 12px;
	background: #e9fbf3;
	color: #157347;
}

.smart-inbox-learning-note > svg {
	width: 28px;
	height: 28px;
}

.smart-inbox-learning-note strong {
	display: block;
	color: #14804a;
}

.smart-inbox-learning-note p {
	margin: 3px 0 0;
	color: #334155;
}

.dashboard-assistant-main {
	width: min(1120px, 100%);
}

.assistant-overview-grid,
.assistant-bottom-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 18px;
}

.assistant-call-panel,
.assistant-persona-panel,
.assistant-inbox-role {
	min-width: 0;
}

.assistant-live-card {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding: 18px;
	border: 1px solid rgba(15, 23, 42, 0.09);
	border-radius: 10px;
	background: #071121;
	color: #ffffff;
}

.assistant-live-card strong {
	display: block;
	font-size: 1.05rem;
}

.assistant-live-card span {
	display: block;
	margin-top: 4px;
	color: #cbd5e1;
	line-height: 1.4;
}

.assistant-avatar {
	display: grid;
	place-items: center;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: #008080;
	color: #ffffff;
	font-size: 2.2rem;
	font-weight: 900;
}

.assistant-avatar.is-mona {
	background: #be4c84;
}

.assistant-meta-list {
	display: grid;
	gap: 10px;
	margin-top: 14px;
}

.assistant-meta-list span {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #475569;
	font-weight: 750;
	line-height: 1.4;
}

.assistant-meta-list svg {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: #008080;
}

.assistant-persona-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.assistant-persona-card {
	margin: 0;
}

.assistant-persona-card button {
	display: grid;
	width: 100%;
	min-height: 252px;
	gap: 8px;
	justify-items: start;
	padding: 16px;
	border: 1px solid #dbe4ef;
	border-radius: 10px;
	background: #ffffff;
	color: #172033;
	text-align: left;
	cursor: pointer;
}

.assistant-persona-card.is-active button {
	border-color: #008080;
	background: #effaf8;
	box-shadow: 0 14px 34px rgba(0, 128, 128, 0.12);
}

.assistant-persona-card strong {
	font-size: 1.25rem;
}

.assistant-persona-card small {
	color: #64748b;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: 0;
}

.assistant-persona-card p {
	margin: 0;
	color: #475569;
	line-height: 1.45;
}

.assistant-persona-card b {
	align-self: end;
	padding: 7px 10px;
	border-radius: 999px;
	background: #eef7f6;
	color: #008080;
	font-size: 0.82rem;
}

.assistant-name-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: end;
	gap: 12px;
}

.assistant-name-form label {
	display: grid;
	gap: 7px;
	margin: 0;
}

.assistant-name-form span,
.assistant-name-suggestions span {
	color: #64748b;
	font-size: 0.82rem;
	font-weight: 850;
	text-transform: uppercase;
}

.assistant-name-form input,
.assistant-name-form textarea {
	width: 100%;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid #dbe4ef;
	border-radius: 8px;
	background: #ffffff;
	color: #172033;
	font-size: 1rem;
	font-weight: 800;
}

.assistant-name-form textarea {
	min-height: 92px;
	padding: 12px;
	line-height: 1.45;
	resize: vertical;
}

.assistant-greeting-panel .assistant-name-form label {
	grid-column: 1 / -1;
}

.assistant-name-form button {
	justify-self: start;
}

.assistant-name-suggestions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.assistant-name-suggestions b {
	padding: 7px 10px;
	border-radius: 999px;
	background: #eef7f6;
	color: #008080;
	font-size: 0.86rem;
}

.is-disabled,
.is-disabled * {
	cursor: not-allowed !important;
	opacity: 0.62;
}

@media (max-width: 760px) {
	.smart-inbox-page-head,
	.smart-inbox-toolbar,
	.smart-inbox-learning-note {
		grid-template-columns: 1fr;
		flex-direction: column;
		align-items: stretch;
	}

	.smart-inbox-section-head {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.smart-inbox-section-head .smart-inbox-action,
	.smart-inbox-section-head .smart-inbox-plain-link {
		grid-column: 1 / -1;
	}

	.smart-inbox-pairing-grid,
	.smart-inbox-message-card,
	.smart-inbox-message-row,
	.assistant-overview-grid,
	.assistant-bottom-grid,
	.assistant-persona-grid,
	.assistant-name-form,
	.assistant-live-card {
		grid-template-columns: 1fr;
	}

	.smart-inbox-message-row time {
		order: 4;
	}
}

.dashboard-inquiry-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.dashboard-inquiry-summary article {
	display: grid;
	gap: 7px;
	min-height: 126px;
	padding: 16px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

.dashboard-inquiry-summary svg {
	width: 22px;
	height: 22px;
	color: var(--teal);
}

.dashboard-inquiry-summary span {
	color: #718096;
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dashboard-inquiry-summary strong {
	color: #151b23;
	font-size: 32px;
	line-height: 1;
}

.dashboard-inquiry-panel .dashboard-panel-head > svg {
	width: 21px;
	height: 21px;
	color: var(--teal);
}

.dashboard-inquiry-empty {
	display: grid;
	justify-items: center;
	gap: 8px;
	padding: 46px 18px;
	border: 1px dashed #dbe3ed;
	border-radius: 8px;
	background: #f8fafc;
	text-align: center;
}

.dashboard-inquiry-empty svg {
	width: 32px;
	height: 32px;
	color: var(--teal);
}

.dashboard-inquiry-empty strong {
	color: #151b23;
}

.dashboard-inquiry-empty p {
	max-width: 560px;
	margin: 0;
	color: #667085;
}

.dashboard-inquiry-list {
	display: grid;
	gap: 12px;
}

.dashboard-inquiry-card {
	display: grid;
	gap: 14px;
	padding: 16px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #fcfdff;
}

.dashboard-inquiry-card header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
}

.dashboard-inquiry-card h3 {
	margin: 5px 0 0;
	color: #151b23;
	font-size: 20px;
	line-height: 1.15;
}

.dashboard-inquiry-card time {
	color: #718096;
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
}

.dashboard-inquiry-status {
	display: inline-flex;
	width: fit-content;
	padding: 4px 8px;
	border-radius: 999px;
	color: #0f3f46;
	background: #eaf7f8;
	font-size: 12px;
	font-weight: 900;
}

.dashboard-inquiry-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	color: #4b5565;
	font-size: 13px;
	font-weight: 780;
}

.dashboard-inquiry-meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.dashboard-inquiry-meta svg {
	width: 15px;
	height: 15px;
	color: var(--teal);
}

.dashboard-inquiry-message {
	margin: 0;
	padding: 14px;
	border: 1px solid #edf0f4;
	border-radius: 8px;
	background: #ffffff;
	color: #334155;
	line-height: 1.5;
}

.dashboard-inquiry-ai {
	display: grid;
	gap: 10px;
	padding: 14px;
	border: 1px solid #d9e8ea;
	border-radius: 8px;
	background: #f5fbfc;
}

.dashboard-inquiry-ai strong {
	color: #0f3f46;
}

.dashboard-inquiry-ai p {
	margin: 3px 0 0;
	color: #667085;
	font-size: 13px;
	line-height: 1.45;
}

.dashboard-inquiry-ai textarea {
	width: 100%;
	min-height: 82px;
	resize: vertical;
	color: #334155;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
}

.dashboard-inquiry-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.billing-result-page .pricing-hero {
	display: grid;
	gap: 22px;
}

.billing-result-grid {
	max-width: 760px;
}

.billing-result-grid article svg {
	width: 22px;
	height: 22px;
	color: var(--teal);
}

.billing-result-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cookie-consent {
	position: fixed;
	right: 18px;
	bottom: 18px;
	left: 18px;
	z-index: 1200;
	display: flex;
	justify-content: center;
	pointer-events: none;
}

.cookie-consent[hidden] {
	display: none;
}

.cookie-consent-card {
	display: grid;
	gap: 16px;
	width: min(780px, 100%);
	padding: 18px;
	border: 1px solid #dbe3ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
	pointer-events: auto;
}

.cookie-consent-main h2 {
	margin: 0 0 7px;
	color: #151b23;
	font-size: 24px;
}

.cookie-consent-main p {
	margin: 0;
	color: #4b5565;
	line-height: 1.5;
}

.cookie-consent-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 800;
}

.cookie-consent-settings {
	display: grid;
	gap: 8px;
}

.cookie-consent-settings[hidden] {
	display: none;
}

.cookie-consent-option {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 22px;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 1px solid #e4e8ef;
	border-radius: 8px;
	background: #f8fafc;
}

.cookie-consent-option strong,
.cookie-consent-option small {
	display: block;
}

.cookie-consent-option strong {
	color: #151b23;
	font-size: 14px;
}

.cookie-consent-option small {
	margin-top: 3px;
	color: #667085;
	font-size: 13px;
	line-height: 1.35;
}

.cookie-consent-option input {
	width: 20px;
	height: 20px;
	accent-color: var(--teal);
}

.cookie-consent-option.is-required {
	background: #eef8f9;
}

.cookie-consent-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.pricing-page {
	background: #f7f8fb;
	min-height: calc(100vh - 72px);
	padding: 54px 0 72px;
}

.pricing-hero {
	max-width: 980px;
}

.pricing-hero h1 {
	max-width: 800px;
	margin: 0 0 14px;
	color: #151b23;
	font-size: clamp(38px, 5vw, 64px);
	line-height: 1;
	letter-spacing: 0;
}

.pricing-hero .lead {
	max-width: 740px;
	margin: 0;
	color: #59677a;
	font-size: 18px;
	line-height: 1.55;
}

.pricing-activation {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	margin-top: 24px;
	padding: 14px 16px;
	border: 1px solid #bfe8ed;
	border-radius: 8px;
	background: #f0fcfd;
	box-shadow: 0 14px 34px rgba(15, 126, 136, 0.08);
}

.pricing-activation > svg {
	width: 28px;
	height: 28px;
	color: var(--teal);
}

.pricing-activation strong,
.pricing-activation span {
	display: block;
}

.pricing-activation strong {
	color: #12202f;
	font-size: 16px;
}

.pricing-activation span {
	margin-top: 2px;
	color: #59677a;
	line-height: 1.35;
}

.pricing-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 30px;
}

.pricing-card,
.pricing-note-grid section {
	position: relative;
	display: grid;
	align-content: start;
	gap: 18px;
	padding: 22px;
	border: 1px solid #dfe6ef;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06);
}

.pricing-card.is-featured {
	border-color: #99dce2;
	box-shadow: 0 24px 60px rgba(15, 126, 136, 0.14);
}

.pricing-badge {
	width: fit-content;
	padding: 6px 9px;
	border-radius: 999px;
	color: #0f6f7a;
	background: #e8fafb;
	font-size: 12px;
	font-weight: 900;
}

.pricing-badge-business {
	color: #7c2d12;
	background: #ffedd5;
}

.pricing-card-head {
	display: grid;
	gap: 4px;
}

.pricing-card-head span {
	color: #718096;
	font-size: 13px;
	font-weight: 850;
	text-transform: uppercase;
}

.pricing-card-head strong {
	color: #151b23;
	font-size: 32px;
	line-height: 1;
}

.pricing-card-head small,
.pricing-card p,
.pricing-note-grid p {
	color: #667085;
	line-height: 1.5;
}

.pricing-card p,
.pricing-note-grid p {
	margin: 0;
}

.pricing-card ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing-card li {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	color: #243244;
	font-size: 14px;
	line-height: 1.35;
}

.pricing-card li svg {
	width: 17px;
	height: 17px;
	color: var(--teal);
}

.pricing-allowance {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	padding: 10px 12px;
	border: 1px solid #c7edf0;
	border-radius: 8px;
	background: #f0fcfd;
	color: #0f6f7a;
	font-size: 13px;
	font-weight: 850;
}

.pricing-allowance svg {
	width: 18px;
	height: 18px;
}

.pricing-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 9px;
}

.pricing-checkout-form {
	display: grid;
	margin: 0;
}

.pricing-checkout-form .btn {
	width: 100%;
	font: inherit;
	cursor: pointer;
}

.pricing-plan-note {
	padding: 10px 12px;
	border-radius: 8px;
	background: #f8fafc;
	color: #667085;
	font-size: 13px;
	line-height: 1.45;
}

.pricing-ai-panel,
.pricing-credit-section {
	display: grid;
	gap: 22px;
	margin-top: 18px;
	padding: 24px;
	border: 1px solid #dfe6ef;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06);
}

.pricing-credit-section {
	overflow: hidden;
	position: relative;
	color: #f8fbff;
	border-color: rgba(103, 232, 249, 0.34);
	background:
		linear-gradient(115deg, rgba(250, 179, 45, 0.18) 0%, transparent 22%, rgba(20, 184, 166, 0.18) 54%, rgba(37, 99, 235, 0.2) 100%),
		linear-gradient(135deg, #07131f 0%, #092b33 44%, #111827 100%);
	box-shadow: 0 34px 90px rgba(5, 18, 32, 0.34);
}

.pricing-credit-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(120deg, transparent 0%, transparent 42%, rgba(255, 255, 255, 0.22) 50%, transparent 58%, transparent 100%);
	background-size: 42px 42px, 42px 42px, 260% 100%;
	animation: pricingCreditGrid 12s linear infinite, pricingCreditSweep 7s ease-in-out infinite;
	opacity: 0.72;
	pointer-events: none;
}

.pricing-credit-section::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 9px;
	background: linear-gradient(180deg, var(--local24-orange), #22d3ee, #8b5cf6);
	animation: pricingCreditEdge 5.5s ease-in-out infinite;
	pointer-events: none;
}

.pricing-credit-section > * {
	position: relative;
	z-index: 1;
}

@keyframes pricingCreditGrid {
	0% {
		background-position: 0 0, 0 0, 0 0;
	}
	100% {
		background-position: 84px 42px, 42px 84px, 0 0;
	}
}

@keyframes pricingCreditSweep {
	0%,
	30% {
		background-position: 0 0, 0 0, -130% 0;
	}
	64%,
	100% {
		background-position: 84px 42px, 42px 84px, 130% 0;
	}
}

@keyframes pricingCreditEdge {
	0%,
	100% {
		opacity: 0.58;
	}
	50% {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pricing-credit-section::before,
	.pricing-credit-section::after {
		animation: none;
	}
}

.pricing-ai-panel {
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
	align-items: start;
}

.pricing-ai-panel h2,
.pricing-section-head h2 {
	margin: 0 0 10px;
	color: #151b23;
	font-size: 28px;
	line-height: 1.08;
	letter-spacing: 0;
}

.pricing-ai-panel p,
.pricing-section-head p {
	margin: 0;
	color: #667085;
	line-height: 1.5;
}

.pricing-ai-panel ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing-ai-panel li {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	color: #243244;
	font-weight: 800;
	line-height: 1.35;
}

.pricing-ai-panel li svg {
	width: 20px;
	height: 20px;
	color: var(--teal);
}

.pricing-section-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
	gap: 22px;
	align-items: end;
}

.pricing-feature-note {
	display: block;
	padding: 14px 15px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(250, 179, 45, 0.48);
	color: #ffe7b3;
	font-size: 13px;
	font-weight: 750;
	line-height: 1.45;
	backdrop-filter: blur(10px);
}

.pricing-credit-section .dashboard-eyebrow {
	color: #fbbf24;
}

.pricing-credit-section .pricing-section-head h2 {
	color: #ffffff;
	font-size: 34px;
	text-shadow: 0 8px 30px rgba(0, 0, 0, 0.28);
}

.pricing-credit-section .pricing-section-head p {
	max-width: 640px;
	color: #cfeaf0;
	font-size: 17px;
}

.credit-package-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.credit-package-card {
	position: relative;
	display: grid;
	gap: 10px;
	align-content: start;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.08)),
		rgba(3, 12, 22, 0.76);
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(12px);
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.credit-package-discount {
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 6px 9px;
	border-radius: 999px;
	color: #06131f;
	background: linear-gradient(135deg, #fde68a, var(--local24-orange));
	box-shadow: 0 10px 24px rgba(245, 158, 11, 0.32);
	font-size: 12px;
	font-weight: 950;
	letter-spacing: 0;
}

.credit-package-card:hover {
	transform: translateY(-5px);
	border-color: rgba(103, 232, 249, 0.62);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1)),
		rgba(4, 23, 38, 0.84);
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.38);
}

.credit-package-card span {
	color: #67e8f9;
	font-size: 13px;
	font-weight: 850;
	text-transform: uppercase;
}

.credit-package-card strong {
	color: #ffffff;
	font-size: 28px;
	line-height: 1;
}

.credit-package-card small {
	color: #d7e6f2;
	font-weight: 800;
}

.credit-package-card em {
	width: fit-content;
	min-height: 18px;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(250, 179, 45, 0.16);
	border: 1px solid rgba(250, 179, 45, 0.34);
	color: #fef3c7;
	font-size: 12px;
	font-style: normal;
	font-weight: 850;
}

.credit-package-card .btn {
	color: #06131f;
	border-color: transparent;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

.credit-package-card .btn:hover {
	color: #06131f;
	background: #fef3c7;
}

.pricing-credit-uses {
	display: grid;
	gap: 12px;
	padding: 18px;
	border: 1px solid rgba(103, 232, 249, 0.22);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(6, 182, 212, 0.16), rgba(250, 179, 45, 0.12)),
		rgba(2, 8, 15, 0.52);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(10px);
}

.pricing-credit-uses h3 {
	margin: 0;
	color: #ffffff;
	font-size: 20px;
}

.pricing-credit-uses ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing-credit-uses li {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	gap: 9px;
	align-items: start;
	color: #dbeafe;
	line-height: 1.4;
}

.pricing-credit-uses li svg {
	width: 19px;
	height: 19px;
	color: #67e8f9;
}

.pricing-note-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.pricing-note-grid section > svg {
	width: 24px;
	height: 24px;
	color: var(--teal);
}

.pricing-note-grid h2 {
	margin: 0;
	color: #151b23;
	font-size: 20px;
}

@media (max-width: 860px) {
	.acp-appbar-inner,
	.dashboard-appbar-inner {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.dashboard-appbar-inner {
		grid-template-areas:
			"start actions"
			"greeting greeting";
	}

	body.sidebar-collapsed .dashboard-appbar-inner {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.dashboard-appbar .chrome-appbar-start {
		grid-area: start;
		justify-content: flex-start;
	}

	.dashboard-appbar-actions {
		grid-area: actions;
	}

	.dashboard-appbar-greeting {
		grid-area: greeting;
	}

	.dashboard-appbar .chrome-sidebar-toggle {
		margin-right: 0;
	}

	.dashboard-appbar-brand img,
	body.sidebar-collapsed .dashboard-appbar-brand img {
		display: block;
		height: 42px;
	}

	.chrome-breadcrumb {
		max-width: 100%;
		overflow: hidden;
	}

	.dashboard-appbar-greeting {
		max-width: 100%;
	}

	.acp-appbar-actions,
	.dashboard-appbar-actions {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.acp-step-nav,
	.section-step-nav {
		justify-content: flex-start;
	}

	.acp-shell {
		grid-template-columns: 1fr;
	}

	.acp-sidebar {
		position: static;
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid #e4e8ef;
	}

	.acp-main {
		width: 100%;
		padding: 22px 16px 34px;
	}

	.acp-stat-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.acp-ai-overview-grid,
	.acp-ai-ops-grid,
	.acp-worker-actions,
	.acp-sqs-instance-form {
		grid-template-columns: 1fr;
	}

	.acp-ai-queue-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.acp-ai-worker-facts {
		grid-template-columns: 1fr;
	}

	.acp-ai-worker-facts div,
	.acp-ai-worker-facts div:nth-child(odd),
	.acp-ai-worker-facts div:nth-last-child(-n+2) {
		border-right: 0;
		border-bottom: 1px solid #edf0f4;
	}

	.acp-ai-worker-facts div:last-child {
		border-bottom: 0;
	}

	.acp-table-head {
		flex-direction: column;
	}

	.acp-dashboard-hero {
		display: grid;
	}

	.acp-hero-actions {
		justify-content: flex-start;
	}

	.acp-two-column,
	.acp-setting-grid,
	.acp-stripe-price-grid {
		grid-template-columns: 1fr;
	}

	.acp-user-dashboard-layout,
	.acp-user-grid,
	.acp-user-overview-grid,
	.acp-user-overview-grid-bottom,
	.acp-stat-strip-six {
		grid-template-columns: 1fr;
	}

	.acp-user-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.acp-billing-toolbar,
	.acp-billing-management-grid,
	.acp-billing-lower-grid {
		display: grid;
		grid-template-columns: 1fr;
	}

	.acp-billing-toolbar .acp-search-form {
		grid-template-columns: 1fr;
	}

	.acp-billing-toolbar .acp-search-form > div {
		grid-template-columns: 1fr;
	}

	.acp-billing-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.acp-billing-chart-grid {
		grid-template-columns: 1fr;
	}

	.acp-billing-funnel-layout {
		grid-template-columns: 1fr;
	}

	.acp-funnel-side {
		grid-template-rows: auto;
	}

	.acp-ai-card-grid {
		grid-template-columns: 1fr;
	}

	.acp-donut-layout {
		grid-template-columns: 1fr;
	}

	.acp-billing-metric-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.acp-user-subnav {
		position: static;
		order: -1;
	}

	.acp-user-hero {
		display: grid;
	}

	.acp-user-quick-actions {
		justify-content: flex-start;
	}

	.style-preview-size-grid {
		grid-template-columns: 1fr;
	}

	.dashboard-shell,
	body.sidebar-collapsed .dashboard-shell,
	body.sidebar-collapsed .acp-shell,
	body.sidebar-collapsed .container.acp-shell {
		grid-template-columns: 1fr;
	}

	.dashboard-menu-panel {
		right: auto;
		left: 0;
	}

	.dashboard-user-menu .dashboard-menu-panel,
	.dashboard-credit-menu .dashboard-menu-panel {
		right: 0;
		left: auto;
	}

	.dashboard-menu summary {
		min-height: 36px;
		padding: 7px 9px;
	}

	.dashboard-sidebar {
		position: fixed;
		top: 84px;
		bottom: 0;
		left: 0;
		z-index: 90;
		width: min(336px, calc(100vw - 42px));
		min-height: 0;
		overflow-y: auto;
		border-right: 0;
		border-bottom: 1px solid #e4e8ef;
		box-shadow: 26px 0 70px rgba(15, 23, 42, 0.2);
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	body.sidebar-collapsed .dashboard-sidebar {
		width: min(336px, calc(100vw - 42px));
		padding: 24px 20px;
		border-right: 0;
		opacity: 0;
		pointer-events: none;
		transform: translateX(-105%);
	}

	body:not(.sidebar-collapsed) .dashboard-shell::before {
		content: "";
		position: fixed;
		inset: 84px 0 0;
		z-index: 80;
		background: rgba(15, 23, 42, 0.22);
		backdrop-filter: blur(2px);
	}

	.dashboard-main {
		padding: 22px 16px 34px;
	}

	.dashboard-main-centered > * {
		width: 100%;
	}

	.dashboard-lobby-main {
		width: 100%;
	}

	.dashboard-lobby-welcome {
		align-items: flex-start;
		flex-direction: column;
	}

	.dashboard-lobby-welcome strong,
	.dashboard-lobby-welcome span {
		white-space: normal;
	}

	.dashboard-project-hero {
		grid-template-columns: 1fr;
	}

	.dashboard-project-hero::before {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.9) 48%, rgba(255, 255, 255, 0.18) 100%);
	}

	.dashboard-project-hero::after {
		top: 52%;
		left: 50%;
		width: 72%;
		height: 210px;
		opacity: 0.12;
		transform: translate(-50%, -50%);
	}

	.dashboard-project-hero-copy {
		padding: 24px;
	}

	.dashboard-project-status-head h1 {
		font-size: 34px;
	}

	.dashboard-project-kpis {
		gap: 12px;
	}

	.dashboard-project-hero-image {
		min-height: 220px;
		margin: 0 14px 14px;
		border-radius: 24px 24px 8px 8px;
		clip-path: none;
		transform: none;
	}

	.dashboard-project-hero-overlay {
		inset: auto 18px 22px auto;
		max-width: min(360px, 78%);
	}

	.dashboard-lobby-action-grid,
	.dashboard-lobby-grid,
	.dashboard-lobby-workspace {
		grid-template-columns: 1fr;
	}

	.dashboard-team-activity-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dashboard-topbar {
		align-items: flex-start;
		flex-direction: column;
	}

	.dashboard-topbar .section-step-link {
		max-width: min(260px, calc(100vw - 32px));
	}

	.dashboard-stat-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dashboard-publish-notice,
	.publish-gate {
		grid-template-columns: 32px minmax(0, 1fr);
	}

	.dashboard-publish-notice .btn,
	.publish-gate .btn {
		grid-column: 2;
		justify-self: start;
	}

	.dashboard-company-row {
		grid-template-columns: 44px minmax(0, 1fr);
	}

	.dashboard-company-row .dashboard-status,
	.dashboard-row-readiness,
	.dashboard-row-actions {
		grid-column: 2;
		justify-self: start;
	}

	.dashboard-row-readiness {
		width: min(180px, 100%);
	}

	.dashboard-readiness-summary {
		grid-template-columns: 1fr;
	}

	.dashboard-readiness-meter {
		justify-items: start;
	}

	.dashboard-readiness-item {
		grid-template-columns: 20px minmax(0, 1fr);
	}

	.dashboard-readiness-item em,
	.dashboard-readiness-item button {
		grid-column: 2;
		justify-self: start;
	}

	.pricing-grid,
	.pricing-note-grid,
	.pricing-ai-panel,
	.pricing-section-head,
	.credit-package-grid,
	.pricing-credit-uses ul,
	.dashboard-feature-state,
	.dashboard-credit-hero,
	.dashboard-credit-grid,
	.dashboard-credit-bottom-grid,
	.billing-result-grid {
		grid-template-columns: 1fr;
	}

	.dashboard-credit-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dashboard-inquiry-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dashboard-credit-activity {
		overflow-x: auto;
	}

	.dashboard-credit-activity-head,
	.dashboard-credit-activity-row {
		min-width: 640px;
	}

	.dashboard-feature-lock {
		grid-template-columns: 28px minmax(0, 1fr);
	}

	.dashboard-feature-lock .btn {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.dashboard-billing-plan-head,
	.dashboard-billing-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.dashboard-billing-tabs {
		width: 100%;
		justify-content: center;
	}

	.cookie-consent {
		right: 10px;
		bottom: 10px;
		left: 10px;
	}

	.cookie-consent-actions {
		justify-content: stretch;
	}

	.cookie-consent-actions .btn {
		flex: 1 1 100%;
	}

	.pricing-page {
		padding-top: 32px;
	}

	.pricing-activation {
		grid-template-columns: 28px minmax(0, 1fr);
	}

	.pricing-activation .btn {
		grid-column: 1 / -1;
	}
}

@media (max-width: 560px) {
	.auth-debug-register-list button {
		grid-template-columns: 1fr;
	}

	.auth-debug-register-list button.is-active::after,
	.auth-debug-register-list button em {
		grid-column: auto;
		text-align: left;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.acp-billing-kpi-grid,
	.acp-billing-metric-grid {
		grid-template-columns: 1fr;
	}

	.acp-chart-frame {
		height: 230px;
	}

	.dashboard-appbar-actions {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, auto));
		justify-content: start;
	}

	.dashboard-team-activity-grid {
		grid-template-columns: 1fr;
	}

	.dashboard-project-status-head {
		grid-template-columns: 28px minmax(0, 1fr);
	}

	.dashboard-project-kpis span {
		min-width: 116px;
	}

	.dashboard-menu summary span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	.dashboard-menu summary .dashboard-user-avatar,
	.dashboard-language-summary .dashboard-language-flag {
		position: static;
		width: 24px;
		height: 24px;
		overflow: visible;
		clip: auto;
		white-space: normal;
	}

	.dashboard-menu summary,
	.dashboard-appbar-icon {
		justify-content: center;
		width: 38px;
		min-width: 38px;
		padding: 0;
	}

	.dashboard-menu summary svg:last-child {
		display: none;
	}

	.dashboard-menu-panel {
		position: fixed;
		top: 74px;
		right: 10px !important;
		left: 10px !important;
		width: auto;
	}

	.dashboard-inquiry-summary {
		grid-template-columns: 1fr;
	}

	.dashboard-inquiry-card header {
		flex-direction: column;
	}
}

.preview-box h2 {
	margin-top: 0;
	font-size: 30px;
	letter-spacing: 0;
	color: var(--company-primary, var(--teal));
}

.preview-box h3 {
	color: var(--company-accent, var(--orange));
	letter-spacing: 0;
}

.preview-hero-placeholder {
	min-height: 180px;
	margin-bottom: 24px;
	padding: 22px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 8px;
	color: var(--white);
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.18), rgba(255, 255, 255, 0.08)),
		linear-gradient(45deg, var(--company-primary, var(--teal)), var(--company-accent, var(--orange)));
}

.preview-hero-image {
	display: block;
	width: 100%;
	max-width: 760px;
	height: auto;
	margin-bottom: 24px;
	border-radius: 8px;
	border: 1px solid var(--line);
}

.ai-hero-placeholder {
	display: block;
	width: min(620px, 100%);
	min-height: 96px;
	margin: 0 0 18px;
	padding: 0;
	color: var(--white);
	border: 0;
	background: transparent;
	box-shadow: none;
	text-shadow: 0 1px 18px rgba(0, 0, 0, 0.34);
}

.local24-loader-surface.is-image {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	width: 100%;
	min-height: 96px;
	color: inherit;
}

.local24-loader-copy {
	display: grid;
	justify-items: start;
	gap: 6px;
	min-width: 0;
}

.local24-loader-surface.is-image strong {
	display: block;
	color: inherit;
	font-size: 18px;
}

.local24-loader-message {
	display: block;
	max-width: 560px;
	color: color-mix(in srgb, currentColor 90%, transparent);
}

.local24-loader-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-top: 8px;
}

.local24-loader-surface [hidden] {
	display: none !important;
}

.ai-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.local24-loader-image-icon,
.ai-hero-loader {
	position: relative;
	width: 64px;
	height: 64px;
}

.local24-loader-image-icon span,
.ai-hero-loader span {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 3px solid color-mix(in srgb, currentColor 22%, transparent);
	border-top-color: color-mix(in srgb, currentColor 95%, transparent);
	animation: aiHeroSpin 1.4s linear infinite;
}

.local24-loader-image-icon span:nth-child(2),
.ai-hero-loader span:nth-child(2) {
	inset: 9px;
	animation-duration: 1.9s;
	animation-direction: reverse;
}

.local24-loader-image-icon span:nth-child(3),
.ai-hero-loader span:nth-child(3) {
	inset: 22px;
	background: color-mix(in srgb, currentColor 92%, transparent);
	border: 0;
	animation: aiHeroPulse 1.5s ease-in-out infinite;
}

.local24-loader-text-host {
	position: relative;
	display: block;
	width: 100%;
}

.local24-loader-text-host > .is-local24-text-loading {
	width: 100%;
	color: transparent !important;
	caret-color: transparent;
	pointer-events: none;
}

.local24-loader-surface.is-text {
	position: absolute;
	inset: 1px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 9px;
	padding: 10px 12px;
	overflow: hidden;
	border-radius: max(5px, calc(var(--radius, 8px) - 1px));
	background: color-mix(in srgb, var(--white) 94%, var(--editor-soft, var(--soft)));
	pointer-events: none;
}

.local24-loader-text-line {
	display: block;
	width: 94%;
	height: 10px;
	border-radius: 999px;
	background: linear-gradient(
		100deg,
		color-mix(in srgb, var(--editor-primary, var(--teal)) 9%, var(--white)) 12%,
		color-mix(in srgb, var(--editor-primary, var(--teal)) 25%, var(--white)) 38%,
		color-mix(in srgb, var(--orange) 26%, var(--white)) 52%,
		color-mix(in srgb, var(--editor-primary, var(--teal)) 9%, var(--white)) 78%
	);
	background-size: 240% 100%;
	animation: local24TextLoaderSweep 1.35s ease-in-out infinite;
}

.local24-loader-text-line:nth-child(2) {
	width: 78%;
	animation-delay: 90ms;
}

.local24-loader-text-line:nth-child(3) {
	width: 88%;
	animation-delay: 180ms;
}

.local24-loader-text-line:nth-child(4) {
	width: 62%;
	animation-delay: 270ms;
}

.local24-loader-text-line:nth-child(5) {
	width: 72%;
	animation-delay: 360ms;
}



@keyframes aiHeroSpin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes aiHeroPulse {
	0%, 100% {
		transform: scale(0.82);
		opacity: 0.72;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes local24TextLoaderSweep {
	0% {
		background-position: 105% 0;
	}
	100% {
		background-position: -115% 0;
	}
}

@media (max-width: 560px) {
	.local24-loader-surface.is-image {
		grid-template-columns: 52px minmax(0, 1fr);
		gap: 12px;
	}

	.local24-loader-image-icon {
		width: 48px;
		height: 48px;
	}
}

@keyframes imageActionSparkle {
	0%, 100% {
		transform: scale(0.92) rotate(0deg);
		opacity: 0.72;
	}
	50% {
		transform: scale(1.12) rotate(14deg);
		opacity: 1;
	}
}

.preview-hero-placeholder span {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
}

.preview-hero-placeholder p {
	max-width: 680px;
	margin: 8px 0 0;
}

.build-list {
	display: grid;
	gap: 12px;
	margin-top: 28px;
}

.build-list div {
	position: relative;
	padding: 14px 16px 14px 42px;
	background: var(--soft);
	border-radius: 6px;
	font-weight: 700;
}

.build-list div::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-radius: 50%;
	background: var(--orange);
	box-shadow: 0 0 0 6px rgba(245, 155, 16, 0.15);
}

.generation-card {
	position: relative;
	overflow: hidden;
}

.generation-card::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 15% 0%, rgba(245, 155, 16, 0.12), transparent 32%),
		radial-gradient(circle at 90% 15%, rgba(32, 119, 127, 0.16), transparent 34%);
}

.generation-card > * {
	position: relative;
}

.generation-loader {
	width: 86px;
	height: 86px;
	position: relative;
	margin-bottom: 24px;
}

.loader-ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: conic-gradient(from 0deg, var(--orange), var(--teal), #d8eef0, var(--orange));
	animation: loader-spin 1.3s linear infinite;
}

.loader-ring::after {
	content: "";
	position: absolute;
	inset: 8px;
	border-radius: 50%;
	background: var(--white);
}

.loader-core {
	position: absolute;
	inset: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--white);
	background: var(--teal);
	font-weight: 800;
	letter-spacing: 0;
}

.progress-track {
	height: 10px;
	margin: 28px 0 18px;
	overflow: hidden;
	border-radius: 999px;
	background: #e8eef0;
}

.progress-fill {
	width: 8%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--teal), var(--orange));
	transition: width 700ms ease;
}

.build-list-modern div {
	padding-left: 50px;
	transition: background 220ms ease, color 220ms ease, transform 220ms ease;
}

.build-list-modern div::before {
	background: #cbd5dc;
	box-shadow: none;
}

.build-list-modern div.is-active {
	background: #eef8f8;
	color: var(--teal-dark);
	transform: translateX(4px);
}

.build-list-modern div.is-active::before {
	background: var(--orange);
	box-shadow: 0 0 0 7px rgba(245, 155, 16, 0.16);
	animation: loader-pulse 1.4s ease-in-out infinite;
}

.build-list-modern div.is-done::before {
	background: var(--teal);
}

.loader-hint {
	margin: 22px 0 0;
	color: var(--muted);
	font-size: 14px;
}

.generation-card form {
	margin-top: 18px;
}

.generation-card form.is-submitting {
	opacity: 0.45;
	pointer-events: none;
}

@keyframes loader-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes loader-pulse {
	0%,
	100% {
		transform: translateY(-50%) scale(1);
	}
	50% {
		transform: translateY(-50%) scale(1.25);
	}
}

.ai-note {
	color: var(--muted);
	font-size: 13px;
}

@media (max-width: 820px) {
	.nav-wrap,
	.footer-grid,
	.main-nav {
		align-items: flex-start;
		flex-direction: column;
	}

	.site-header .nav-wrap,
	.site-header .main-nav {
		align-items: center;
		flex-direction: row;
	}

	.site-header .nav-wrap {
		width: 100%;
		min-height: 44px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.site-header .brand-mark {
		width: 24px;
		height: 24px;
		font-size: 10px;
	}

	.site-header .brand-text {
		font-size: 17px;
	}

	.site-header .header-search {
		display: none;
	}

	.site-header .main-nav {
		gap: 8px;
		font-size: 12px;
	}

	.site-header .main-nav .btn {
		min-height: 28px;
		padding: 5px 8px;
		font-size: 12px;
	}

	.onboarding-header-wrap {
		align-items: flex-start;
		flex-direction: column;
		padding: 14px 0;
		gap: 12px;
	}

	.onboarding-header-actions {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 10px 16px;
		font-size: 14px;
	}

	.price-modal-card {
		padding: 24px;
	}

	.price-mini-grid {
		grid-template-columns: 1fr;
	}

	.header-search {
		flex: 0 0 auto;
		width: 100%;
		max-width: none;
	}

	.hero-grid,
	.onboarding-grid,
	.design-choice-grid,
	.grid-2,
	.grid-3,
	.service-card-grid,
	.meta-grid,
	.company-footer-main,
	.company-footer-bottom,
	.about-feature,
	.preview-editor-shell,
	.about-preview-feature {
		grid-template-columns: 1fr;
	}

	.editor-header {
		align-items: flex-start;
		flex-direction: column;
	}

	.editor-actions {
		justify-content: flex-start;
	}

	.company-footer-links {
		justify-content: flex-start;
	}

	.company-footer {
		--footer-space-top: 42px;
		--footer-space-bottom: 28px;
	}

	.company-footer-main {
		gap: 24px;
	}

	.company-footer-column {
		padding: 22px 0 0;
		border-top: 1px solid color-mix(in srgb, var(--company-footer-text, #f7f7f8) 14%, transparent);
		border-left: 0;
	}

	.company-footer-bottom {
		align-items: start;
	}

	.company-footer-top {
		justify-self: start;
	}

	.company-cover {
		width: 100%;
		min-height: 360px;
		margin-top: 0;
		padding: 56px 0;
	}


	.company-cover h1 {
		font-size: var(--company-hero-heading-size);
	}

	.hero-meta-row {
		gap: 10px 16px;
		margin-bottom: 18px;
	}

	.hero-stats-row {
		gap: 8px 14px;
	}


	.company-actions-section {
		--header-brand-size: 175px;
		--header-meta-height: 86px;
		margin-top: 0;
		padding-bottom: 24px;
	}

	.profile-action-wrap {
		grid-template-columns: 1fr;
		gap: 8px;
		min-height: 0;
		padding-top: 0;
	}

	.company-profile-avatar {
		position: relative;
		top: auto;
		left: auto;
		width: var(--header-brand-size);
		margin: calc(var(--header-brand-size) / -2) auto 0;
		border-width: 7px;
	}

	.profile-action-content {
		display: grid;
		gap: 18px;
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.header-meta-grid {
		grid-column: auto;
		grid-template-columns: 1fr;
		gap: 0;
		height: auto;
		min-height: 0;
		padding-top: 0;
		padding-bottom: 12px;
		border-bottom: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 18%, var(--line));
	}

	.header-meta-item {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 12px;
		padding: 14px 4px;
		border-right: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 16%, var(--line));
	}

	.header-meta-item:last-child {
		border-bottom: 0;
	}

	.header-meta-item > svg {
		width: 28px;
		height: 28px;
	}

	.header-meta-item strong {
		font-size: 16px;
	}

	.header-meta-item small {
		font-size: 13px;
	}

	.profile-action-content .quick-actions {
		grid-column: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		padding-top: 0;
		border-top: 0;
	}

	.profile-action-content .quick-action {
		min-height: 44px;
		padding: 8px 10px;
	}


	.profile-action-content .quick-action span {
		font-size: 14px;
	}

	.community-row {
		display: flex;
		width: 100%;
	}

	.meta-grid {
		overflow: visible;
	}

	.meta-item {
		border-right: 0;
		border-bottom: 1px solid var(--line);
	}

	.meta-item:last-child {
		border-bottom: 0;
	}

	.quick-action {
		flex: 1 1 calc(50% - 8px);
		justify-content: center;
	}

	.service-card-tools {
		opacity: 1;
		transform: none;
	}

	.editor-sidebar {
		position: static;
	}

	.is-editor-preview {
		padding: 208px 0 0;
	}

	.is-preview-mode {
		padding-top: 150px;
	}

	.preview-top-bar {
		grid-template-columns: 1fr;
		align-items: stretch;
		gap: 8px;
	}

	.preview-status {
		justify-items: start;
	}

	.preview-actions {
		flex-wrap: wrap;
		justify-content: flex-start;
	}





	.block-navigator {
		position: static;
		width: auto;
		margin: 18px 16px 0;
		overflow: visible;
	}

	.public-editor-sidebar {
		position: static;
		width: auto;
		margin: 18px 16px;
	}

	.theme-picker {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.question-card {
		padding: 24px;
	}

	.question-card h1 {
		font-size: 34px;
	}

	.onboarding-step {
		align-items: flex-start;
		padding: 28px 0 48px;
	}

	.onboarding-shell {
		display: block;
	}

	.onboarding-stepper {
		display: none;
	}

	.onboarding-mobile-stepper {
		display: block;
	}

	.onboarding-help {
		display: block;
		margin-top: 18px;
	}

	.onboarding-help-card {
		padding: 0;
		overflow: hidden;
	}

	.onboarding-help-card summary {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 16px;
		color: var(--ink);
		font-weight: 900;
		cursor: pointer;
	}

	.onboarding-help-card summary svg {
		width: 22px;
		height: 22px;
		color: var(--teal);
	}

	.onboarding-help-card > svg,
	.onboarding-help-card > h2 {
		display: none;
	}

	.onboarding-help-list,
	.onboarding-help-examples,
	.onboarding-help-chat {
		margin-left: 16px;
		margin-right: 16px;
	}

	.onboarding-help-chat {
		margin-bottom: 16px;
	}

	.highlight-track {
		min-height: 280px;
	}

	.highlight-content {
		left: 22px;
		right: 22px;
		top: 50%;
		bottom: auto;
		max-width: min(78vw, 420px);
		max-height: 68%;
		--banner-font-padding: min(var(--banner-font-padding, 18px), 10px);
		--banner-font-blur: min(var(--banner-font-blur, 8px), 6px);
		transform: translateY(-50%);
	}

	.company-page-theme .highlight-content h2,
	.company-page-theme .highlight-content h3,
	.company-page-theme .highlight-content h4,
	.company-page-theme .highlight-slide .highlight-content h2,
	.company-page-theme .highlight-slide .highlight-content h3,
	.company-page-theme .highlight-slide .highlight-content h4 {
		margin-bottom: 8px;
		font-size: calc(var(--company-highlight-heading-size) * var(--highlight-title-scale, 1));
		line-height: 1.02;
	}

	.highlight-content p {
		display: -webkit-box;
		overflow: hidden;
		font-size: 14px;
		line-height: 1.35;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.highlight-content span {
		margin-bottom: 6px;
		font-size: 11px;
	}

	.highlight-action-link {
		margin-top: 10px;
	}

	.contact-panel {
		grid-template-columns: 1fr;
		align-items: start;
		padding: 24px;
	}

	.contact-slogan {
		margin-top: 8px;
	}

	.contact-form textarea {
		min-height: 170px;
	}

	.contact-panel h2 {
		font-size: 30px;
	}

	.search-home {
		align-items: flex-start;
		padding: 18px 10px;
	}

	.search-panel {
		border-radius: 8px;
	}

	.search-box {
		grid-template-columns: 20px minmax(0, 1fr) auto auto;
		padding: 13px;
	}

	.search-filter-bar,
	.search-panel-footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.search-results a {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.search-results a > svg {
		display: none;
	}

	.result-title em {
		display: table;
		margin: 4px 0 0;
	}

	.directory-search {
		padding: 34px 12px 54px;
	}

	.directory-search-head {
		text-align: left;
	}

	.directory-main-search {
		grid-template-columns: 1fr;
		padding: 10px;
		border-radius: 8px;
	}

	.directory-query-field,
	.directory-place-field,
	.directory-main-search select,
	.directory-main-search button {
		border-radius: 8px;
	}

	.directory-main-search button {
		width: 100%;
	}

	.directory-conversation-agenda {
		grid-template-columns: 1fr;
		padding: 16px;
	}

	.directory-conversation-interrupt > div {
		grid-template-columns: 1fr;
	}

	.directory-options {
		align-items: flex-start;
		flex-direction: column;
		padding: 0;
	}

	.directory-categories {
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 4px;
	}

	.directory-categories a {
		white-space: nowrap;
	}

	.directory-active-filters {
		justify-content: flex-start;
	}

	.directory-discover {
		grid-template-columns: 1fr;
	}

	.directory-owner-invite {
		align-items: flex-start;
		flex-direction: column;
		padding: 21px 18px;
	}

	.directory-owner-invite > a {
		width: 100%;
		text-align: center;
	}

	.directory-results a {
		grid-template-columns: 44px minmax(0, 1fr);
	}

	.directory-results a > svg {
		display: none;
	}

	.directory-result-title em {
		display: table;
		margin: 5px 0 0;
	}

	.directory-company-card {
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 12px;
	}

	.directory-card-media {
		width: 64px;
		min-height: 88px;
	}

	.directory-card-media strong {
		max-width: 52px;
		font-size: 21px;
	}

	.directory-card-open {
		display: none;
	}

	.directory-card-title {
		font-size: 16px;
	}

	.directory-card-meta {
		gap: 7px 10px;
		font-size: 12px;
	}
}

.public-editor-sidebar .help-tip,
.block-navigator .help-tip,
.company-page-theme .help-tip {
	display: inline-flex;
	width: auto;
	min-width: 0;
	margin-left: 4px;
	vertical-align: -3px;
}

.public-editor-sidebar .help-tip-button,
.block-navigator .help-tip-button,
.company-page-theme .help-tip-button,
.help-tip .help-tip-button {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	max-width: 18px !important;
	min-height: 18px !important;
	max-height: 18px !important;
	flex: 0 0 18px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	line-height: 1 !important;
}

.public-editor-sidebar .help-tip-button svg,
.block-navigator .help-tip-button svg,
.company-page-theme .help-tip-button svg,
.help-tip .help-tip-button svg {
	width: 10px !important;
	height: 10px !important;
}

.help-center .help-center-dock-toggle {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	max-width: 28px !important;
	min-height: 28px !important;
	max-height: 28px !important;
	flex: 0 0 28px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	line-height: 1 !important;
}

.help-center .help-center-dock-toggle span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.help-center .help-center-dock-toggle svg {
	width: 15px !important;
	height: 15px !important;
}

/* Keep all editor inspector groups compact even when later card rules change. */
.public-editor-sidebar .editor-panel .inspector-ux-group.editor-subcard:not(.inspector-nested-accordion) {
	display: grid;
	gap: 0;
	padding: 0;
}

.public-editor-sidebar .editor-panel .inspector-ux-group:not(.inspector-nested-accordion) > summary {
	margin: 0;
	border-radius: 7px 7px 0 0;
	background: #f5fbfc;
}

.public-editor-sidebar .editor-panel .inspector-ux-group[open] > summary {
	color: #ffffff;
	background: var(--editor-accent);
	border-bottom-color: color-mix(in srgb, var(--editor-accent) 78%, #ffffff);
}

.public-editor-sidebar .editor-panel .inspector-ux-group[open] > summary::before {
	background: rgba(255, 255, 255, 0.36);
	opacity: 1;
}

.public-editor-sidebar .editor-panel .inspector-nested-accordion.inspector-ux-group[open] > summary {
	color: var(--editor-primary);
	background: color-mix(in srgb, var(--editor-accent) 24%, #f7fbfc);
	border-bottom-color: color-mix(in srgb, var(--editor-accent) 36%, #dcebed);
}

.public-editor-sidebar .editor-panel details.inspector-nested-accordion.inspector-ux-group[open] > summary,
.public-editor-sidebar .editor-panel details[data-inspector-key^="banner."][open] > summary {
	color: var(--editor-primary) !important;
	background: color-mix(in srgb, var(--editor-accent) 24%, #f7fbfc) !important;
	border-bottom-color: color-mix(in srgb, var(--editor-accent) 36%, #dcebed) !important;
}

.public-editor-sidebar .editor-panel details.image-tools-expander.inspector-nested-accordion.inspector-ux-group[open] > summary {
	color: var(--editor-accent) !important;
	background: #ffffff !important;
	border-bottom-color: #edf3f5 !important;
}

.public-editor-sidebar .editor-panel .highlight-image-source-card .inspector-inline-accordion > summary,
.public-editor-sidebar .editor-panel .highlight-image-source-card .inspector-inline-accordion[open] > summary,
.public-editor-sidebar .editor-panel .highlight-image-source-card details.image-tools-expander.inspector-nested-accordion.inspector-ux-group > summary,
.public-editor-sidebar .editor-panel .highlight-image-source-card details.image-tools-expander.inspector-nested-accordion.inspector-ux-group[open] > summary,
.public-editor-sidebar .editor-panel .highlight-image-source-card details.image-inpaint-expander.inspector-nested-accordion.inspector-ux-group > summary,
.public-editor-sidebar .editor-panel .highlight-image-source-card details.image-inpaint-expander.inspector-nested-accordion.inspector-ux-group[open] > summary {
	color: var(--editor-accent) !important;
	background: transparent !important;
	border: 0 !important;
	padding: 8px 0 !important;
}

.public-editor-sidebar .editor-panel .highlight-image-source-card [data-highlight-source-panel] .hero-media-open-button {
	width: 100%;
	margin: 0 0 14px;
}

.public-editor-sidebar .editor-panel .inspector-ux-group > .inspector-nested-accordion {
	margin: 10px 8px;
}

.public-editor-sidebar .editor-panel .inspector-ux-group > .inspector-nested-accordion:last-child {
	margin-bottom: 10px;
}

.public-editor-sidebar .editor-panel[data-editor-panel="highlights"]:not(.is-highlight-item-focused) details[data-inspector-key="highlights.slide_edit"],
.public-editor-sidebar .editor-panel[data-editor-panel="highlights"].is-highlight-item-focused details[data-inspector-key="highlights.design"],
.public-editor-sidebar .editor-panel[data-editor-panel="highlights"].is-highlight-item-focused details[data-inspector-key="highlights.slides"],
.public-editor-sidebar .editor-panel[data-editor-panel="highlights"].is-highlight-item-focused details[data-inspector-key="highlights.heading_scale"],
.public-editor-sidebar .editor-panel[data-editor-panel="highlights"].is-highlight-item-focused details[data-inspector-key="highlights.banner_font"] {
	display: none !important;
}

.public-editor-sidebar .editor-panel .design-glow-label {
	color: #6a788b;
	font-weight: 700;
	opacity: 1;
}

.local24-confirm-modal-backdrop {
	position: fixed;
	inset: 0;
	z-index: 12000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 22px;
	background: rgba(8, 24, 39, 0.58);
	backdrop-filter: blur(10px);
}

.local24-confirm-modal {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px 16px;
	width: min(440px, 100%);
	padding: 20px;
	border: 1px solid rgba(168, 196, 210, 0.7);
	border-radius: 8px;
	background: #f8fcfd;
	box-shadow: 0 22px 70px rgba(6, 21, 34, 0.3);
	color: #243247;
}

.local24-confirm-modal-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(31, 126, 132, 0.12);
	color: #1f7e84;
}

.local24-confirm-modal.is-danger .local24-confirm-modal-icon {
	background: rgba(211, 47, 47, 0.1);
	color: #c62828;
}

.local24-confirm-modal.is-nogo .local24-confirm-modal-icon {
	background: rgba(211, 47, 47, 0.1);
	color: #c62828;
}

.local24-confirm-modal.is-success .local24-confirm-modal-icon {
	background: rgba(46, 125, 50, 0.12);
	color: #2e7d32;
}

.local24-confirm-modal-icon svg {
	width: 21px;
	height: 21px;
}

.local24-confirm-modal-copy h2 {
	margin: 0 0 7px;
	color: #12233a;
	font-size: 22px;
	line-height: 1.16;
	letter-spacing: 0;
}

.local24-confirm-modal-copy p {
	margin: 0;
	color: #53647a;
	font-size: 14px;
	line-height: 1.55;
}

.local24-confirm-modal-actions {
	grid-column: 1 / -1;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding-top: 6px;
}

.local24-confirm-modal-actions .btn {
	min-height: 40px;
}

.local24-confirm-modal:has(.local24-preflight-box) {
	width: min(680px, 100%);
}

.local24-preflight-box {
	display: grid;
	gap: 12px;
	margin-top: 14px;
}

.local24-preflight-status {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid #c9e4e7;
	border-radius: 8px;
	background: #eef7f8;
	color: #21364a;
}

.local24-preflight-status strong {
	min-width: 48px;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.local24-preflight-status span {
	font-size: 13px;
	line-height: 1.4;
}

.local24-preflight-status.is-go {
	border-color: rgba(46, 125, 50, 0.25);
	background: rgba(46, 125, 50, 0.08);
}

.local24-preflight-status.is-goif {
	border-color: rgba(245, 158, 11, 0.38);
	background: rgba(245, 158, 11, 0.12);
}

.local24-preflight-status.is-nogo {
	border-color: rgba(211, 47, 47, 0.28);
	background: rgba(211, 47, 47, 0.08);
}

.local24-preflight-credits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 0;
}

.local24-preflight-credits div {
	padding: 10px;
	border: 1px solid #d7e4ea;
	border-radius: 8px;
	background: #fff;
}

.local24-preflight-credits dt {
	margin: 0 0 3px;
	color: #64748b;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.local24-preflight-credits dd {
	margin: 0;
	color: #17263a;
	font-size: 15px;
	font-weight: 900;
}

.local24-preflight-list {
	margin: 0;
	padding-left: 18px;
	color: #46566b;
	font-size: 13px;
	line-height: 1.45;
}

.local24-preflight-list li + li {
	margin-top: 6px;
}

.local24-preflight-list.is-primary {
	padding: 10px 12px 10px 28px;
	border: 1px solid rgba(245, 158, 11, 0.25);
	border-radius: 8px;
	background: rgba(245, 158, 11, 0.08);
	color: #314155;
}

.local24-preflight-more {
	border: 1px solid #d7e4ea;
	border-radius: 8px;
	background: #fff;
}

.local24-preflight-more summary {
	cursor: pointer;
	padding: 9px 11px;
	color: #52657a;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.local24-preflight-more .local24-preflight-list {
	padding: 0 12px 10px 28px;
}

.local24-preflight-prompt {
	display: grid;
	gap: 6px;
}

.local24-preflight-prompt span,
.local24-preflight-prompt label {
	color: #64748b;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.local24-preflight-prompt pre {
	max-height: 170px;
	margin: 0;
	overflow: auto;
	padding: 10px;
	border: 1px solid #d7e4ea;
	border-radius: 8px;
	background: #fff;
	color: #26384d;
	font: inherit;
	font-size: 13px;
	line-height: 1.45;
	white-space: pre-wrap;
}

.local24-preflight-prompt textarea {
	width: 100%;
	min-height: 76px;
	resize: vertical;
	padding: 10px;
	border: 1px solid #d7e4ea;
	border-radius: 8px;
	background: #fff;
	color: #26384d;
	font: inherit;
	font-size: 13px;
	line-height: 1.45;
}

.local24-preflight-prompt .btn-small {
	justify-self: end;
	min-height: 32px;
	padding: 7px 10px;
	font-size: 12px;
}

.local24-preflight-note {
	margin: 0;
	color: #6b7a8e;
	font-size: 12px;
	line-height: 1.45;
}

@media (max-width: 560px) {
	.local24-confirm-modal {
		grid-template-columns: 1fr;
	}

	.local24-preflight-credits {
		grid-template-columns: 1fr;
	}

	.local24-confirm-modal-actions {
		flex-direction: column-reverse;
	}

	.local24-confirm-modal-actions .btn {
		width: 100%;
	}
}

:where([data-async-image-frame]:not(.company-profile-avatar)) {
	position: relative;
}

[data-async-image-frame]:not(.company-profile-avatar) {
	overflow: hidden;
	isolation: isolate;
}

[data-async-image-frame] img {
	transition: filter 180ms ease, transform 180ms ease, opacity 180ms ease;
}

[data-async-image-frame].local24-async-image-loading {
	background: linear-gradient(145deg, #eef2f7, #e2e8f0);
}

[data-async-image-frame].local24-async-image-loading > img {
	filter: blur(7px) saturate(0.86);
	transform: scale(1.04);
	opacity: 0.78;
}

[data-async-image-frame].local24-async-image-loading > .company-cover-image {
	filter: blur(7px) saturate(0.86);
	opacity: 0.78;
}

[data-async-image-frame].local24-async-image-loading > span:not(.local24-async-image-loader-ui) {
	opacity: 0.22;
}

.local24-async-image-loader-ui {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: grid;
	place-items: center;
	gap: 10px;
	padding: 14px;
	background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.68), rgba(248, 250, 252, 0.32) 44%, rgba(15, 23, 42, 0.1));
	backdrop-filter: blur(1px);
	text-align: center;
	pointer-events: none;
}

.local24-async-image-spinner {
	display: block;
	width: clamp(36px, 38%, 68px);
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	border: 3px solid rgba(15, 118, 110, 0.2);
	border-top-color: #0f766e;
	border-right-color: rgba(20, 184, 166, 0.65);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	animation: local24-async-image-spin 900ms linear infinite;
}

.local24-async-image-loader-text {
	display: grid;
	gap: 3px;
	max-width: min(260px, 90%);
	color: #0f172a;
	line-height: 1.25;
}

.local24-async-image-loader-text strong {
	font-size: 13px;
	font-weight: 900;
}

.local24-async-image-loader-text small {
	color: #475569;
	font-size: 12px;
	font-weight: 700;
}

@keyframes local24-async-image-spin {
	to {
		transform: rotate(360deg);
	}
}

.acp-intelligence-platform .acp-data-table td {
	vertical-align: top;
}

.acp-section-nav {
	position: sticky;
	top: 82px;
	z-index: 12;
	display: flex;
	gap: 4px;
	width: 100%;
	padding: 6px;
	border: 1px solid #dbe5ef;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 10px 24px rgba(20, 32, 51, 0.08);
	overflow-x: auto;
	box-sizing: border-box;
}

.acp-section-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 34px;
	padding: 0 12px;
	border-radius: 6px;
	color: #52627b;
	font-size: 12px;
	font-weight: 850;
	text-decoration: none;
	white-space: nowrap;
}

.acp-section-nav a:hover,
.acp-section-nav a.is-active {
	background: #e8f7f4;
	color: #087f6f;
}

.acp-section-nav a:focus-visible {
	outline: 2px solid #0f766e;
	outline-offset: 2px;
}

.acp-section-nav i {
	width: 15px;
	height: 15px;
}

.acp-dashboard-hero .acp-section-nav {
	position: static;
	width: fit-content;
	margin-top: 18px;
	box-shadow: none;
	background: #f8fafc;
}

/* Grid/flex children must shrink before the ACP section links wrap. */
.acp-page-header > div {
 min-width: 0;
 max-width: 100%;
}
.acp-page-header .acp-section-nav {
 max-width: 100%;
 flex-wrap: wrap;
}

.acp-main > .form-card:first-child .acp-section-nav,
.digital-team-hero .acp-section-nav {
	position: static;
	width: fit-content;
	max-width: 100%;
	margin-top: 18px;
	box-shadow: none;
	background: #f8fafc;
}

.acp-section-target {
	scroll-margin-top: 140px;
}

.acp-quality-lab-hero .acp-section-nav {
	margin-top: 18px;
}

.acp-quality-lab-stats {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.acp-quality-search,
.acp-quality-run-overview,
.acp-quality-history {
	border-color: #d9e4ef;
}

.acp-quality-tab-panel {
	display: grid;
	gap: 18px;
}

.acp-quality-tab-panel[hidden] {
	display: none;
}

.acp-quality-section-head,
.acp-quality-run-overview {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.acp-quality-section-head h2,
.acp-quality-section-head p,
.acp-quality-run-overview h2,
.acp-quality-run-overview p {
	margin: 0;
}

.acp-quality-section-head h2,
.acp-quality-run-overview h2 {
	color: #142033;
	font-size: 22px;
}

.acp-quality-section-head p,
.acp-quality-run-overview p {
	margin-top: 5px;
	color: #63718a;
	font-size: 13px;
	font-weight: 650;
}

.acp-quality-module-state,
.acp-quality-run-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 28px;
	padding: 4px 9px;
	border: 1px solid #b8e9d1;
	border-radius: 14px;
	background: #effcf5;
	color: #177b45;
	font-size: 12px;
	font-weight: 850;
	white-space: nowrap;
}

.acp-quality-module-state i {
	width: 15px;
	height: 15px;
}

.acp-quality-run-status.is-failed {
	border-color: #fecaca;
	background: #fff4f4;
	color: #c24141;
}

.acp-quality-run-status.is-running {
	border-color: #bfdbfe;
	background: #f0f7ff;
	color: #1d6ab5;
}

.acp-quality-run-form {
	display: grid;
	grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(115px, 0.7fr)) auto;
	gap: 12px;
	align-items: end;
	margin-top: 20px;
}

.acp-quality-run-form label:not(.is-planned),
.acp-quality-prompt-field {
	display: grid;
	gap: 5px;
	min-width: 0;
	color: #53627b;
	font-size: 11px;
	font-weight: 850;
}

.acp-quality-run-form input[type="text"],
.acp-quality-run-form select,
.acp-quality-score-grid input {
	box-sizing: border-box;
	width: 100%;
	min-height: 36px;
	padding: 7px 9px;
	border: 1px solid #d7e1ec;
	border-radius: 6px;
	background: #fff;
	color: #1d2a3c;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
}

.acp-quality-provider-select,
.acp-quality-engine-select {
	display: flex;
	grid-column: 1 / -1;
	gap: 9px;
	align-items: center;
	margin: 0;
	padding: 0;
	border: 0;
}

.acp-quality-provider-select legend,
.acp-quality-engine-select legend {
	width: auto;
	margin-right: 5px;
	padding: 0;
	color: #53627b;
	font-size: 11px;
	font-weight: 850;
}

.acp-quality-provider-select label:not(.is-planned),
.acp-quality-engine-select label {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	min-height: 30px;
	padding: 4px 9px;
	border: 1px solid #d8e2ed;
	border-radius: 6px;
	background: #f8fafc;
	color: #31415a;
	font-size: 12px;
	font-weight: 800;
}

.acp-quality-provider-select input,
.acp-quality-engine-select input {
	margin: 0;
}

.acp-quality-provider-select .is-planned {
	color: #94a3b8;
}

.acp-quality-engine-empty {
	color: #9a3412;
	font-size: 12px;
	font-weight: 750;
}

.acp-quality-run-form .btn {
	min-height: 36px;
	white-space: nowrap;
}

.acp-quality-run-overview {
	margin-top: 16px;
}

.acp-quality-run-overview .eyebrow {
	margin: 0 0 7px;
}

.acp-quality-summary-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 12px;
	margin: 16px 0;
}

.acp-quality-summary-card {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 0;
	padding: 14px;
}

.acp-quality-provider-mark {
	display: inline-grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 7px;
	background: #e9f8f5;
	color: #0c786c;
	font-size: 16px;
	font-weight: 900;
}

.acp-quality-summary-card div {
	display: grid;
	gap: 2px;
}

.acp-quality-summary-card span,
.acp-quality-summary-card small {
	color: #64748b;
	font-size: 12px;
	font-weight: 750;
}

.acp-quality-summary-card strong {
	color: #142033;
	font-size: 17px;
}

.acp-quality-result-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
	gap: 14px;
}

.acp-quality-result-card {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-color: #d9e4ef;
}

.acp-quality-result-card.is-failed {
	border-color: #fecaca;
}

.acp-quality-result-image {
	display: grid;
	width: 100%;
	aspect-ratio: 16 / 10;
	place-items: center;
	background: #eef3f7;
	color: #c24141;
}

.acp-quality-result-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.acp-quality-result-image i {
	width: 32px;
	height: 32px;
}

.acp-quality-result-meta,
.acp-quality-ai-meta,
.acp-quality-score-form,
.acp-quality-error {
	padding: 13px 14px 0;
}

.acp-quality-result-meta {
	display: grid;
	gap: 4px;
}

.acp-quality-result-meta strong {
	color: #142033;
	font-size: 14px;
}

.acp-quality-result-meta span,
.acp-quality-result-meta a {
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
}

.acp-quality-result-meta a {
	color: #1b6f87;
}

.acp-quality-source-link {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	text-decoration: none;
}

.acp-quality-source-link i {
	width: 13px;
	height: 13px;
}

.acp-quality-ai-meta {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 12px 14px 0;
	padding: 9px 10px;
	border: 1px solid #dbe5ef;
	border-radius: 6px;
	background: #f8fafc;
	color: #53627b;
}

.acp-quality-ai-meta > i {
	width: 16px;
	height: 16px;
	margin-top: 1px;
	color: #7c8ba0;
}

.acp-quality-ai-meta div {
	display: grid;
	gap: 1px;
}

.acp-quality-ai-meta span,
.acp-quality-ai-meta small {
	font-size: 11px;
	font-weight: 750;
}

.acp-quality-ai-meta strong {
	color: #253247;
	font-size: 12px;
}

.acp-quality-ai-meta.is-ai-assisted {
	border-color: #bce9df;
	background: #effbf8;
}

.acp-quality-ai-meta.is-ai-assisted > i,
.acp-quality-ai-meta.is-ai-assisted strong {
	color: #087d6f;
}

.acp-quality-score-form {
	padding-bottom: 13px;
}

.acp-quality-score-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.acp-quality-score-grid label {
	display: grid;
	gap: 4px;
	color: #53627b;
	font-size: 11px;
	font-weight: 850;
}

.acp-quality-score-grid input {
	min-height: 32px;
	padding: 5px 7px;
}

.acp-quality-score-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 11px;
	color: #0c786c;
	font-size: 13px;
	font-weight: 900;
}

.acp-quality-score-footer .btn {
	min-height: 32px;
	padding: 5px 8px;
	font-size: 11px;
}

.acp-quality-error {
	margin: 0;
	padding-bottom: 14px;
	color: #c24141;
	font-size: 13px;
	font-weight: 750;
}

.acp-quality-empty,
.acp-quality-module-placeholder {
	display: flex;
	gap: 14px;
	align-items: center;
	color: #53627b;
}

.acp-quality-empty i,
.acp-quality-module-placeholder > i {
	width: 28px;
	height: 28px;
	color: #0c8e80;
}

.acp-quality-module-placeholder h2,
.acp-quality-module-placeholder p,
.acp-quality-history h2 {
	margin: 0;
}

.acp-quality-module-placeholder p {
	margin-top: 5px;
	color: #64748b;
}

@media (max-width: 1100px) {
	.acp-quality-run-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	.acp-quality-lab-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.acp-quality-section-head,
	.acp-quality-run-overview,
	.acp-quality-score-footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.acp-quality-run-form {
		grid-template-columns: 1fr;
	}

	.acp-quality-provider-select,
	.acp-quality-engine-select {
		flex-wrap: wrap;
	}
}

.acp-intelligence-platform .acp-inline-form {
	flex-wrap: wrap;
	align-items: flex-end;
	max-width: 760px;
}

.acp-intelligence-platform .acp-inline-form label:not(.checkbox-row) {
	display: grid;
	gap: 4px;
	min-width: 112px;
	margin: 0;
	color: #516071;
	font-size: 11px;
	font-weight: 850;
}

.acp-intelligence-platform .acp-inline-form input,
.acp-intelligence-platform .acp-inline-form select,
.acp-intelligence-platform .acp-inline-form textarea {
	width: 132px;
	min-height: 32px;
	padding: 6px 8px;
	border: 1px solid #dbe3ed;
	border-radius: 7px;
	background: #ffffff;
	color: #243244;
	font: inherit;
	font-size: 12px;
	font-weight: 800;
}

.acp-intelligence-platform .acp-inline-form textarea {
	width: 260px;
	min-height: 54px;
	resize: vertical;
}

.acp-intelligence-platform .acp-secret-form {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e6edf5;
}

.acp-intelligence-platform .acp-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	max-width: 360px;
}

.acp-intelligence-platform .acp-chip-list span {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 8px;
	border: 1px solid #dbe3ed;
	border-radius: 7px;
	background: #f8fafc;
	color: #334155;
	font-size: 11px;
	font-weight: 850;
	white-space: nowrap;
}

.acp-provider-console {
	overflow: hidden;
	padding: 0;
	border-color: #d9e4ef;
	background: #ffffff;
}

.acp-provider-console-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 24px 22px;
	border-bottom: 1px solid #e3ebf4;
}

.acp-provider-console-head h2,
.acp-provider-console-head p {
	margin: 0;
}

.acp-provider-console-head h2 {
	color: #142033;
	font-size: 24px;
	line-height: 1.15;
}

.acp-provider-console-head p {
	margin-top: 8px;
	color: #667894;
	font-size: 14px;
	font-weight: 700;
}

.acp-provider-console-tools {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	min-width: min(620px, 100%);
}

.acp-provider-toggle {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #53627a;
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
}

.acp-provider-toggle input {
	display: inline-block;
	width: 42px;
	height: 24px;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	border: 1px solid #cfdceb;
	border-radius: 999px;
	background: #e8eef7;
	position: relative;
	cursor: default;
	vertical-align: middle;
}

.acp-provider-toggle input::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
	transition: left 0.16s ease;
}

.acp-provider-toggle input:checked {
	background: #e0f2fe;
	border-color: #bfdbfe;
}

.acp-provider-toggle input:checked::before {
	left: 21px;
}

.acp-provider-toggle input:disabled {
	opacity: 1;
}

.acp-provider-search {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-width: 250px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid #ccd8e8;
	border-radius: 8px;
	background: #ffffff;
	color: #64748b;
}

.acp-provider-search svg {
	width: 18px;
	height: 18px;
}

.acp-provider-search input {
	width: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	color: #334155;
	font: inherit;
	font-weight: 750;
}

.acp-provider-list {
	display: grid;
}

.acp-provider-row {
	position: relative;
	border-bottom: 1px solid #e4ebf4;
	background: #ffffff;
}

.acp-provider-row::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: #cbd5e1;
}

.acp-provider-row.is-active::before {
	background: #2fb768;
}

.acp-provider-row.is-planned::before {
	background: var(--local24-orange);
}

.acp-provider-row.is-error::before {
	background: #ef4444;
}

.acp-provider-row summary {
	display: grid;
	grid-template-columns: 280px minmax(380px, 1fr) minmax(230px, 0.42fr) 54px;
	gap: 28px;
	align-items: center;
	min-height: 150px;
	padding: 22px 24px;
	list-style: none;
	cursor: pointer;
}

.acp-provider-row summary::-webkit-details-marker {
	display: none;
}

.acp-provider-identity {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	min-width: 0;
}

.acp-provider-mark {
	display: inline-grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border: 1px solid #dfe7f0;
	border-radius: 8px;
	background: #ffffff;
	color: #142033;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
	font-size: 18px;
	font-weight: 950;
	letter-spacing: 0;
}

.acp-provider-mark.is-openai {
	color: #111827;
	font-size: 17px;
}

.acp-provider-mark.is-stability {
	color: #ffffff;
	background: linear-gradient(145deg, #6d3fe3, #3c2ea6);
	font-size: 30px;
}

.acp-provider-mark.is-flux {
	color: #ffffff;
	background: #101827;
	font-size: 12px;
}

.acp-provider-mark.is-euria {
	color: #ffffff;
	background: #1e3a46;
	font-size: 24px;
}

.acp-provider-mark.is-local {
	color: #0f766e;
	background: #ecfdf5;
	font-size: 15px;
}

.acp-provider-title {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.acp-provider-title strong {
	color: #142033;
	font-size: 16px;
	line-height: 1.1;
}

.acp-provider-title small {
	color: #53627a;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
	font-weight: 850;
}

.acp-provider-title em,
.acp-provider-title b {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 28px;
	padding: 5px 13px;
	border: 1px solid #bbf7d0;
	border-radius: 999px;
	background: #ecfdf5;
	color: #047857;
	font-style: normal;
	font-size: 12px;
	font-weight: 900;
}

.acp-provider-row.is-planned .acp-provider-title em {
	border-color: #fed7aa;
	background: #fff7ed;
	color: #c2410c;
}

.acp-provider-row.is-inactive .acp-provider-title em {
	border-color: #dbe3ed;
	background: #f8fafc;
	color: #64748b;
}

.acp-provider-row.is-error .acp-provider-title em {
	border-color: #fecaca;
	background: #fef2f2;
	color: #b91c1c;
}

.acp-provider-title b {
	gap: 7px;
	border-color: #d8e2ee;
	background: #f8fafc;
	color: #334155;
}

.acp-provider-title b svg {
	width: 15px;
	height: 15px;
}

.acp-provider-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(94px, 1fr));
	gap: 20px;
	min-width: 0;
}

.acp-provider-facts span,
.acp-provider-endpoint span {
	display: grid;
	gap: 9px;
	min-width: 0;
}

.acp-provider-facts small,
.acp-provider-endpoint small {
	color: #65758b;
	font-size: 12px;
	font-weight: 850;
}

.acp-provider-facts strong,
.acp-provider-endpoint strong {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	color: #172033;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.25;
}

.acp-provider-facts strong svg,
.acp-provider-endpoint strong svg {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: #6d7d98;
}

.acp-provider-facts strong i:not([data-lucide]) {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #94a3b8;
}

.acp-provider-row.is-active .acp-provider-facts strong i:not([data-lucide]) {
	background: #2fb768;
}

.acp-provider-row.is-planned .acp-provider-facts strong i:not([data-lucide]) {
	background: var(--local24-orange);
}

.acp-provider-row.is-error .acp-provider-facts strong i:not([data-lucide]) {
	background: #ef4444;
}

.acp-provider-secret {
	grid-column: 1 / -1;
}

.acp-provider-secret strong {
	font-size: 13px;
}

.acp-provider-secret.is-ok strong svg {
	color: #64748b;
}

.acp-provider-secret.is-warning strong {
	color: #b91c1c;
}

.acp-provider-secret.is-warning strong svg {
	color: #ef4444;
}

.acp-provider-endpoint {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
	min-width: 0;
	padding-left: 22px;
	border-left: 1px solid #e4ebf4;
}

.acp-provider-endpoint strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.acp-provider-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	color: #172033;
}

.acp-provider-actions svg {
	width: 20px;
	height: 20px;
}

.acp-provider-row[open] .acp-provider-actions svg:first-child {
	transform: rotate(180deg);
}

.acp-provider-details {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.35fr);
	gap: 18px;
	padding: 0 24px 24px 316px;
}

.acp-provider-edit-form,
.acp-provider-secret-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
	padding: 16px;
	border: 1px solid #e1e9f2;
	border-radius: 8px;
	background: #fbfdff;
}

.acp-provider-edit-form label:not(.checkbox-row),
.acp-provider-secret-form label:not(.checkbox-row) {
	display: grid;
	gap: 5px;
	min-width: 132px;
	margin: 0;
	color: #586983;
	font-size: 11px;
	font-weight: 850;
}

.acp-provider-edit-form input,
.acp-provider-edit-form select,
.acp-provider-secret-form input {
	width: 132px;
	min-height: 34px;
	padding: 7px 9px;
	border: 1px solid #d4deeb;
	border-radius: 7px;
	background: #ffffff;
	color: #172033;
	font: inherit;
	font-size: 12px;
	font-weight: 850;
}

.acp-provider-edit-form label:nth-of-type(4) input {
	width: 210px;
}

.acp-provider-edit-form .checkbox-row {
	align-self: stretch;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 0 10px;
	border: 1px solid #dbe5ef;
	border-radius: 8px;
	background: #ffffff;
	color: #53627a;
	font-size: 12px;
	font-weight: 850;
}

.acp-provider-edit-form .checkbox-row input {
	width: 42px;
	min-height: 24px;
}

.dashboard-account-intelligence {
	max-width: 1040px;
	padding: 26px 0 8px;
}

.dashboard-account-intelligence-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
}

.dashboard-account-intelligence-head h2 {
	margin: 4px 0 0;
	color: #142033;
	font-size: 24px;
	line-height: 1.2;
}

.dashboard-account-intelligence-head > i {
	width: 26px;
	height: 26px;
	color: var(--local24-teal);
}

.dashboard-intelligence-profile-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.dashboard-intelligence-profile {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	min-height: 100px;
	padding: 16px;
	border: 1px solid #dbe5ef;
	border-radius: 8px;
	background: #ffffff;
	cursor: pointer;
}

.dashboard-intelligence-profile:has(input:focus-visible) {
	outline: 2px solid var(--local24-teal);
	outline-offset: 3px;
}

.dashboard-intelligence-profile.is-selected {
	border-color: #1fae79;
	background: #f3fcf8;
}

.dashboard-intelligence-profile input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.dashboard-intelligence-profile-icon {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 8px;
	background: #eef7f5;
	color: #087f6f;
}

.dashboard-intelligence-profile-icon i {
	width: 21px;
	height: 21px;
}

.dashboard-intelligence-profile-copy {
	display: grid;
	gap: 5px;
}

.dashboard-intelligence-profile-copy strong {
	color: #142033;
	font-size: 15px;
}

.dashboard-intelligence-profile-copy small {
	color: #60708a;
	font-size: 13px;
	line-height: 1.45;
}

.dashboard-intelligence-profile-active {
	padding: 4px 8px;
	border-radius: 999px;
	background: #d9f8e8;
	color: #087f4c;
	font-size: 12px;
	font-weight: 800;
}

@media (max-width: 760px) {
	.dashboard-intelligence-profile-grid {
		grid-template-columns: 1fr;
	}
}

.acp-provider-secret-form {
	align-content: flex-start;
}

.acp-provider-secret-form label:not(.checkbox-row),
.acp-provider-secret-form input {
	width: 100%;
}

.acp-provider-secret-note {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	margin: 18px;
	padding: 16px 18px;
	border: 1px solid #dfe8f3;
	border-radius: 8px;
	background: #fbfdff;
}

.acp-provider-secret-note span {
	display: flex;
	align-items: center;
	gap: 11px;
	color: #53627a;
	font-size: 14px;
	font-weight: 800;
}

.acp-provider-secret-note span svg {
	width: 22px;
	height: 22px;
	color: #2272d7;
}

.acp-model-console {
	overflow: hidden;
	padding: 0;
	border-color: #d9e4ef;
	background: #ffffff;
}

.acp-model-console-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 24px 22px;
	border-bottom: 1px solid #e3ebf4;
}

.acp-model-heading {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.acp-model-heading > svg {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	color: #0f766e;
}

.acp-model-heading h2,
.acp-model-heading p {
	margin: 0;
}

.acp-model-heading h2 {
	color: #142033;
	font-size: 24px;
	line-height: 1.15;
}

.acp-model-heading p {
	margin-top: 8px;
	color: #667894;
	font-size: 14px;
	font-weight: 700;
}

.acp-model-console-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.acp-model-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	padding: 18px;
	border-bottom: 1px solid #e3ebf4;
}

.acp-model-kpis div {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	grid-template-areas:
		"icon label"
		"icon value"
		"icon note";
	gap: 2px 14px;
	min-height: 82px;
	padding: 18px;
	border: 1px solid #e1e9f2;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.acp-model-kpis div > svg {
	grid-area: icon;
	align-self: center;
	width: 52px;
	height: 52px;
	padding: 13px;
	border-radius: 8px;
	background: #eef6ff;
	color: #2272d7;
}

.acp-model-kpis div:nth-child(1) > svg {
	background: #f5f3ff;
	color: #7c3aed;
}

.acp-model-kpis div:nth-child(3) > svg {
	background: #ecfdf5;
	color: #16a34a;
}

.acp-model-kpis div:nth-child(4) > svg {
	background: #fff7ed;
	color: #ea580c;
}

.acp-model-kpis span {
	grid-area: label;
	color: #64748b;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.acp-model-kpis strong {
	grid-area: value;
	color: #142033;
	font-size: 22px;
	font-weight: 950;
	line-height: 1.15;
}

.acp-model-kpis small {
	grid-area: note;
	color: #53627a;
	font-size: 13px;
	font-weight: 800;
}

.acp-model-filters {
	display: grid;
	grid-template-columns: minmax(260px, 1.2fr) repeat(3, minmax(150px, 0.7fr)) auto;
	gap: 14px;
	align-items: end;
	padding: 18px;
	border-bottom: 1px solid #e3ebf4;
	background: #fbfdff;
}

.acp-model-filters > label:not(.acp-provider-search) {
	display: grid;
	gap: 5px;
	color: #667894;
	font-size: 11px;
	font-weight: 850;
}

.acp-model-filters select {
	width: 100%;
	min-height: 42px;
	padding: 0 12px;
	border: 1px solid #ccd8e8;
	border-radius: 8px;
	background: #ffffff;
	color: #334155;
	font: inherit;
	font-weight: 800;
}

.acp-model-list {
	display: grid;
}

.acp-model-list-head,
.acp-model-row summary {
	display: grid;
	grid-template-columns: minmax(230px, 1.15fr) minmax(120px, 0.5fr) minmax(130px, 0.58fr) minmax(260px, 1.25fr) minmax(210px, 0.95fr) minmax(105px, 0.42fr) 44px;
	gap: 18px;
	align-items: center;
}

.acp-model-list-head {
	padding: 13px 18px;
	border-bottom: 1px solid #e3ebf4;
	background: #f8fafc;
	color: #64748b;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.acp-model-row {
	position: relative;
	border-bottom: 1px solid #e4ebf4;
	background: #ffffff;
}

.acp-model-row::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: #cbd5e1;
}

.acp-model-row.is-active::before {
	background: #2fb768;
}

.acp-model-row.is-configured::before {
	background: #2272d7;
}

.acp-model-row.is-planned::before {
	background: var(--local24-orange);
}

.acp-model-row.is-error::before {
	background: #ef4444;
}

.acp-model-row summary {
	min-height: 96px;
	padding: 18px;
	list-style: none;
	cursor: pointer;
}

.acp-model-row summary::-webkit-details-marker {
	display: none;
}

.acp-model-name {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.acp-model-name .acp-provider-mark {
	width: 50px;
	height: 50px;
	font-size: 14px;
}

.acp-model-name span:last-child,
.acp-model-provider,
.acp-model-class,
.acp-model-status {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.acp-model-name strong,
.acp-model-provider strong,
.acp-model-class strong {
	overflow: hidden;
	color: #142033;
	font-size: 14px;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.acp-model-name small,
.acp-model-provider small,
.acp-model-class small,
.acp-model-status small {
	color: #53627a;
	font-size: 12px;
	font-weight: 800;
}

.acp-model-name small,
.acp-model-provider small {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.acp-model-name em,
.acp-model-status em {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 24px;
	padding: 4px 10px;
	border: 1px solid #bbf7d0;
	border-radius: 7px;
	background: #ecfdf5;
	color: #047857;
	font-style: normal;
	font-size: 11px;
	font-weight: 900;
}

.acp-model-row.is-configured .acp-model-status em {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
}

.acp-model-row.is-planned .acp-model-status em {
	border-color: #fed7aa;
	background: #fff7ed;
	color: #c2410c;
}

.acp-model-row.is-inactive .acp-model-status em {
	border-color: #dbe3ed;
	background: #f8fafc;
	color: #64748b;
}

.acp-model-row.is-error .acp-model-status em {
	border-color: #fecaca;
	background: #fef2f2;
	color: #b91c1c;
}

.acp-model-caps {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	min-width: 0;
}

.acp-model-caps span {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 8px;
	border: 1px solid #d8e7f8;
	border-radius: 6px;
	background: #eff6ff;
	color: #1d5fae;
	font-size: 11px;
	font-weight: 900;
	white-space: nowrap;
}

.acp-model-routing {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.acp-model-routing span {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	grid-template-areas:
		"icon label"
		"icon value";
	gap: 1px 8px;
	align-items: center;
	min-width: 0;
}

.acp-model-routing svg {
	grid-area: icon;
	width: 18px;
	height: 18px;
	color: #0f766e;
}

.acp-model-routing small {
	grid-area: label;
	color: #667894;
	font-size: 11px;
	font-weight: 850;
}

.acp-model-routing strong {
	grid-area: value;
	overflow: hidden;
	color: #142033;
	font-size: 12px;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.acp-model-actions {
	display: flex;
	justify-content: flex-end;
	color: #172033;
}

.acp-model-actions svg {
	width: 20px;
	height: 20px;
}

.acp-model-row[open] .acp-model-actions svg {
	transform: rotate(180deg);
}

.acp-model-details {
	padding: 0 18px 20px 90px;
}

.acp-profile-console {
	overflow: hidden;
	padding: 0;
	border-color: #d9e4ef;
	background: #ffffff;
}

.acp-profile-head {
	padding: 24px 24px 6px;
}

.acp-profile-head h2,
.acp-profile-head p {
	margin: 0;
}

.acp-profile-head h2 {
	color: #142033;
	font-size: 26px;
	line-height: 1.12;
}

.acp-profile-head p {
	margin-top: 6px;
	color: #667894;
	font-size: 14px;
	font-weight: 750;
}

.acp-profile-dashboard {
	display: grid;
	grid-template-columns: minmax(240px, 0.85fr) minmax(260px, 0.9fr) minmax(360px, 1.25fr);
	gap: 16px;
	padding: 18px 24px;
}

.acp-profile-dashboard-card {
	min-height: 142px;
	padding: 20px;
	border: 1px solid #dfe8f3;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.acp-profile-dashboard-card small {
	display: block;
	color: #64748b;
	font-size: 12px;
	font-weight: 850;
}

.acp-profile-dashboard-card > strong {
	display: block;
	margin-top: 10px;
	color: #142033;
	font-size: 22px;
	font-weight: 950;
}

.acp-profile-dashboard-card > span {
	float: left;
	display: inline-grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin: 18px 16px 0 0;
	border-radius: 8px;
	background: #22c55e;
	color: #ffffff;
}

.acp-profile-dashboard-card > span svg {
	width: 26px;
	height: 26px;
}

.acp-profile-dashboard-card.is-blue > span {
	background: #2272d7;
}

.acp-profile-dashboard-card.is-violet > span {
	background: #6d3fe3;
}

.acp-profile-dashboard-card.is-dark > span {
	background: #334155;
}

.acp-profile-dashboard-card.is-red > span {
	background: #dc2626;
}

.acp-profile-dashboard-card > em {
	display: inline-flex;
	margin-top: 10px;
	padding: 5px 12px;
	border-radius: 999px;
	background: #dcfce7;
	color: #15803d;
	font-style: normal;
	font-size: 12px;
	font-weight: 900;
}

.acp-profile-dashboard-card > b {
	display: block;
	margin-top: 14px;
	color: #64748b;
	font-size: 12px;
	font-weight: 800;
}

.acp-profile-dashboard-card strong em {
	display: inline-flex;
	margin-left: 8px;
	padding: 5px 10px;
	border-radius: 999px;
	background: #dcfce7;
	color: #15803d;
	font-style: normal;
	font-size: 12px;
	vertical-align: middle;
}

.acp-profile-provider-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 18px;
}

.acp-profile-provider-strip span {
	display: grid;
	justify-items: center;
	gap: 7px;
	min-width: 58px;
	color: #53627a;
	font-size: 12px;
	font-weight: 800;
}

.acp-profile-provider-strip .acp-provider-mark {
	width: 36px;
	height: 36px;
	box-shadow: none;
	font-size: 11px;
}

.acp-profile-decisions {
	position: relative;
	display: grid;
	grid-template-columns: minmax(120px, 0.7fr) 110px minmax(130px, 0.7fr);
	align-items: center;
	gap: 20px;
}

.acp-profile-decisions small,
.acp-profile-decisions > strong {
	grid-column: 1;
}

.acp-profile-donut {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: conic-gradient(#22c55e 0 81%, #6d3fe3 81% 95%, #2272d7 95% 100%);
	position: relative;
}

.acp-profile-donut::after {
	content: "";
	position: absolute;
	inset: 18px;
	border-radius: 50%;
	background: #ffffff;
}

.acp-profile-decisions ul {
	grid-column: 3;
	grid-row: 1 / span 2;
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.acp-profile-decisions li {
	display: grid;
	grid-template-columns: 10px 1fr auto;
	gap: 9px;
	align-items: center;
	color: #172033;
	font-size: 13px;
	font-weight: 800;
}

.acp-profile-decisions li i {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #22c55e;
}

.acp-profile-decisions li:nth-child(2) i {
	background: #6d3fe3;
}

.acp-profile-decisions li:nth-child(3) i {
	background: #2272d7;
}

.acp-profile-decisions li:nth-child(4) i {
	background: #94a3b8;
}

.acp-profile-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	gap: 16px;
	padding: 0 24px 24px;
}

.acp-profile-workspace {
	min-width: 0;
}

.acp-profile-workspace h3,
.acp-profile-side h3,
.acp-profile-advanced h3 {
	margin: 0 0 14px;
	color: #142033;
	font-size: 16px;
	font-weight: 950;
}

.acp-profile-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}

.acp-profile-card {
	display: flex;
	flex-direction: column;
	min-height: 300px;
	padding: 16px;
	border: 1px solid #dfe8f3;
	border-radius: 8px;
	background: #ffffff;
	color: #142033;
}

.acp-profile-select-form {
	margin: 0;
}

.acp-profile-select-form .acp-profile-card {
	width: 100%;
	text-align: left;
	font: inherit;
	cursor: pointer;
}

.acp-profile-select-form .acp-profile-card:focus-visible {
	outline: 3px solid #0f766e;
	outline-offset: 3px;
}

.acp-profile-card.is-selected {
	border-color: #22c55e;
	box-shadow: inset 3px 0 0 #22c55e;
}

.acp-profile-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.acp-profile-card-head span,
.acp-profile-mini {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	background: #22c55e;
	color: #ffffff;
}

.acp-profile-card-head > i {
	color: #cbd5e1;
}

.acp-profile-card.is-selected .acp-profile-card-head > i {
	color: #22c55e;
}

.acp-profile-card h4 {
	margin: 0;
	color: #142033;
	font-size: 16px;
	line-height: 1.2;
}

.acp-profile-card em {
	display: inline-flex;
	width: fit-content;
	margin-top: 8px;
	padding: 4px 9px;
	border-radius: 999px;
	background: #dcfce7;
	color: #15803d;
	font-style: normal;
	font-size: 11px;
	font-weight: 900;
}

.acp-profile-card p {
	margin: 14px 0;
	color: #334155;
	font-size: 13px;
	font-weight: 750;
	line-height: 1.45;
}

.acp-profile-card ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.acp-profile-card li {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #172033;
	font-size: 12px;
	font-weight: 800;
}

.acp-profile-card li svg {
	width: 15px;
	height: 15px;
	color: #16a34a;
}

.acp-profile-card > b {
	margin-top: auto;
	padding-top: 18px;
	color: #047857;
	font-size: 13px;
	font-weight: 950;
}

.acp-profile-card > small {
	margin-top: 8px;
	color: #94a3b8;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	font-weight: 800;
}

.acp-profile-card.is-blue .acp-profile-card-head span,
.acp-profile-mini.is-blue {
	background: #2272d7;
}

.acp-profile-card.is-violet .acp-profile-card-head span,
.acp-profile-mini.is-violet {
	background: #6d3fe3;
}

.acp-profile-card.is-dark .acp-profile-card-head span,
.acp-profile-mini.is-dark {
	background: #334155;
}

.acp-profile-card.is-red .acp-profile-card-head span,
.acp-profile-mini.is-red {
	background: #dc2626;
}

.acp-profile-comparison {
	margin-top: 18px;
	overflow: hidden;
	border: 1px solid #dfe8f3;
	border-radius: 8px;
}

.acp-profile-comparison h3 {
	padding: 16px 18px;
	margin: 0;
	border-bottom: 1px solid #e3ebf4;
}

.acp-profile-comparison table,
.acp-profile-matrix {
	width: 100%;
	border-collapse: collapse;
}

.acp-profile-comparison th,
.acp-profile-comparison td,
.acp-profile-matrix th,
.acp-profile-matrix td {
	padding: 12px 14px;
	border-bottom: 1px solid #e8eef6;
	border-right: 1px solid #e8eef6;
	text-align: left;
	color: #334155;
	font-size: 12px;
	font-weight: 800;
}

.acp-profile-comparison th,
.acp-profile-matrix th {
	background: #f8fafc;
	color: #64748b;
	font-size: 11px;
	font-weight: 900;
}

.acp-profile-comparison td:first-child {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #142033;
	font-weight: 950;
}

.acp-profile-mini {
	width: 24px;
	height: 24px;
	border-radius: 6px;
}

.acp-profile-mini svg {
	width: 15px;
	height: 15px;
}

.acp-profile-rating {
	display: inline-grid;
	grid-template-columns: repeat(5, 12px);
	gap: 3px;
}

.acp-profile-rating i {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e2e8f0;
}

.acp-profile-rating i.is-active {
	background: var(--local24-orange);
}

.acp-profile-side {
	display: grid;
	align-content: start;
	gap: 14px;
}

.acp-profile-assistant,
.acp-profile-exceptions {
	padding: 18px;
	border: 1px solid #dfe8f3;
	border-radius: 8px;
	background: #ffffff;
}

.acp-profile-assistant {
	background: linear-gradient(145deg, #f0fdfa, #eff6ff);
}

.acp-profile-assistant > span {
	display: inline-grid;
	place-items: center;
	width: 60px;
	height: 60px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: #ffffff;
	color: #0f766e;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.acp-profile-assistant p {
	margin: 0 0 18px;
	color: #53627a;
	font-size: 13px;
	font-weight: 750;
	line-height: 1.45;
}

.acp-profile-exceptions label {
	display: flex;
	gap: 11px;
	margin: 0;
	padding: 12px 0;
	color: #172033;
}

.acp-profile-exceptions label + label {
	border-top: 1px solid #edf2f7;
}

.acp-profile-exceptions input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 2px;
}

.acp-profile-exceptions span {
	display: grid;
	gap: 4px;
}

.acp-profile-exceptions strong {
	font-size: 13px;
	font-weight: 900;
}

.acp-profile-exceptions small {
	color: #64748b;
	font-size: 11px;
	font-weight: 800;
}

.acp-profile-exception-form .btn {
	width: 100%;
	margin-top: 10px;
}

.acp-profile-advanced {
	margin: 0;
	padding: 0;
	border: 1px solid #dfe8f3;
	border-radius: 8px;
	background: #fbfdff;
}

.acp-profile-advanced summary {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 18px;
	color: #142033;
	font-size: 14px;
	font-weight: 950;
	cursor: pointer;
}

.acp-profile-advanced-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1fr);
	gap: 18px;
	padding: 0 18px 18px;
}

.acp-profile-advanced .acp-provider-edit-form {
	margin-bottom: 10px;
}

.acp-profile-matrix {
	margin-bottom: 14px;
	background: #ffffff;
}

@media (max-width: 1180px) {
	.acp-provider-console-head,
	.acp-provider-console-tools,
	.acp-model-console-head,
	.acp-model-console-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.acp-provider-console-tools {
		min-width: 0;
	}

	.acp-provider-row summary {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.acp-provider-endpoint {
		padding-left: 0;
		border-left: 0;
	}

	.acp-provider-actions {
		justify-content: flex-start;
	}

	.acp-provider-details {
		grid-template-columns: 1fr;
		padding: 0 24px 24px;
	}

	.acp-model-kpis,
	.acp-model-filters,
	.acp-model-list-head,
	.acp-model-row summary {
		grid-template-columns: 1fr;
	}

	.acp-model-list-head {
		display: none;
	}

	.acp-model-actions {
		justify-content: flex-start;
	}

	.acp-model-details {
		padding: 0 18px 20px;
	}

	.acp-profile-dashboard,
	.acp-profile-main,
	.acp-profile-advanced-grid {
		grid-template-columns: 1fr;
	}

	.acp-profile-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.acp-provider-console-head,
	.acp-provider-row summary,
	.acp-model-console-head,
	.acp-model-row summary {
		padding: 18px;
	}

	.acp-provider-identity,
	.acp-provider-facts,
	.acp-model-kpis {
		grid-template-columns: 1fr;
	}

	.acp-provider-secret-note {
		align-items: stretch;
		flex-direction: column;
	}

	.acp-model-routing {
		grid-template-columns: 1fr;
	}

	.acp-profile-dashboard,
	.acp-profile-main,
	.acp-profile-head {
		padding-left: 18px;
		padding-right: 18px;
	}

	.acp-profile-grid {
		grid-template-columns: 1fr;
	}

	.acp-profile-comparison,
	.acp-profile-advanced-grid {
		overflow-x: auto;
	}
}
/* Campaign landing pages and ACP campaign editor */
.campaign-landing {
	--campaign-primary: #176b73;
	--campaign-accent: var(--local24-orange);
	--campaign-surface: #eef7f6;
	background: linear-gradient(180deg, var(--campaign-surface) 0, #fff 72%);
	color: #163538;
}

.campaign-landing-hero {
	padding: clamp(72px, 10vw, 132px) 0 clamp(56px, 8vw, 104px);
}

.campaign-landing-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
	gap: clamp(36px, 7vw, 96px);
	align-items: center;
}

.campaign-landing-copy h1 {
	max-width: 820px;
	margin: 12px 0 24px;
	font-size: clamp(42px, 7vw, 82px);
	line-height: .98;
	letter-spacing: -.055em;
	color: var(--campaign-primary);
}

.campaign-landing-eyebrow {
	margin: 0;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--campaign-accent);
}

.campaign-landing-intro {
	max-width: 720px;
	font-size: clamp(20px, 2.5vw, 29px);
	line-height: 1.45;
}

.campaign-landing-points {
	display: grid;
	gap: 12px;
	margin: 32px 0;
	padding: 0;
	list-style: none;
}

.campaign-landing-points li {
	display: flex;
	gap: 12px;
	align-items: center;
	font-weight: 700;
}

.campaign-landing-points svg {
	width: 22px;
	height: 22px;
	padding: 4px;
	border-radius: 50%;
	background: var(--campaign-accent);
	color: #fff;
}

.campaign-landing-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 24px;
	align-items: center;
}

.campaign-landing-actions .btn-primary {
	background: var(--campaign-primary);
	border-color: var(--campaign-primary);
}

.campaign-landing-actions p {
	max-width: 430px;
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
	opacity: .78;
}

.campaign-landing-card {
	position: relative;
	display: grid;
	min-height: 360px;
	padding: 42px;
	align-content: end;
	border-radius: 34px;
	background: var(--campaign-primary);
	box-shadow: 0 30px 70px rgba(20, 57, 61, .22);
	color: #fff;
	overflow: hidden;
}

.campaign-landing-card::before {
	content: '';
	position: absolute;
	width: 260px;
	height: 260px;
	top: -90px;
	right: -70px;
	border-radius: 50%;
	background: var(--campaign-accent);
	opacity: .9;
}

.campaign-landing-card-mark {
	position: absolute;
	top: 28px;
	left: 30px;
	display: grid;
	width: 54px;
	height: 54px;
	place-items: center;
	border-radius: 50%;
	background: #fff;
	color: var(--campaign-primary);
	font-weight: 900;
}

.campaign-landing-card p,
.campaign-landing-card strong,
.campaign-landing-card small {
	position: relative;
	margin: 0;
}

.campaign-landing-card strong {
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.05;
}

.campaign-landing-card small {
	margin-top: 14px;
	opacity: .82;
}

.campaign-theme-warm .campaign-landing-card {
	transform: rotate(1.5deg);
}

.campaign-theme-bold .campaign-landing-card {
	border-radius: 8px;
	box-shadow: 14px 14px 0 var(--campaign-accent);
}

.campaign-landing-trust {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	padding-bottom: 88px;
}

.campaign-landing-trust article {
	padding: 26px;
	border: 1px solid rgba(23, 107, 115, .14);
	border-radius: 22px;
	background: rgba(255, 255, 255, .86);
}

.campaign-landing-trust article > span {
	display: grid;
	width: 34px;
	height: 34px;
	margin-bottom: 22px;
	place-items: center;
	border-radius: 50%;
	background: var(--campaign-surface);
	color: var(--campaign-primary);
	font-weight: 900;
}

.campaign-landing-trust strong {
	display: block;
	font-size: 19px;
}

.campaign-landing-trust p {
	margin: 8px 0 0;
	line-height: 1.55;
	opacity: .76;
}

.campaign-acp-layout {
	display: grid;
	gap: 24px;
}

.campaign-acp-form {
	display: grid;
	gap: 24px;
}

.campaign-acp-form h3 {
	margin: 8px 0 -8px;
}

.campaign-acp-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.campaign-acp-fields label {
	display: grid;
	gap: 8px;
}

.campaign-acp-fields label > span {
	font-size: 13px;
	font-weight: 800;
}

.campaign-acp-fields label.is-wide {
	grid-column: 1 / -1;
}

.campaign-acp-fields input,
.campaign-acp-fields select,
.campaign-acp-fields textarea {
	width: 100%;
}

.campaign-acp-fields input[readonly] {
	background: #f3f5f5;
	color: #607071;
}

.campaign-acp-design-fields {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.campaign-acp-render-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	padding: 16px;
	border-radius: 14px;
	background: #f3f7f7;
	font-size: 13px;
}

.campaign-acp-render-error {
	margin: 18px 0 12px;
	padding: 14px 16px;
	border: 1px solid #f1b7ad;
	border-radius: 12px;
	background: #fff4f1;
	color: #7c2d20;
}

.campaign-acp-render-error strong,
.campaign-acp-render-error p,
.campaign-acp-render-error small {
	display: block;
}

.campaign-acp-render-error p {
	margin: 6px 0;
	overflow-wrap: anywhere;
}

.campaign-acp-render-failed {
	display: block;
	margin-top: 5px;
	color: #a13b2b;
	font-weight: 700;
}

@media (max-width: 900px) {
	.campaign-landing-grid,
	.campaign-landing-trust,
	.campaign-acp-fields,
	.campaign-acp-design-fields {
		grid-template-columns: 1fr;
	}

	.campaign-acp-fields label.is-wide {
		grid-column: auto;
	}
}

.acp-filter-bar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 14px;
	align-items: end;
	margin: 18px 0;
}

.acp-filter-bar > label {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.acp-filter-bar > label > span {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.acp-filter-bar input,
.acp-filter-bar select {
	width: 100%;
	min-width: 0;
}

.acp-filter-bar .acp-row-actions {
	align-items: center;
	align-self: end;
	flex-wrap: wrap;
}

.acp-main > *,
.acp-main .form-card {
	min-width: 0;
	max-width: 100%;
}

.acp-main .acp-table-scroll {
	width: 100%;
	max-width: 100%;
}

@media (max-width: 720px) {
	.acp-filter-bar {
		grid-template-columns: 1fr;
	}

	.acp-filter-bar .acp-row-actions,
	.acp-filter-bar .acp-row-actions .btn {
		width: 100%;
	}
}











.editor-profile-switch {
	display: grid;
	gap: 3px;
	margin: 0;
}

.editor-profile-switch > label {
	color: var(--editor-muted);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
}

.editor-profile-select-wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.editor-profile-select-wrap > svg {
	position: absolute;
	left: 10px;
	z-index: 1;
	width: 16px;
	height: 16px;
	color: var(--editor-primary);
	pointer-events: none;
}

.editor-profile-switch select {
	width: 178px;
	height: 36px;
	padding: 6px 28px 6px 34px;
	font-size: 12px;
	font-weight: 800;
}

.editor-profile-switch.is-saving select {
	opacity: 0.65;
	pointer-events: none;
}

.editor-profile-switch.is-error select {
	border-color: #c2410c;
}








.editor-onboarding-card {
	display: grid;
	gap: 11px;
	margin-bottom: 12px;
	padding: 18px;
	border: 1px solid #b9d9dc;
	border-radius: 8px;
	background: linear-gradient(145deg, #ffffff, #f4fbfb);
	box-shadow: 0 14px 32px rgba(31, 41, 51, 0.08);
}

.editor-onboarding-card[hidden] {
	display: none;
}

.editor-onboarding-card h2,
.editor-onboarding-card p {
	margin: 0;
}

.editor-onboarding-card h2 {
	font-size: 20px;
	line-height: 1.2;
}

.editor-onboarding-card > p:not(.editor-panel-kicker) {
	color: var(--editor-muted);
	font-size: 13px;
	line-height: 1.45;
}

.editor-onboarding-card-progress {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
}

.editor-onboarding-card-progress > span {
	height: 6px;
	overflow: hidden;
	border-radius: 999px;
	background: #e7eff0;
}

.editor-onboarding-card-progress i {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--local24-teal), var(--orange));
	transition: width 180ms ease;
}

.editor-onboarding-card-progress strong {
	color: var(--editor-muted);
	font-size: 12px;
}

.editor-onboarding-card .btn {
	width: 100%;
	justify-content: center;
}

@media (max-width: 1260px) {




	.editor-profile-switch select {
		width: 150px;
	}


}









/* Editor window controls */









.editor-inspector-toggle {
	border-color: color-mix(in srgb, var(--editor-primary) 42%, var(--editor-line));
	box-shadow: inset -3px 0 0 var(--local24-orange);
}

.editor-profile-preferences {
	display: grid;
	gap: 9px;
	padding: 12px;
}

.editor-profile-preferences > p {
	margin: 0;
}

.editor-profile-preferences > p:first-child {
	color: var(--editor-ink);
	font-size: 12px;
	font-weight: 900;
}

.editor-profile-switch-inspector,
.editor-profile-switch-inspector .editor-profile-select-wrap,
.editor-profile-switch-inspector select {
	width: 100%;
}

.block-navigator,
.public-editor-sidebar,
.is-editor-preview {
	/* Vertical geometry already follows the animated header; do not ease it twice. */
	transition: width 220ms ease, transform 220ms ease, opacity 160ms ease, padding-left 220ms ease, padding-right 220ms ease, min-height 220ms ease;
}

@media (min-width: 821px) {

	body.editor-nav-collapsed .is-editor-preview {
		padding-left: 92px;
	}

	body.editor-inspector-collapsed .is-editor-preview {
		padding-right: 18px;
	}

	body.editor-nav-collapsed .block-navigator {
		width: 64px;
		padding: 7px;
		overflow-x: hidden;
	}

	body.editor-nav-collapsed .editor-nav-section {
		margin-bottom: 4px;
		border: 0;
		background: transparent;
	}

	body.editor-nav-collapsed .editor-nav-section > summary {
		display: none;
	}

	body.editor-nav-collapsed .editor-nav-list {
		gap: 4px;
		padding: 0;
		border: 0;
	}

	body.editor-nav-collapsed .editor-nav-item {
		grid-template-columns: 1fr;
		width: 48px;
		min-height: 44px;
		padding: 7px;
	}

	body.editor-nav-collapsed .editor-nav-item > span,
	body.editor-nav-collapsed .editor-nav-count,
	body.editor-nav-collapsed .editor-nav-visibility-flag {
		display: none;
	}

	body.editor-inspector-collapsed .public-editor-sidebar {
		transform: translateX(calc(100% + 28px));
		opacity: 0;
		pointer-events: none;
	}










}



@media (prefers-reduced-motion: reduce) {

.block-navigator,
.public-editor-sidebar,
.is-editor-preview {
		transition: none !important;
	}

	[class*="loader"],
	[class*="loader"] *,
	[class*="loader"]::before,
	[class*="loader"]::after,
	[class*="spinner"],
	[class*="spinner"] *,
	[class*="spinner"]::before,
	[class*="spinner"]::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

/*
 * The editor canvas is narrower than the browser viewport because navigator
 * and inspector remain visible. Public-page media queries therefore cannot
 * describe the available canvas width. Keep the public page untouched and
 * make only the editor preview respond to its real container.
 */
@container editor-preview (max-width: 820px) {
	.company-page-theme.is-editor-preview .company-cover h1 {
		max-width: 100%;
		font-size: var(--company-hero-heading-size);
		overflow-wrap: anywhere;
	}

	.company-page-theme.is-editor-preview .about-feature,
	.company-page-theme.is-editor-preview .service-card-grid,
	.company-page-theme.is-editor-preview .company-footer-main,
	.company-page-theme.is-editor-preview .profile-action-wrap {
		grid-template-columns: minmax(0, 1fr);
	}

	.company-page-theme.is-editor-preview .about-feature {
		gap: 24px;
	}

	.company-page-theme.is-editor-preview .company-actions-section {
		--header-brand-size: 175px;
		--header-meta-height: auto;
		padding-bottom: 24px;
	}

	.company-page-theme.is-editor-preview .company-profile-avatar {
		position: relative;
		top: auto;
		left: auto;
		width: var(--header-brand-size);
		margin: calc(var(--header-brand-size) / -2) auto 0;
	}

	.company-page-theme.is-editor-preview .profile-action-content {
		display: grid;
		gap: 18px;
		min-width: 0;
	}

	.company-page-theme.is-editor-preview .header-meta-grid {
		grid-column: auto;
		grid-template-columns: minmax(0, 1fr);
		height: auto;
		padding-top: 0;
	}

	.company-page-theme.is-editor-preview .header-meta-item {
		border-right: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--company-primary, var(--teal)) 16%, var(--line));
	}

	.company-page-theme.is-editor-preview .header-meta-item:last-child {
		border-bottom: 0;
	}

	.company-page-theme.is-editor-preview .profile-action-content .quick-actions {
		grid-column: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		padding-top: 16px;
	}

	.company-page-theme.is-editor-preview .company-footer-main {
		gap: 24px;
	}

	.company-page-theme.is-editor-preview .company-footer-column {
		padding-top: 22px;
		border-top: 1px solid color-mix(in srgb, var(--company-footer-text, #f7f7f8) 14%, transparent);
		border-left: 0;
	}
}
.image-color-mood-toggle {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.image-color-mood-toggle > .toggle-row {
	margin: 0;
	min-width: 0;
}

/* Onboarding target layout: one calm card with horizontal progress. */
.onboarding-header {
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 1px 0 rgba(23, 32, 51, 0.05);
}

.onboarding-header-wrap {
	min-height: 64px;
}

.onboarding-header-actions {
	gap: 34px;
	color: var(--local24-ink);
	font-size: 14px;
	font-weight: 600;
}

.onboarding-header-actions .link-button {
	min-height: 32px;
	border: 0;
	color: var(--local24-ink);
	font-weight: 600;
}

.onboarding-step-with-context-help {
	min-height: calc(100vh - 64px);
	padding: 42px 0 52px;
	background:
		radial-gradient(circle at 10% 72%, color-mix(in srgb, var(--local24-petrol) 12%, transparent) 0, transparent 28%),
		radial-gradient(circle at 90% 48%, color-mix(in srgb, var(--local24-orange) 12%, transparent) 0, transparent 30%),
		linear-gradient(180deg, #fbfcfc 0%, #ffffff 100%);
}

.onboarding-step-with-context-help .onboarding-shell {
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(860px, calc(100% - 40px));
	max-width: 860px;
	gap: 0;
	padding: 24px 38px 28px;
	border: 1px solid color-mix(in srgb, var(--local24-line) 86%, var(--local24-petrol));
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 20px 48px rgba(23, 32, 51, 0.12), 0 3px 10px rgba(23, 32, 51, 0.06);
}

.onboarding-step-with-context-help .onboarding-stepper {
	display: block;
	align-self: auto;
	width: 100%;
	min-height: 0;
	padding: 0 0 22px;
}

.onboarding-step-with-context-help .onboarding-stepper ol {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
}

.onboarding-step-with-context-help .onboarding-stepper ol::before,
.onboarding-step-with-context-help .onboarding-stepper ol::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	border-radius: 999px;
}

.onboarding-step-with-context-help .onboarding-stepper ol::before {
	right: 0;
	background: #dfe5ea;
}

.onboarding-step-with-context-help .onboarding-stepper ol::after {
	width: 33.333%;
	background: var(--local24-petrol);
}

.onboarding-step-with-context-help .onboarding-stepper-step-2 ol::after {
	width: 66.666%;
}

.onboarding-step-with-context-help .onboarding-stepper-step-3 ol::after {
	width: 100%;
}

.onboarding-step-with-context-help .onboarding-stepper li {
	position: relative;
	z-index: 1;
	min-height: 46px;
}

.onboarding-step-with-context-help .onboarding-stepper li::before {
	display: none;
}

.onboarding-step-with-context-help .onboarding-stepper a,
.onboarding-step-with-context-help .onboarding-stepper span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	color: var(--local24-muted);
}

.onboarding-step-with-context-help .onboarding-stepper i {
	display: inline-flex;
	width: 25px;
	height: 25px;
	flex: 0 0 25px;
	border: 0;
	background: #e8ebee;
	color: #66717f;
	box-shadow: none;
	font-size: 12px;
	font-weight: 800;
}

.onboarding-step-with-context-help .onboarding-stepper small {
	display: none;
}

.onboarding-step-with-context-help .onboarding-stepper strong {
	margin: 0;
	color: #66717f;
	font-size: 13px;
	font-weight: 700;
}

.onboarding-step-with-context-help .onboarding-stepper .is-current i,
.onboarding-step-with-context-help .onboarding-stepper .is-completed i {
	border: 0;
	background: var(--local24-petrol);
	color: #fff;
	box-shadow: none;
}

.onboarding-step-with-context-help .onboarding-stepper .is-current strong,
.onboarding-step-with-context-help .onboarding-stepper .is-completed strong {
	color: var(--local24-petrol-dark);
}

.onboarding-step-with-context-help .onboarding-stepper .is-upcoming {
	opacity: 1;
}

.onboarding-step-with-context-help .question-card {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	padding: 10px 20px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.onboarding-step-with-context-help .question-card-wide {
	max-width: 760px;
}

.onboarding-step-with-context-help .question-card > .step-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.onboarding-step-with-context-help .question-card > h1 {
	margin: 0 0 10px;
	color: var(--local24-petrol-dark);
	font-size: var(--l24-font-size-h1);
	line-height: var(--l24-line-height-h1);
	letter-spacing: -0.025em;
	text-align: center;
}

.onboarding-step-with-context-help .question-card > .lead {
	max-width: 610px;
	margin: 0 auto;
	color: var(--local24-muted);
	font-size: var(--l24-font-size-lead);
	line-height: var(--l24-line-height-lead);
	text-align: center;
}

.onboarding-step-with-context-help .question-card form {
	margin-top: 22px;
}

.onboarding-step-with-context-help .question-card .input {
	margin-bottom: 0;
}

.onboarding-step-with-context-help .question-card label {
	margin-bottom: 8px;
	color: var(--local24-ink);
	font-size: var(--l24-font-size-label);
	font-weight: var(--l24-font-weight-semibold);
}

.onboarding-step-with-context-help .question-card .form-choice-group > legend,
.onboarding-step-with-context-help .question-card .form-choice-card__copy strong {
	font-size: var(--l24-font-size-label);
	font-weight: var(--l24-font-weight-semibold);
}

.onboarding-step-with-context-help .question-card .form-choice-card__copy strong {
	line-height: 1.3;
}

.onboarding-step-with-context-help .question-card input,
.onboarding-step-with-context-help .question-card textarea,
.onboarding-step-with-context-help .question-card select {
	min-height: 50px;
	padding: 13px 14px;
	border-color: #bcc6cf;
	border-radius: 10px;
	background: #fff;
	color: var(--local24-ink);
	font-size: var(--l24-font-size-body);
	line-height: var(--l24-line-height-body);
}

.onboarding-step-with-context-help .question-card textarea {
	height: 108px;
	min-height: 108px;
	resize: vertical;
}

.onboarding-step-with-context-help .question-card input:focus,
.onboarding-step-with-context-help .question-card textarea:focus,
.onboarding-step-with-context-help .question-card select:focus {
	border-color: var(--local24-petrol);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--local24-petrol) 13%, transparent);
	outline: 0;
}

.onboarding-step-with-context-help .onboarding-field-hint {
	margin-top: 8px;
	font-size: var(--l24-font-size-body-small);
	line-height: var(--l24-line-height-small);
}

.onboarding-step-with-context-help .onboarding-offer-actions {
	justify-content: flex-start;
	margin: 14px 0 12px;
}

.onboarding-step-with-context-help .onboarding-offer-actions[hidden] {
	display: none;
}

.onboarding-step-with-context-help .onboarding-offer-actions .btn-outline {
	min-height: 38px;
	padding: 7px 12px;
	border-color: color-mix(in srgb, var(--local24-petrol) 48%, var(--local24-line));
	font-size: var(--l24-font-size-label);
}

.onboarding-alternative-divider {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 16px;
	margin: 16px 0 12px;
	color: var(--local24-muted);
	font-size: var(--l24-font-size-body-small);
}

.onboarding-alternative-divider::before,
.onboarding-alternative-divider::after {
	content: "";
	height: 1px;
	background: var(--local24-line);
}

.onboarding-upload-placeholder {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 68px;
	padding: 10px 16px;
	border: 1px dashed #9ba8b3;
	border-radius: 11px;
	background: #fff;
}

.onboarding-upload-placeholder-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	border-radius: 50%;
	background: var(--local24-soft);
	color: var(--local24-petrol);
}

.onboarding-upload-placeholder-icon svg {
	width: 25px;
	height: 25px;
}

.onboarding-upload-placeholder-copy {
	display: grid;
	gap: 3px;
}

.onboarding-upload-placeholder-copy strong {
	color: var(--local24-petrol-dark);
	font-size: var(--l24-font-size-label);
}

.onboarding-upload-placeholder-copy small {
	color: var(--local24-muted);
	font-size: var(--l24-font-size-body-small);
}

.onboarding-primary-actions {
	display: block;
	margin-top: 14px;
}

.onboarding-primary-continue,
.onboarding-step-with-context-help .question-card form > input[type="submit"],
.onboarding-step-with-context-help .question-card form > button[type="submit"][data-first-draft-submit] {
	display: inline-flex;
	width: 100%;
	min-height: 52px;
	margin: 0;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(135deg, var(--local24-petrol-dark), var(--local24-petrol));
	color: #fff;
	font-size: var(--l24-font-size-body);
	font-weight: var(--l24-font-weight-bold);
	box-shadow: 0 8px 20px color-mix(in srgb, var(--local24-petrol) 20%, transparent);
}

.onboarding-primary-continue {
	gap: 10px;
}

.onboarding-primary-continue svg {
	width: 20px;
	height: 20px;
}

.onboarding-primary-continue:hover,
.onboarding-step-with-context-help .question-card form > input[type="submit"]:hover,
.onboarding-step-with-context-help .question-card form > button[type="submit"][data-first-draft-submit]:hover {
	background: var(--local24-petrol-dark);
	color: #fff;
}

.onboarding-dev-fixture {
	position: absolute;
	top: calc(100% + 14px);
	left: 50%;
	right: auto;
	bottom: auto;
	z-index: 8;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	transform: translateX(-50%);
}

.onboarding-dev-fixture form {
	margin: 0 !important;
}

.onboarding-dev-fixture .onboarding-dev-fixture-action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 6px 9px;
	border: 0;
	background: transparent;
	color: var(--local24-muted);
	font-size: var(--l24-font-size-caption);
	font-weight: var(--l24-font-weight-semibold);
	box-shadow: none;
}

.onboarding-dev-fixture .onboarding-dev-fixture-action svg {
	width: 17px;
	height: 17px;
}

@media (max-width: 760px) {
	.onboarding-header-wrap {
		min-height: 58px;
		padding: 8px 0;
		align-items: center;
		flex-direction: row;
		gap: 16px;
	}

	.onboarding-header-actions {
		width: auto;
		margin-left: auto;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 18px;
		font-size: var(--l24-font-size-label);
	}

	.onboarding-step-with-context-help {
		align-items: flex-start;
		min-height: calc(100vh - 58px);
		padding: 20px 0 34px;
	}

	.onboarding-step-with-context-help .onboarding-shell {
		width: min(100% - 24px, 620px);
		padding: 18px 16px 22px;
		border-radius: 12px;
	}

	.onboarding-step-with-context-help .onboarding-stepper {
		display: none;
	}

	.onboarding-step-with-context-help .onboarding-mobile-stepper {
		display: block;
		margin: 0 0 16px;
		padding: 0 0 16px;
		border: 0;
		border-bottom: 1px solid var(--local24-line);
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.onboarding-step-with-context-help .onboarding-mobile-stepper ol {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.onboarding-step-with-context-help .question-card {
		padding: 8px 0 0;
	}

	.onboarding-desktop-break {
		display: none;
	}

	.onboarding-step-with-context-help .question-card form {
		margin-top: 24px;
	}

	.onboarding-upload-placeholder {
		min-height: 72px;
		padding: 12px;
	}

	.onboarding-primary-continue,
	.onboarding-step-with-context-help .question-card form > input[type="submit"],
	.onboarding-step-with-context-help .question-card form > button[type="submit"][data-first-draft-submit] {
		min-height: 54px;
	}

}

/* Onboarding keeps global help fixed bottom-right; only DEV test data follows the card. */
.help-center.is-onboarding-help,
.help-center.is-onboarding-help:not(.is-docked) {
	position: fixed;
	top: auto;
	right: 22px;
	bottom: 22px;
	transform: none;
}

.help-center.is-onboarding-help .help-center-dock-toggle {
	display: none;
}

@media (max-width: 820px) {
	.help-center.is-onboarding-help,
	.help-center.is-onboarding-help:not(.is-docked) {
		top: auto;
		right: 12px;
		bottom: max(12px, env(safe-area-inset-bottom));
	}
}

/* Final onboarding handoff: the same surface becomes the first-draft loader. */
.onboarding-step-with-context-help .onboarding-shell.onboarding-ready-shell {
	max-width: 700px;
	padding: 30px 44px 26px;
}

.onboarding-step-with-context-help .question-card.onboarding-ready-card {
	max-width: 600px;
	padding-top: 0;
	text-align: center;
}

.onboarding-ready-visual {
	position: relative;
	display: grid;
	place-items: center;
	width: 220px;
	height: 138px;
	margin: 0 auto 16px;
}

.onboarding-ready-visual img {
	position: relative;
	z-index: 2;
	width: 84px;
	height: 84px;
	border-radius: 24px;
	box-shadow: 0 18px 34px color-mix(in srgb, var(--local24-orange) 22%, transparent);
}

.onboarding-ready-orbit {
	position: absolute;
	inset: 8px 24px;
	border: 2px solid color-mix(in srgb, var(--local24-petrol) 24%, transparent);
	border-top-color: var(--local24-orange);
	border-radius: 50%;
}

.onboarding-ready-visual.is-processing .onboarding-ready-orbit {
	animation: onboarding-ready-orbit 1.5s linear infinite;
}

.onboarding-ready-visual.is-processing img {
	animation: onboarding-ready-pulse 1.8s ease-in-out infinite;
}

.onboarding-ready-form {
	max-width: 520px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.onboarding-ready-mood-hint {
	margin: 8px 0 18px;
	color: var(--local24-muted);
	font-size: var(--l24-font-size-body-small);
	line-height: var(--l24-line-height-small);
}

.onboarding-ready-note {
	margin: 11px 0 0;
	color: var(--local24-muted);
	font-size: var(--l24-font-size-body-small);
	line-height: var(--l24-line-height-small);
	text-align: center;
}

.onboarding-back-link {
	display: flex;
	align-items: center;
	gap: 5px;
	width: max-content;
	max-width: 100%;
	margin: 12px auto 0;
	color: var(--local24-petrol);
	font-size: var(--l24-font-size-label);
	font-weight: var(--l24-font-weight-semibold);
}

.onboarding-back-link svg {
	width: 16px;
	height: 16px;
}

.onboarding-back-link:hover,
.onboarding-back-link:focus-visible {
	color: var(--local24-petrol-dark);
}

.onboarding-cost-help {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-top: 10px;
	color: var(--local24-muted);
	font-size: var(--l24-font-size-body-small);
	line-height: var(--l24-line-height-small);
}

.onboarding-cost-help .help-tip {
	margin-left: 0;
	vertical-align: 0;
}

.onboarding-ready-card .onboarding-generation-processing {
	padding-top: 0;
}

.onboarding-ready-card .onboarding-generation-processing h1 {
	margin-top: 0;
	color: var(--local24-petrol-dark);
	font-size: var(--l24-font-size-h1);
	line-height: var(--l24-line-height-h1);
}

@keyframes onboarding-ready-orbit {
	to { transform: rotate(360deg); }
}

@keyframes onboarding-ready-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.05); }
}

@media (prefers-reduced-motion: reduce) {
	.onboarding-ready-visual.is-processing .onboarding-ready-orbit,
	.onboarding-ready-visual.is-processing img {
		animation: none;
	}
}

@media (max-width: 760px) {
	.onboarding-step-with-context-help .onboarding-shell.onboarding-ready-shell {
		width: min(100% - 24px, 700px);
		padding: 24px 18px 22px;
	}

	.onboarding-ready-visual {
		width: 176px;
		height: 108px;
		margin-bottom: 14px;
	}

	.onboarding-ready-visual img {
		width: 70px;
		height: 70px;
		border-radius: 20px;
	}

	.onboarding-ready-orbit {
		inset: 6px 18px;
	}
}

.search-request-status {
	position: fixed;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1100;
	display: flex;
	align-items: center;
	gap: .75rem;
	width: max-content;
	max-width: calc(100% - 2rem);
	padding: .75rem 1rem;
	border: 1px solid currentColor;
	border-radius: var(--l24-control-radius);
	background: var(--local24-panel);
	color: var(--local24-petrol);
}
.search-request-status[hidden] { display: none; }
.search-request-status::before {
	content: '';
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: search-request-spin .8s linear infinite;
}
@keyframes search-request-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .search-request-status::before { animation: none; } }

/* Editorial image/text proportions shared by library and article. */
.editorial-block-split-text-image{grid-template-columns:minmax(0,52fr) minmax(0,48fr)}
.editorial-block-split-image-text,.editorial-block-split_image_text{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}
.editorial-block-text-small-image,.editorial-block-text_small_image{grid-template-columns:minmax(0,72fr) minmax(0,28fr);align-items:start}
.editorial-block-long-image{gap:12px}
.editorial-long-flow{display:flow-root}
.editorial-long-flow>.current-entry-figure,.editorial-long-flow>.editorial-slot-image{float:left;width:30%;margin:0 24px 12px 0}
.editorial-block-image-flow-right .editorial-long-flow>.current-entry-figure,.editorial-block-image-flow-right .editorial-long-flow>.editorial-slot-image{float:right;margin:0 0 12px 24px}
.editorial-long-flow>.current-entry-figure img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.editorial-long-flow>.editorial-slot-image{aspect-ratio:3/4;min-height:0;box-sizing:border-box}
.editorial-long-flow>.current-entry-paragraph,.editorial-long-flow>.editorial-slot-body{display:block;max-width:none;width:auto;align-content:normal;align-items:normal;justify-items:normal}
.editorial-long-flow>.editorial-slot-body{min-height:270px;box-sizing:border-box}
@media(max-width:640px){.editorial-block-split-text-image,.editorial-block-split-image-text,.editorial-block-split_image_text,.editorial-block-text-small-image,.editorial-block-text_small_image{grid-template-columns:minmax(0,1fr)}.editorial-long-flow>.current-entry-figure,.editorial-long-flow>.editorial-slot-image,.editorial-block-image-flow-right .editorial-long-flow>.current-entry-figure,.editorial-block-image-flow-right .editorial-long-flow>.editorial-slot-image{float:none;width:100%;margin:0 0 16px}.editorial-long-flow>.editorial-slot-image{aspect-ratio:3/2}.editorial-long-flow>.current-entry-figure img{max-height:420px;object-fit:contain}}
/* Reusable illustrated editorial CTA, shared by library and article. */
.editorial-cta-illustrated{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--company-primary,#007f81) 8%,white);padding:24px;box-sizing:border-box;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:center}
.editorial-cta-illustrated .editorial-block-copy{position:relative;z-index:1;line-height:1.55}
.editorial-cta-illustrated .editorial-block-copy>strong{font-size:1.25rem;line-height:1.25;color:var(--company-primary,#007f81)}
.editorial-cta-illustrated .editorial-block-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;min-width:0}
.editorial-cta-art{position:relative;display:grid;place-items:center;width:100%;height:130px;color:var(--company-primary,#007f81);pointer-events:none}
.editorial-cta-art::before{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:currentColor;opacity:.06;transform:translate(24px,0)}
.editorial-cta-art>svg{width:108px;height:108px;stroke-width:1.1;opacity:.45;transform:rotate(-8deg)}
.editorial-cta-illustrated .editorial-block-action>.btn{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;line-height:1.35}
.editorial-cta-illustrated .editorial-block-action>.btn::after{content:'→';font-size:1.35em;flex:none}
.editorial-cta-illustrated .editorial-slot-cta{width:100%;box-sizing:border-box}
@media(max-width:640px){.editorial-cta-illustrated{grid-template-columns:minmax(0,1fr);padding:20px}.editorial-cta-art{height:90px}.editorial-cta-art>svg{width:80px;height:80px}.editorial-cta-art::before{width:105px;height:105px}}
.editorial-cta-motif-library{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.editorial-cta-motif-library>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#edf5f5;border-radius:6px;font-size:.75rem;color:#236b70}
.editorial-cta-motif-library svg{width:20px;height:20px;flex:none}
.editorial-cta-art[data-cta-motif=discover]>svg{transform:rotate(10deg)}
.editorial-cta-art[data-cta-motif=visit]>svg{transform:rotate(-5deg)}
.editorial-cta-art[data-cta-motif=news]>svg{transform:rotate(5deg)}
.editorial-cta-art[data-cta-motif=feedback]>svg{transform:rotate(-12deg)}

/* Editorial blocks own internal spacing; generic floated-figure margins are for free-flow content. */
.current-entry-generated .editorial-block>.current-entry-figure{margin:0}
.current-entry-generated [data-editorial-block] h3{margin:0}
.current-entry-generated .editorial-block .current-entry-paragraph:not(.current-entry-block-subline),
.current-entry-generated .editorial-block-cta .editorial-block-copy,
.current-entry-generated .current-entry-info-box>div,
.current-entry-generated .editorial-block .current-entry-list{font-size:var(--company-font-body-size,16px);line-height:var(--company-font-body-line-height,1.5)}
.current-entry-generated [data-editorial-block] .current-entry-paragraph p,
.current-entry-generated [data-editorial-block] .editorial-block-copy>p,
.current-entry-generated [data-editorial-block].current-entry-info-box>div>p{font-size:inherit;line-height:inherit;margin:0}
.current-entry-generated [data-editorial-block] .current-entry-paragraph p+p,
.current-entry-generated [data-editorial-block] .editorial-block-copy>p+p{margin-top:12px}


/* Figures keep image and caption together even beside longer copy. */
.current-entry-figure { align-content:start; align-self:start; gap:8px; }
.current-entry-metadata { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding-bottom:18px; margin-bottom:8px; border-bottom:1px solid var(--company-line,#dce8eb); }
.current-entry-metadata .current-entry-byline { flex:1; min-width:160px; display:grid; gap:4px; }
.current-entry-metadata .current-entry-byline>div { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; }
.current-entry-metadata .current-entry-byline span { font-size:13px; line-height:1.4; font-weight:400; text-transform:none; }
.current-entry-metadata .current-entry-byline a,.current-entry-metadata .current-entry-profile-note { font-size:13px; color:var(--company-primary,#00858b); display:inline-flex; align-items:center; gap:4px; }
.current-entry-metadata svg { width:18px; height:18px; flex-shrink:0; }
.current-entry-meta-actions { display:flex; align-items:center; gap:12px; }
.current-entry-meta-actions button { display:inline-flex; align-items:center; gap:6px; border:0; padding:6px 0; background:none; color:inherit; cursor:pointer; }
.current-entry-meta-actions button span { font-size:13px; font-weight:400; text-transform:none; }
.current-entry-meta-actions button[aria-pressed=true] { color:var(--company-primary,#00858b); }
.current-entry-metadata .current-entry-meta-status:empty { display:none; }
.current-entry-metadata .current-entry-meta-status { flex-basis:100%; font-size:12px; text-transform:none; }
.current-entry-action-card { gap:8px; }
.current-entry-action-card p { margin:0; }
.current-entry-action-card .current-entry-sidebar-cta { margin-top:6px; display:flex; justify-content:space-between; gap:8px; }
@media(max-width:640px) { .current-entry-metadata .current-entry-meta-actions { flex-basis:100%; margin-left:0; } }

/* Section presets: one surface per module; inner content stays unboxed. */
.company-page-theme .section-preset {
 --block-text: var(--company-page-text, #1f2933);
 --block-muted: var(--block-text);
 color: var(--block-text);
 background: transparent;
}
.company-page-theme .section-preset-soft {
 background: color-mix(in srgb, color-mix(in srgb, var(--company-primary, #176b73) 8%, var(--company-page-bg, #fff)) var(--section-preset-opacity), transparent);
}
.company-page-theme .section-preset-emphasis {
 background: color-mix(in srgb, color-mix(in srgb, var(--company-primary, #176b73) 18%, var(--company-page-bg, #fff)) var(--section-preset-opacity), transparent);
}
.company-page-theme .section-preset-contrast {
 --block-text: #ffffff;
 --block-muted: #ffffff;
 background: color-mix(in srgb, var(--company-primary, #176b73) 30%, #101820);
}
.company-page-theme .section-preset .section-heading h2,
.company-page-theme .section-preset .service-card h3,
.company-page-theme .section-preset .about-point strong,
.company-page-theme .section-preset .contact-panel h2,
.company-page-theme .section-preset .contact-benefit strong {
 color: var(--block-text);
}
.company-page-theme .section-preset .section-heading p,
.company-page-theme .section-preset .service-card p,
.company-page-theme .section-preset .about-text,
.company-page-theme .section-preset .about-point p,
.company-page-theme .section-preset .contact-panel p,
.company-page-theme .section-preset .contact-form label {
 color: var(--block-muted);
}
.company-page-theme .section-preset .service-card,
.company-page-theme .section-preset .contact-panel,
.company-page-theme .section-preset .contact-slogan,
.company-page-theme .section-preset .about-point {
 color: var(--block-text);
 background: transparent;
 border: 0;
 border-radius: 0;
 box-shadow: none;
}
.company-page-theme .section-preset .contact-panel { padding: 0; }
.company-page-theme .section-preset .contact-slogan { padding-left: 0; padding-right: 0; }
.company-page-theme .section-preset .service-icon,
.company-page-theme .section-preset .about-point > span,
.company-page-theme .section-preset .contact-benefit > span,
.company-page-theme .section-preset .contact-slogan > span {
 color: var(--block-text);
 background: color-mix(in srgb, var(--block-text) 10%, transparent);
}
.company-page-theme .section-preset-contrast .contact-benefit {
 border-color: #ffffff33;
}.company-page-theme .section-preset .contact-form .btn-primary,
.company-page-theme .section-preset.company-actions-section .btn-primary {
 background: var(--block-text);
 color: var(--company-page-bg, #ffffff);
 border-color: var(--block-text);
}
.company-page-theme .section-preset-contrast .contact-form .btn-primary,
.company-page-theme .section-preset-contrast.company-actions-section .btn-primary { color: #101820; }
.company-page-theme .section-preset .contact-form-status {
 background: color-mix(in srgb, var(--block-text) 8%, transparent);
 border-color: color-mix(in srgb, var(--block-text) 22%, transparent);
}.company-page-theme .section-preset .header-meta-item,
.company-page-theme .section-preset .header-meta-item strong,
.company-page-theme .section-preset .header-meta-item small,
.company-page-theme .section-preset .header-meta-item > svg { color: var(--block-text); }
/* Shared assistant/help window: one launcher, independent conversation tabs. */
.help-center.has-project-chat .help-center-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
.help-center [data-unread="1"]::after { content:'•'; color:var(--local24-petrol); margin-left:6px; }
.help-center.has-project-chat .help-center-drawer { height:min(var(--chat-window-height),calc(100dvh - 112px)); }
.help-center.has-project-chat.is-docked .help-center-drawer { height:100dvh; }
.help-center [data-help-panel="paula"].is-active { display:flex; overflow:hidden; }
.help-center [data-help-panel="paula"] .assistant-surface { display:flex; flex:1; min-height:0; }
.help-center [data-help-panel="paula"] .assistant-surface-composer { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; gap:10px; padding:12px; box-shadow:none; overflow:auto; }
.help-center [data-help-panel="paula"] .assistant-surface-composer > :not(.article-paula-log) { flex-shrink:0; }
.help-center [data-help-panel="paula"] .assistant-surface-intro { flex:none; }
.help-center [data-help-panel="paula"] .article-paula-log { flex:1; min-height:64px; max-height:none; }
.help-center [data-help-panel="paula"] .project-paula-status { max-height:6rem; overflow:auto; }
@media(max-width:820px){.help-center.has-project-chat .help-center-drawer { height:var(--chat-window-mobile-height); }}

@media(max-width:560px){.image-studio .image-studio-sources .l24-action{flex-direction:column;justify-content:center;min-width:0}.image-studio .image-studio-own-actions .l24-action{flex-direction:column}.image-studio-dropzone{min-height:170px;padding:14px}.image-studio-dropzone>strong{font-size:20px}}

/* Bildstudio: focus and pending Magic Fit results; actions use central controls. */
.image-studio-focus-control{display:grid;gap:6px}.image-studio-focus-control .toggle-row{display:flex;align-items:center;gap:8px;margin:0}.image-studio-focus-control small{color:var(--editor-muted)}
.image-studio-frame.is-setting-focus,.image-studio-frame.is-setting-focus:active{cursor:crosshair}.image-studio-focus-point{position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:var(--editor-primary,#197580);box-shadow:0 0 0 2px var(--editor-primary,#197580);transform:translate(-50%,-50%);pointer-events:none}
.image-studio-magic{display:grid;gap:14px;min-width:0}.image-studio-magic-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-studio-magic-result{display:grid;gap:10px;min-width:0;border:1px solid var(--editor-line);border-radius:12px;padding:10px}.image-studio-result-placeholder{aspect-ratio:1.7;display:grid;place-content:center;justify-items:center;gap:8px;background:var(--editor-surface,#eef4f6);color:var(--editor-muted);border-radius:8px}.image-studio-result-placeholder svg{width:36px;height:36px}.image-studio-magic-result small{color:var(--editor-muted)}
@media(max-width:560px){.image-studio-magic-results{grid-template-columns:1fr}}

.image-studio-result-surface{position:relative;aspect-ratio:1.7;overflow:hidden;border-radius:8px;background:var(--editor-surface,#eef4f6)}.image-studio-result-surface>.image-studio-result-placeholder{height:100%;aspect-ratio:auto}.image-studio-result-surface>img{position:absolute;max-width:none;width:100%;height:100%;object-fit:cover}.image-studio-result-actions{position:absolute;inset:8px;display:flex;justify-content:flex-end;align-items:flex-end;gap:6px;pointer-events:none}.image-studio-result-actions button{pointer-events:auto}.image-studio-result-bottom{position:static;display:flex;gap:6px;align-items:center}.image-studio-compare-label{position:absolute;top:8px;left:8px;padding:3px 6px;background:var(--editor-panel,#fff);color:var(--editor-ink);border-radius:6px;font-size:12px}

/* Image viewports retain layout while the shared media renderer positions a master. */
.current-entry-figure a:has(> [data-media-foreground]){aspect-ratio:16/10}
.current-entry-figure-panorama a:has(> [data-media-foreground]){aspect-ratio:21/9}
.current-entry-figure-portrait a:has(> [data-media-foreground]){aspect-ratio:4/5}
.current-entry-figure-square a:has(> [data-media-foreground]){aspect-ratio:1}
.current-entry-gallery .current-entry-figure a:has(> [data-media-foreground]){aspect-ratio:4/3}
.editorial-long-flow>.current-entry-figure a:has(> [data-media-foreground]){aspect-ratio:3/4}

/* Optional content lists share compact forms and native disclosure groups. */
.module-style-box--compact{display:grid;gap:var(--l24-control-gap);padding:0;border:0;background:transparent}
.module-style-box--compact>.editor-text-field{margin-bottom:0}
.module-style-box--compact>.inspector-accordion{margin:0}
.inspector-panel-header--compact{margin-bottom:var(--l24-control-gap);padding-bottom:var(--l24-control-gap)}
[data-block-style-target="about"] .editor-text-surface{min-height:5lh;max-height:9lh}
.company-page-theme .about-point{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.about-points[hidden]{display:none!important}
.about-point-summary{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;align-items:start;list-style:none;cursor:default}
summary.about-point-summary{cursor:pointer;padding-right:28px}
.about-point-summary::-webkit-details-marker{display:none}
.company-page-theme .about-point-summary>[data-about-icon]{background:none;border:0;border-radius:0;color:inherit}
.about-point-chevron{position:absolute;right:0;top:0;width:24px;height:24px;background:none;color:inherit}
.about-point-chevron svg{width:18px;height:18px;transition:transform .2s}
.about-point[open] .about-point-chevron svg{transform:rotate(180deg)}
.about-point>.editor-form{margin-top:12px;padding:12px;background:var(--l24-control-surface);border-radius:var(--l24-control-radius);color:var(--local24-ink,#24323c)}
[data-content-generator]{margin-top:var(--l24-control-gap)}
[data-content-generator] [hidden]{display:none!important}
[data-content-generator] textarea{min-height:80px}
[data-generation-result]{display:grid;gap:10px}
[data-generation-result]>div{display:grid;grid-template-columns:24px 1fr;gap:4px 8px}
[data-generation-result] p{grid-column:2;margin:0}
@media(prefers-reduced-motion:reduce){.about-point-chevron svg{transition:none}}

/* Philosophy composition: the same three semantic regions in every template. */
.philosophy-components{border:0;padding:0;margin:0;min-width:0}
.philosophy-component-options{display:grid;gap:8px;margin-bottom:12px}
.philosophy-template-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:var(--surface-soft,#f3f8fa);border:1px solid var(--line);border-radius:8px;min-height:64px;margin-top:8px}
.philosophy-template-mini span{display:block;min-height:32px;border-radius:3px}
.philosophy-template-mini [data-mini-image]{background:color-mix(in srgb,var(--muted) 20%,transparent)}
.philosophy-template-mini [data-mini-text]{background:repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in srgb,var(--local24-petrol) 55%,transparent) 5px 10px)}
.philosophy-template-mini [data-mini-bullets]{background:repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in srgb,var(--local24-orange) 65%,transparent) 5px 10px)}
.philosophy-template-mini[data-layout=text],.philosophy-template-mini[data-layout=centered],.philosophy-template-mini[data-layout=stacked]{grid-template-columns:1fr}
.philosophy-template-mini[data-layout=centered]{padding-inline:20%}
.philosophy-template-mini[data-layout=image-right] [data-mini-image],.philosophy-template-mini[data-layout=right-stacked] [data-mini-image]{grid-column:2;grid-row:1 / span 2}
.philosophy-template-mini[data-layout=left-stacked] [data-mini-image]{grid-row:1 / span 2}
.philosophy-template-mini[data-layout=top-split] [data-mini-image],.philosophy-template-mini[data-layout=image-top] [data-mini-image],.philosophy-template-mini[data-layout=image-bottom] [data-mini-image]{grid-column:1 / -1}
.philosophy-template-mini[data-layout=image-bottom] [data-mini-image]{grid-row:3}
.philosophy-template-mini[data-layout=overlay]{background:color-mix(in srgb,var(--muted) 20%,transparent)}
.philosophy-template-mini[data-layout=overlay] [data-mini-image]{display:none}
.philosophy-template-mini [hidden],[data-philosophy-text-controls][hidden],[data-philosophy-image-controls][hidden],[data-philosophy-bullets-controls][hidden]{display:none!important}
.company-page-theme [data-philosophy-layout]{gap:clamp(20px,3vw,36px)}
[data-philosophy-layout] .about-content{display:grid;gap:24px;min-width:0;align-items:start}
[data-philosophy-layout] .about-copy,[data-philosophy-layout] .about-points{min-width:0;overflow-wrap:anywhere}
[data-philosophy-layout] .about-image{position:relative;min-width:0;aspect-ratio:var(--philosophy-image-ratio,4/3);border-radius:var(--radius,12px);overflow:hidden;background:color-mix(in srgb,var(--company-primary,var(--local24-petrol)) 8%,#fff)}
[data-philosophy-layout] .about-image-layer{position:absolute;inset:0;background-size:cover;background-position:center}
[data-philosophy-layout] [hidden]{display:none!important}
.company-page-theme [data-philosophy-layout=split] .about-content,.company-page-theme [data-philosophy-layout=top-split] .about-content{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.company-page-theme [data-philosophy-layout=image-left],.company-page-theme [data-philosophy-layout=left-stacked]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.company-page-theme [data-philosophy-layout=image-right],.company-page-theme [data-philosophy-layout=right-stacked]{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
[data-philosophy-layout=image-right]>.about-image,[data-philosophy-layout=right-stacked]>.about-image{grid-column:2;grid-row:1}
[data-philosophy-layout=image-right]>.about-content,[data-philosophy-layout=right-stacked]>.about-content{grid-column:1;grid-row:1}
[data-philosophy-layout=centered]>.about-content{max-width:760px;margin-inline:auto;text-align:center;width:100%}
[data-philosophy-layout=centered] .about-points{max-width:560px;width:100%;margin-inline:auto;text-align:left}
[data-philosophy-layout=image-top]>.about-image,[data-philosophy-layout=image-bottom]>.about-image,[data-philosophy-layout=top-split]>.about-image{aspect-ratio:var(--philosophy-image-ratio,4/1)}
[data-philosophy-layout=image-bottom]>.about-image{grid-row:2}
[data-philosophy-layout=image-bottom]>.about-content{grid-row:1}
.company-page-theme [data-philosophy-layout=overlay]{position:relative;isolation:isolate;padding:clamp(20px,4vw,48px);border-radius:var(--radius,12px);overflow:hidden;min-height:420px}
[data-philosophy-layout=overlay]>.about-image{position:absolute;inset:0;aspect-ratio:auto;z-index:-1}
[data-philosophy-layout=overlay]>.about-content{max-width:640px;padding:24px;background:var(--company-surface,#fff);color:var(--company-text,#1f2933);border-radius:var(--radius,12px)}
.company-page-theme [data-philosophy-mask="1"]{grid-template-columns:minmax(0,1fr)}
[data-philosophy-mask="1"]>.about-content{display:none}
@media(max-width:700px){.company-page-theme [data-philosophy-layout]{grid-template-columns:minmax(0,1fr)}[data-philosophy-layout]>.about-image,[data-philosophy-layout]>.about-content{grid-column:1;grid-row:auto}.company-page-theme [data-philosophy-layout] .about-content{grid-template-columns:minmax(0,1fr)}[data-philosophy-layout]>.about-image{aspect-ratio:var(--philosophy-mobile-image-ratio,3/2)}[data-philosophy-layout=image-bottom]>.about-image{grid-row:2}[data-philosophy-layout=overlay]>.about-image{aspect-ratio:auto}[data-philosophy-layout=overlay]>.about-content{padding:18px}}
@container (max-width:700px){.company-page-theme [data-philosophy-layout]{grid-template-columns:minmax(0,1fr)}[data-philosophy-layout]>.about-image,[data-philosophy-layout]>.about-content{grid-column:1;grid-row:auto}.company-page-theme [data-philosophy-layout] .about-content{grid-template-columns:minmax(0,1fr)}[data-philosophy-layout]>.about-image{aspect-ratio:var(--philosophy-mobile-image-ratio,3/2)}[data-philosophy-layout=image-bottom]>.about-image{grid-row:2}[data-philosophy-layout=overlay]>.about-image{aspect-ratio:auto}}
.editor-form--compact>.module-style-box--compact{min-width:0;max-width:100%}
.philosophy-components{box-sizing:border-box;max-width:100%}
.philosophy-components select{min-width:0;max-width:100%;width:100%}
.philosophy-template-mini,.philosophy-template-mini>span{min-width:0}
.module-style-box--compact{grid-template-columns:minmax(0,1fr)}

.philosophy-template-mini[data-layout=image-top],.philosophy-template-mini[data-layout=image-bottom],.philosophy-template-mini[data-layout=overlay]{grid-template-columns:minmax(0,1fr)}
.media-frame-actions{position:absolute;inset-inline:12px;bottom:12px;display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;z-index:2}
.media-crop-controls{display:flex;gap:6px;flex-wrap:wrap;margin:0}
.media-crop-controls[hidden],.media-frame-actions>[hidden]{display:none!important}
.media-crop-controls .editor-action-feedback.is-error{flex-basis:100%;padding:6px;background:var(--surface,#fff);margin:0}
.is-cropping [data-media-crop-surface]{cursor:grab;touch-action:none;outline:2px solid var(--local24-petrol);outline-offset:-2px}
.is-cropping [data-media-crop-surface]:active{cursor:grabbing}
.is-cropping [data-image-studio-open]{display:none!important}

.editor-form fieldset{border:0;padding:0;margin:0;min-width:0}
.opening-hours{min-width:0;max-width:100%}.opening-hours summary{display:flex;align-items:center;gap:.5em}.opening-hours table{width:100%;border-collapse:collapse}.opening-hours th,.opening-hours td{text-align:left;vertical-align:top;padding:.25em .5em .25em 0;overflow-wrap:anywhere}.opening-hours p{margin:.5em 0}.opening-hours details>div{margin-block:1em}.opening-hours details[open]{max-width:100%}
.image-studio-views.l24-segmented-control{display:flex;width:100%;box-sizing:border-box;margin:8px 0 12px}
.image-studio-views.l24-segmented-control .image-studio-view{flex:1;min-width:0;min-height:var(--l24-control-height-l);flex-direction:column;padding:4px 2px}
.image-studio-views.l24-segmented-control .image-studio-view svg{width:var(--l24-control-icon-l);height:var(--l24-control-icon-l)}
[data-studio-subject-status]{display:block;margin:4px 0}