/* 0.1.4: forms capped at 760 px on wide screens; the phone country part only as wide as the flag,
 * code and arrow (the number takes the rest); a full-height country sheet sized to the visible
 * viewport on phones (keyboard open); a compact site menu for visitors and signed-out agents. */
/* 0.1.16: the Profile workspace — the account beside the personal link from about 780 px of panel width (one
 * column below), a compact inactive-link status, the current link in its read-only field with the replace action
 * set apart, the guidance below as a quieter section. Presentation only. */
/* 0.1.15: the Companies workspace — the current approved companies as rows from about 580 px of list width
 * (shared columns: company and location, CRM onboarding state, approval date), cards below; distinct unavailable,
 * review and empty states. Presentation only. */
/* 0.1.14: the Tasks workspace — task rows from about 830 px of list width, cards below it, a note preview
 * with a link to the whole note, the task record and a grouped task form. Presentation only. */
/* 0.1.13: the Leads workspace — a dense table from 1024 px, record cards below it, a record header and grouped
 * facts, the lead form's section rhythm. Presentation only. */
/* 0.1.12: the signed-in cabinet frame — a fixed navy sidebar from 1024 px, a compact navy bar with a Menu
 * panel below it — and the Overview dashboard (own counts, next tasks, lead statuses, real links). The site
 * body font stack. Visitors and signed-out agents keep the 0.1.4 white bar. */
/* GetnDrive agent cabinet 0.1.3 (0.1.9: five sections, lead follow-up tasks). Enqueued on /agent/ and /ru/agent/ only. Mobile first.
 * 0.1.3: the page has its own compact shell (no public Header or Footer), a 960 px work area,
 * denser cards and forms, two-column related fields from tablet width, and the one-piece phone
 * field [flag code ▾ | number] with an optional searchable country list (assets/agent-phone.js). */

body.gnd-agent-app,
.gnd-agent-bar,
.gnd-agent {
	--gnd-agent-navy: #0b1f3a;
	--gnd-agent-teal: #1bae9f;
	--gnd-agent-teal-deep: #0d7f77;
	--gnd-agent-lime: #a8e063;
	--gnd-agent-ink: #102033;
	--gnd-agent-muted: #536273;
	--gnd-agent-surface: #f4f8f8;
	--gnd-agent-card: #ffffff;
	--gnd-agent-line: #d9e2e6;
	--gnd-agent-field: #aebcc4;
	--gnd-agent-danger: #b3261e;
	--gnd-agent-warn-bg: #fff6e0;
	--gnd-agent-warn-line: #e8c46a;
	--gnd-agent-focus: 0 0 0 3px rgba(27, 174, 159, 0.45);
	--gnd-agent-width: 960px;
	/* 0.1.12: the desktop sidebar; with enlarged text it stops at 22 % of the window (the work area keeps its room). */
	--gnd-agent-side: min(16rem, 22vw);
	--gnd-agent-navy-line: rgba(255, 255, 255, 0.14);
	--gnd-agent-on-navy: rgba(255, 255, 255, 0.8);
}

/* ---- Page shell (0.1.3) ---- */
html body.gnd-agent-app {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	background: var(--gnd-agent-surface);
	color: var(--gnd-agent-ink);
	/* 0.1.12: the public site's body stack (Kadence global body font); the cabinet document skips wp_head(). */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html.gnd-agent-sheet-open {
	overflow: hidden;
}

html.gnd-agent-sheet-open body.gnd-agent-app::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(15, 23, 42, 0.34);
}

.gnd-agent-skip {
	position: absolute;
	top: -200px;
	left: 8px;
	z-index: 100002;
	padding: 10px 14px;
	border-radius: 8px;
	background: #0b1f3a;
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
}

.gnd-agent-skip:focus {
	top: 8px;
	color: #ffffff;
	outline: 3px solid #1bae9f;
	outline-offset: 2px;
}

.gnd-agent-bar {
	background: var(--gnd-agent-card);
	border-bottom: 1px solid var(--gnd-agent-line);
	color: var(--gnd-agent-ink);
}

.gnd-agent-bar *,
.gnd-agent-bar *::before,
.gnd-agent-bar *::after {
	box-sizing: border-box;
}

.gnd-agent-bar .gnd-agent-bar__inner {
	position: relative;
	display: flex;
	/* 0.1.11: with enlarged text (200 % zoom) the tools wrap below the logo instead of leaving the screen;
	 * at normal sizes everything fits one row, as before. */
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 12px;
	max-width: calc(var(--gnd-agent-width) + 32px);
	min-height: 56px;
	margin: 0 auto;
	padding: 6px 16px;
}

.gnd-agent-bar .gnd-agent-bar__brand,
.gnd-agent-bar .gnd-agent-bar__tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.gnd-agent-bar .gnd-agent-bar__home {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	border-radius: 6px;
	color: var(--gnd-agent-navy);
	text-decoration: none;
}

/* The public header logo lives in the sibling Visual Rebrand plugin. The cabinet deliberately
 * skips wp_head() on cacheable GETs, so it cannot rely on the public header's inline CSS token. */
.gnd-agent-bar .gnd-agent-bar__wordmark {
	position: relative;
	display: block;
	width: 121px;
	height: 21px;
	overflow: hidden;
	color: var(--gnd-agent-navy);
	font-size: 1.125rem;
	font-weight: 800;
	line-height: 21px;
	white-space: nowrap;
}

.gnd-agent-bar .gnd-agent-bar__wordmark::before {
	--gnd-agent-logo: url("../../getndrive-visual-rebrand-pass/assets/getndrive-logo-horizontal-55.png") left center / contain no-repeat, var(--gnd-agent-card);
	content: "";
	position: absolute;
	inset: 0;
	background: var(--gnd-agent-logo, transparent);
}

.gnd-agent-bar .gnd-agent-bar__product {
	display: none;
	align-items: center;
	min-height: 44px;
	padding: 0 0 0 12px;
	border-left: 1px solid var(--gnd-agent-line);
	color: var(--gnd-agent-muted);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.gnd-agent-bar .gnd-agent-bar__product:hover {
	color: var(--gnd-agent-navy);
}

.gnd-agent-bar .gnd-agent-bar__lang {
	display: inline-flex;
	gap: 2px;
	padding: 2px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 10px;
	background: var(--gnd-agent-surface);
}

.gnd-agent-bar .gnd-agent-bar__lang-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 8px;
	border-radius: 8px;
	color: var(--gnd-agent-ink);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.gnd-agent-bar .gnd-agent-bar__lang-link:hover {
	background: var(--gnd-agent-card);
	color: var(--gnd-agent-navy);
}

.gnd-agent-bar .gnd-agent-bar__lang-link.is-current {
	background: var(--gnd-agent-navy);
	color: #ffffff;
}

.gnd-agent-bar .gnd-agent__signout {
	margin: 0;
}

.gnd-agent-bar .gnd-agent-bar__signout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 8px;
	background: var(--gnd-agent-card);
	color: var(--gnd-agent-ink);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none;
}

.gnd-agent-bar .gnd-agent-bar__signout:hover {
	background: var(--gnd-agent-surface);
	border-color: var(--gnd-agent-field);
	color: var(--gnd-agent-navy);
}

.gnd-agent-bar a:focus-visible,
.gnd-agent-bar button:focus-visible {
	outline: 3px solid var(--gnd-agent-teal);
	outline-offset: 2px;
}

.gnd-agent__sr {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Site menu (0.1.4): visitors and signed-out agents; a native disclosure, no JavaScript needed. */
.gnd-agent-bar .gnd-agent-bar__site {
	position: static;
	margin: 0;
}

.gnd-agent-bar .gnd-agent-bar__site-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 44px;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 8px;
	background: var(--gnd-agent-card);
	color: var(--gnd-agent-ink);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	list-style: none;
}

.gnd-agent-bar .gnd-agent-bar__site-toggle::-webkit-details-marker {
	display: none;
}

.gnd-agent-bar .gnd-agent-bar__site-toggle::marker {
	content: "";
}

.gnd-agent-bar .gnd-agent-bar__site-toggle:hover,
.gnd-agent-bar .gnd-agent-bar__site[open] > .gnd-agent-bar__site-toggle {
	background: var(--gnd-agent-surface);
	border-color: var(--gnd-agent-field);
	color: var(--gnd-agent-navy);
}

.gnd-agent-bar .gnd-agent-bar__site-toggle:focus-visible {
	outline: 3px solid var(--gnd-agent-teal);
	outline-offset: 2px;
}

/* Three-line icon drawn with borders (no icon font, no image). */
.gnd-agent-bar .gnd-agent-bar__site-icon {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 12px;
	border-top: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
}

.gnd-agent-bar .gnd-agent-bar__site-icon::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	border-top: 2px solid currentColor;
}

/* Anchored to the header row (not the toggle), so it never leaves a 320 px screen. */
.gnd-agent-bar .gnd-agent-bar__site-menu {
	position: absolute;
	top: calc(100% - 2px);
	right: 12px;
	z-index: 100003;
	min-width: 240px;
	max-width: calc(100% - 24px);
	padding: 6px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 12px 32px rgba(11, 31, 58, 0.18);
}

.gnd-agent-bar .gnd-agent-bar__site-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gnd-agent-bar .gnd-agent-bar__site-list li {
	margin: 0;
	padding: 0;
}

.gnd-agent-bar .gnd-agent-bar__site-link {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 12px;
	border-radius: 8px;
	color: var(--gnd-agent-ink);
	font-size: 0.9375rem;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

.gnd-agent-bar .gnd-agent-bar__site-link:hover {
	background: var(--gnd-agent-surface);
	color: var(--gnd-agent-navy);
}

/* ---- 0.1.12 signed-in cabinet frame (GND_AP_Cabinet_View::app_bar()) ----
 * Mobile first: a compact navy bar (logo, EN/RU, Menu) whose panel holds the six sections, the agent and
 * Sign out. Without assets/agent-phone.js the panel stays open under the bar; the script reveals the Menu
 * button and folds the panel (below 1024 px only). From 1024 px the same element is a fixed sidebar. */
.gnd-agent-bar.gnd-agent-bar--app {
	background: var(--gnd-agent-navy);
	border-bottom: 0;
	color: #ffffff;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__inner {
	justify-content: flex-start;
	max-width: none;
	padding: 6px 12px 6px 16px;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__brand {
	flex: 1 1 auto;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__home {
	color: #ffffff;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__wordmark {
	width: 131px;
	height: 21px;
	color: #ffffff;
}

/* The white GetnDrive lockup of the public footer (Visual Rebrand), on navy. */
.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__wordmark::before {
	--gnd-agent-logo: url("../../getndrive-visual-rebrand-pass/assets/getndrive-footer-lockup-white.png") left center / contain no-repeat, var(--gnd-agent-navy);
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__product {
	border-left-color: var(--gnd-agent-navy-line);
	color: var(--gnd-agent-on-navy);
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__product:hover {
	color: #ffffff;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__lang {
	border-color: var(--gnd-agent-navy-line);
	background: rgba(255, 255, 255, 0.06);
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__lang-link {
	color: #ffffff;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__lang-link:hover {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__lang-link.is-current {
	background: var(--gnd-agent-teal);
	color: var(--gnd-agent-navy);
}

.gnd-agent-bar.gnd-agent-bar--app a:focus-visible,
.gnd-agent-bar.gnd-agent-bar--app button:focus-visible {
	outline: 3px solid #6fe0d3;
	outline-offset: 2px;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__menu {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--gnd-agent-navy-line);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__menu[hidden] {
	display: none;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__menu:hover,
.gnd-agent-bar.gnd-agent-bar--app.is-open .gnd-agent-bar__menu {
	background: rgba(255, 255, 255, 0.16);
	color: #ffffff;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__panel {
	flex: 1 1 100%;
	min-width: 0;
	padding: 6px 0 10px;
	border-top: 1px solid var(--gnd-agent-navy-line);
}

.gnd-agent-icon {
	flex: 0 0 auto;
	width: 1.25rem;
	height: 1.25rem;
}

/* Below 1024 px the open panel lists the sections in columns of at least 13em (one column on phones). */
.gnd-agent-bar .gnd-agent-nav__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 13em), 1fr));
	gap: 2px 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gnd-agent-bar .gnd-agent-nav__item {
	min-width: 0;
	margin: 0;
	padding: 0;
}

.gnd-agent-bar .gnd-agent-nav__link {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 8px 12px;
	border-radius: 8px;
	color: var(--gnd-agent-on-navy);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
	overflow-wrap: anywhere;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.gnd-agent-bar .gnd-agent-nav__link:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
}

.gnd-agent-bar .gnd-agent-nav__link.is-current {
	background: rgba(27, 174, 159, 0.22);
	box-shadow: inset 3px 0 0 var(--gnd-agent-teal);
	color: #ffffff;
}

.gnd-agent-bar .gnd-agent-nav__link.is-current .gnd-agent-icon {
	color: #6fe0d3;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__account {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 12px;
	margin: 8px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid var(--gnd-agent-navy-line);
}

.gnd-agent-bar .gnd-agent-bar__who {
	display: flex;
	flex: 1 1 12rem;
	align-items: center;
	gap: 10px;
	min-width: 0;
	margin: 0;
}

.gnd-agent-bar .gnd-agent-bar__avatar {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	background: var(--gnd-agent-teal);
	color: var(--gnd-agent-navy);
	font-size: 0.8125rem;
	font-weight: 800;
	line-height: 1;
}

.gnd-agent-bar .gnd-agent-bar__id {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.gnd-agent-bar .gnd-agent-bar__name {
	min-width: 0;
	color: #ffffff;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.gnd-agent-bar .gnd-agent-bar__role {
	min-width: 0;
	color: var(--gnd-agent-on-navy);
	font-size: 0.75rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__signout {
	border-color: rgba(255, 255, 255, 0.3);
	background: transparent;
	color: #ffffff;
}

.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__signout:hover {
	border-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

/* ---- Cabinet body ---- */
.gnd-agent {
	background: var(--gnd-agent-surface);
	color: var(--gnd-agent-ink);
	padding: 16px 16px 40px;
	letter-spacing: 0;
	overflow-wrap: anywhere;
	font-size: 0.9375rem;
}

.gnd-agent *,
.gnd-agent *::before,
.gnd-agent *::after {
	box-sizing: border-box;
}

.gnd-agent__inner {
	max-width: var(--gnd-agent-width);
	margin: 0 auto;
	min-width: 0;
}

.gnd-agent-main {
	display: block;
	min-height: calc(100vh - 57px);
	background: var(--gnd-agent-surface, #f4f8f8);
}

.gnd-agent-main:focus {
	outline: none;
}

/* Type */
.gnd-agent .gnd-agent__eyebrow {
	margin: 0 0 2px;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--gnd-agent-teal-deep);
	text-transform: none;
}

.gnd-agent .gnd-agent__title {
	margin: 0 0 6px;
	font-size: 1.375rem;
	line-height: 1.25;
	font-weight: 700;
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__title--section {
	margin: 0 0 6px;
	font-size: 1.5rem;
	line-height: 1.2;
}

.gnd-agent .gnd-agent__h2 {
	margin: 0 0 10px;
	font-size: 1.125rem;
	line-height: 1.3;
	font-weight: 700;
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__h3 {
	margin: 0 0 8px;
	font-size: 0.9375rem;
	line-height: 1.35;
	font-weight: 700;
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__text {
	margin: 0 0 10px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.gnd-agent .gnd-agent__text--row {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	align-items: baseline;
}

.gnd-agent .gnd-agent__text--last {
	margin-bottom: 0;
}

.gnd-agent .gnd-agent__muted,
.gnd-agent .gnd-agent__hint {
	margin: 6px 0 10px;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--gnd-agent-muted);
}

.gnd-agent .gnd-agent__hint {
	margin: 4px 0 0;
}

.gnd-agent .gnd-agent__note {
	margin: 0 0 10px;
	padding: 8px 12px;
	border-radius: 8px;
	background: var(--gnd-agent-surface);
	font-size: 0.875rem;
	line-height: 1.45;
}

.gnd-agent .gnd-agent__break {
	word-break: break-all;
}

/* Cards and panels */
.gnd-agent .gnd-agent__card {
	background: var(--gnd-agent-card);
	border: 1px solid var(--gnd-agent-line);
	border-radius: 12px;
	padding: 14px 16px;
	margin: 0 0 12px;
	box-shadow: 0 1px 2px rgba(11, 31, 58, 0.04);
	min-width: 0;
}

.gnd-agent .gnd-agent__card--narrow {
	max-width: 420px;
	margin: 8px auto 0;
	padding: 20px 16px;
}

.gnd-agent .gnd-agent__panel {
	min-width: 0;
}

.gnd-agent .gnd-agent__panel-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 12px;
	margin-bottom: 10px;
}

.gnd-agent .gnd-agent__panel-head .gnd-agent__h2 {
	margin: 0;
}

.gnd-agent .gnd-agent__callout {
	margin: 0 0 12px;
	padding: 10px 14px;
	border-left: 4px solid var(--gnd-agent-teal);
	border-radius: 8px;
	background: #e9f6f4;
}

.gnd-agent .gnd-agent__callout--attention {
	border-left-color: var(--gnd-agent-warn-line);
	background: var(--gnd-agent-warn-bg);
}

.gnd-agent .gnd-agent__callout--quiet {
	border-left-width: 3px;
	background: #edf5f4;
}

.gnd-agent .gnd-agent__callout--quiet .gnd-agent__callout-title,
.gnd-agent .gnd-agent__callout--quiet .gnd-agent__text {
	font-size: 0.8125rem;
}

.gnd-agent .gnd-agent__callout-title {
	margin: 0 0 2px;
	font-weight: 700;
	font-size: 0.9375rem;
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__callout .gnd-agent__text:last-child {
	margin-bottom: 0;
}

.gnd-agent .gnd-agent__empty {
	padding: 16px;
	border: 1px dashed var(--gnd-agent-line);
	border-radius: 12px;
	background: var(--gnd-agent-card);
}

.gnd-agent .gnd-agent__empty .gnd-agent__text:last-child,
.gnd-agent .gnd-agent__empty .gnd-agent__muted:last-child {
	margin-bottom: 0;
}

.gnd-agent .gnd-agent__pair {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0 12px;
}

/* Section header (0.1.12): portal and pilot, the section name, membership and role */
.gnd-agent .gnd-agent__head {
	min-width: 0;
	margin: 0 0 14px;
}

.gnd-agent .gnd-agent__status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	margin: 0;
	font-size: 0.8125rem;
	color: var(--gnd-agent-muted);
}

.gnd-agent .gnd-agent__signout {
	margin: 0;
}

/* ---- Lead follow-up tasks (0.1.9): the next action and the planned date first, the note after ---- */
.gnd-agent .gnd-agent__filters {
	margin: 0 0 12px;
}

.gnd-agent .gnd-agent__filterlist {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gnd-agent .gnd-agent__filter {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 6px 14px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 999px;
	background: var(--gnd-agent-card);
	color: var(--gnd-agent-ink);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
}

.gnd-agent .gnd-agent__filter:hover {
	border-color: var(--gnd-agent-navy);
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__filter.is-current {
	background: var(--gnd-agent-navy);
	border-color: var(--gnd-agent-navy);
	color: #ffffff;
}

/* The task rows, the task record and the task form: the 0.1.14 Tasks workspace section below. */
.gnd-agent .gnd-agent__task-date-label {
	color: var(--gnd-agent-muted);
}

.gnd-agent .gnd-agent__inline-form {
	display: inline-flex;
	margin: 0;
}

.gnd-agent .gnd-agent__pill--task-open {
	background: #e3f1fb;
	color: #123456;
}

.gnd-agent .gnd-agent__pill--task-done {
	background: #e3f5d0;
	color: #25500c;
}

.gnd-agent .gnd-agent__lead-tasks {
	margin: 18px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid var(--gnd-agent-line);
}

.gnd-agent .gnd-agent__lead-tasks .gnd-agent__panel-head {
	margin-bottom: 8px;
}

/* 0.1.11: working materials — three sections of short text; lists and Q&A wrap at any width. */
.gnd-agent .gnd-agent__mat-intro {
	max-width: 46rem;
}

.gnd-agent .gnd-agent__mat-section .gnd-agent__h3 {
	margin-top: 0;
}

.gnd-agent .gnd-agent__h4 {
	margin: 14px 0 6px;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__mat-list {
	margin: 0 0 4px;
	padding-left: 1.25rem;
	max-width: 46rem;
}

.gnd-agent .gnd-agent__mat-list li {
	margin: 0 0 6px;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__mat-section .gnd-agent__callout {
	margin: 12px 0;
	max-width: 46rem;
}

.gnd-agent .gnd-agent__mat-section .gnd-agent__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 0;
}

.gnd-agent .gnd-agent__mat-faq {
	margin: 0;
	max-width: 46rem;
}

.gnd-agent .gnd-agent__mat-qa {
	padding: 10px 0;
	border-top: 1px solid var(--gnd-agent-line);
}

.gnd-agent .gnd-agent__mat-qa:last-child {
	padding-bottom: 0;
}

.gnd-agent .gnd-agent__mat-qa dt {
	margin: 0 0 4px;
	font-weight: 700;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__mat-qa dd {
	margin: 0;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

/* ---- 0.1.12 Overview dashboard: next action, four own counts, next tasks beside lead statuses and links ---- */
.gnd-agent .gnd-agent__head .gnd-agent__eyebrow {
	margin-bottom: 4px;
}

.gnd-agent .gnd-agent__card--next {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: 2px 16px;
	border-left: 4px solid var(--gnd-agent-teal);
	background: #eef8f6;
}

.gnd-agent .gnd-agent__card--next .gnd-agent__h3 {
	margin: 0 0 2px;
}

.gnd-agent .gnd-agent__card--next .gnd-agent__text {
	margin: 0;
}

.gnd-agent .gnd-agent__card--next .gnd-agent__actions {
	margin: 8px 0 0;
}

.gnd-agent .gnd-agent__summary {
	margin: 0 0 12px;
}

/* Two counts per row on phones, four from 720 px; with enlarged text a card needs 9em, so fewer per row. */
.gnd-agent .gnd-agent__kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, max(calc(50% - 6px), 9em)), 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gnd-agent .gnd-agent__kpi {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: auto 1fr auto;
	grid-template-areas: "icon value" "label label" "link link";
	align-items: center;
	gap: 6px 10px;
	min-width: 0;
	margin: 0;
	padding: 14px 16px 6px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 12px;
	background: var(--gnd-agent-card);
	box-shadow: 0 1px 2px rgba(11, 31, 58, 0.04);
}

.gnd-agent .gnd-agent__kpi-icon {
	display: inline-flex;
	grid-area: icon;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 10px;
	background: #e6f6f4;
	color: var(--gnd-agent-teal-deep);
}

.gnd-agent .gnd-agent__kpi--awaiting .gnd-agent__kpi-icon {
	background: var(--gnd-agent-warn-bg);
	color: #6a4b00;
}

.gnd-agent .gnd-agent__kpi--review .gnd-agent__kpi-icon {
	background: #e3f1fb;
	color: #123456;
}

.gnd-agent .gnd-agent__kpi--companies .gnd-agent__kpi-icon {
	background: #e3f5d0;
	color: #25500c;
}

.gnd-agent .gnd-agent__kpi-value {
	grid-area: value;
	min-width: 0;
	color: var(--gnd-agent-navy);
	font-size: 1.75rem;
	font-weight: 800;
	line-height: 1.1;
}

.gnd-agent .gnd-agent__kpi-value--na {
	color: var(--gnd-agent-muted);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
}

.gnd-agent .gnd-agent__kpi-label {
	grid-area: label;
	align-self: start;
	color: var(--gnd-agent-ink);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.35;
}

.gnd-agent .gnd-agent__kpi-link {
	display: inline-flex;
	grid-area: link;
	align-items: center;
	justify-self: start;
	min-height: 44px;
	color: var(--gnd-agent-teal-deep);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.gnd-agent .gnd-agent__kpi-link:hover {
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__dash-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 0 12px;
}

.gnd-agent .gnd-agent__dash-main,
.gnd-agent .gnd-agent__dash-side {
	min-width: 0;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__panel-head {
	margin-bottom: 4px;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__h3,
.gnd-agent .gnd-agent__quick .gnd-agent__h3 {
	margin: 0;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stats {
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	margin: 0;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stat {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-top: 1px solid var(--gnd-agent-line);
	border-radius: 0;
	background: none;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stat dt {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	color: var(--gnd-agent-ink);
	font-size: 0.875rem;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stat dt::before {
	content: "";
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--gnd-agent-field);
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stat--submitted dt::before {
	background: #6aa7d8;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stat--under-review dt::before {
	background: #123456;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stat--needs-info dt::before {
	background: #d99a00;
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stat--declined dt::before {
	background: var(--gnd-agent-danger);
}

.gnd-agent .gnd-agent__lead-states .gnd-agent__stat dd {
	margin: 0;
	font-size: 1rem;
}

.gnd-agent .gnd-agent__quick-list {
	display: grid;
	gap: 6px;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.gnd-agent .gnd-agent__quick-list li {
	margin: 0;
	min-width: 0;
}

.gnd-agent .gnd-agent__quick-link {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 10px;
	background: var(--gnd-agent-surface);
	color: var(--gnd-agent-navy);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.gnd-agent .gnd-agent__quick-link:hover {
	border-color: var(--gnd-agent-teal);
	background: #eef8f6;
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__quick-link .gnd-agent-icon {
	color: var(--gnd-agent-teal-deep);
}

.gnd-agent .gnd-agent__pilot {
	margin: 0;
}

/* ---- 0.1.13 Leads workspace: list (table from 1024 px, record cards below), record, form rhythm ---- */
.gnd-agent .gnd-agent__leads > .gnd-agent__panel-head {
	margin-bottom: 12px;
}

.gnd-agent .gnd-agent__lead-state .gnd-agent__pill::before,
.gnd-agent .gnd-agent__record-head .gnd-agent__pill::before {
	content: "";
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	margin-right: 6px;
	border-radius: 50%;
	background: currentColor;
}

/* Empty and unavailable are visibly different states: an invitation (dashed) and a status (amber). */
.gnd-agent .gnd-agent__state-card {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 16px;
	border-radius: 12px;
}

.gnd-agent .gnd-agent__state-card .gnd-agent-icon {
	width: 1.5rem;
	height: 1.5rem;
	color: var(--gnd-agent-muted);
}

.gnd-agent .gnd-agent__state-card .gnd-agent__text {
	margin: 0;
}

.gnd-agent .gnd-agent__state-card--unavailable {
	border: 1px solid var(--gnd-agent-warn-line);
	background: var(--gnd-agent-warn-bg);
}

.gnd-agent .gnd-agent__state-card--unavailable .gnd-agent-icon {
	color: #6a4b00;
}

/* Record: header card, the application line, the grouped facts. */
.gnd-agent .gnd-agent__record-head {
	margin: 0 0 12px;
	padding: 14px 16px;
	border: 1px solid var(--gnd-agent-line);
	border-left: 4px solid var(--gnd-agent-teal);
	border-radius: 12px;
	background: var(--gnd-agent-card);
}

.gnd-agent .gnd-agent__record-head .gnd-agent__h2 {
	margin: 0;
	font-size: 1.25rem;
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__record-head ~ p.gnd-agent__text {
	margin: 0 0 8px;
	padding: 10px 14px;
	border: 1px solid #d4e6f2;
	border-radius: 10px;
	background: #f1f7fb;
}

.gnd-agent .gnd-agent__record-head ~ .gnd-agent__hint {
	margin: -2px 0 12px;
}

.gnd-agent .gnd-agent__facts {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 0 12px;
}

.gnd-agent .gnd-agent__facts-group .gnd-agent__details {
	margin: 0;
}

.gnd-agent .gnd-agent__facts-group .gnd-agent__section-title,
.gnd-agent .gnd-agent__form--lead .gnd-agent__section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--gnd-agent-navy);
	font-size: 0.875rem;
	letter-spacing: 0;
}

.gnd-agent .gnd-agent__facts-group .gnd-agent__section-title::before,
.gnd-agent .gnd-agent__form--lead .gnd-agent__section-title::before {
	content: "";
	flex: 0 0 auto;
	width: 4px;
	height: 1em;
	border-radius: 2px;
	background: var(--gnd-agent-teal);
}

.gnd-agent .gnd-agent__form--lead .gnd-agent__actions--form {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--gnd-agent-line);
}

/* 0.1.10: Overview "Next tasks" — a compact read-only list (one column; long text wraps). */
.gnd-agent .gnd-agent__next-tasks .gnd-agent__panel-head {
	margin-bottom: 4px;
}

.gnd-agent .gnd-agent__next-tasks .gnd-agent__h3 {
	margin: 0;
}

.gnd-agent .gnd-agent__next-all {
	font-size: 0.875rem;
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__next-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gnd-agent .gnd-agent__next-item {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid var(--gnd-agent-line);
}

.gnd-agent .gnd-agent__next-item:last-child {
	padding-bottom: 0;
}

.gnd-agent .gnd-agent__next-title {
	font-size: 1rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__next-meta {
	min-width: 0;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--gnd-agent-ink);
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__next-sep {
	color: var(--gnd-agent-muted);
}

.gnd-agent .gnd-agent__next-tasks .gnd-agent__actions,
.gnd-agent .gnd-agent__next-tasks .gnd-agent__text:last-child {
	margin-bottom: 0;
}

.gnd-agent .gnd-agent__pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin: 12px 0 0;
}

.gnd-agent .gnd-agent__field-error {
	margin: 4px 0 0;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--gnd-agent-danger);
}

.gnd-agent .gnd-agent__form--task {
	max-width: 760px;
}

/* Notices */
.gnd-agent .gnd-agent__notice {
	margin: 0 0 12px;
	padding: 8px 12px;
	border-radius: 8px;
	background: #e9f6f4;
	border: 1px solid #b6e3dc;
	font-size: 0.9375rem;
	line-height: 1.45;
}

.gnd-agent .gnd-agent__notice--error {
	background: #fdeceb;
	border-color: #f1b8b4;
	color: #6b1510;
}

.gnd-agent .gnd-agent__errors {
	margin: 0 0 12px;
	padding: 10px 14px;
	border-radius: 8px;
	background: #fdeceb;
	border: 1px solid #f1b8b4;
}

.gnd-agent .gnd-agent__errors:focus {
	outline: 3px solid var(--gnd-agent-danger);
	outline-offset: 2px;
}

.gnd-agent .gnd-agent__errors ul {
	margin: 0;
	padding: 0 0 0 18px;
}

.gnd-agent .gnd-agent__errors li {
	margin: 2px 0;
	font-size: 0.875rem;
}

/* Pills */
.gnd-agent .gnd-agent__pill {
	display: inline-flex;
	align-items: center;
	padding: 2px 9px;
	border-radius: 999px;
	background: #eef2f4;
	color: var(--gnd-agent-ink);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}

.gnd-agent .gnd-agent__pill--ok,
.gnd-agent .gnd-agent__pill--approved {
	background: #e3f5d0;
	color: #25500c;
}

.gnd-agent .gnd-agent__pill--submitted,
.gnd-agent .gnd-agent__pill--under-review {
	background: #e3f1fb;
	color: #123456;
}

.gnd-agent .gnd-agent__pill--needs-info {
	background: var(--gnd-agent-warn-bg);
	color: #6a4b00;
}

.gnd-agent .gnd-agent__pill--declined {
	background: #f3e5e4;
	color: #6b1510;
}

/* Stats and details */
.gnd-agent .gnd-agent__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	margin: 0 0 10px;
}

.gnd-agent .gnd-agent__stat {
	padding: 8px 10px;
	border-radius: 8px;
	background: var(--gnd-agent-surface);
	min-width: 0;
}

.gnd-agent .gnd-agent__stat dt {
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.3;
	color: var(--gnd-agent-muted);
	font-weight: 500;
}

.gnd-agent .gnd-agent__stat dd {
	margin: 2px 0 0;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__details {
	margin: 0 0 10px;
}

.gnd-agent .gnd-agent__detail {
	padding: 7px 0;
	border-bottom: 1px solid var(--gnd-agent-line);
	min-width: 0;
}

.gnd-agent .gnd-agent__detail:last-child {
	border-bottom: 0;
}

.gnd-agent .gnd-agent__detail dt {
	margin: 0;
	font-size: 0.75rem;
	color: var(--gnd-agent-muted);
	font-weight: 500;
}

.gnd-agent .gnd-agent__detail dd {
	margin: 1px 0 0;
	font-size: 0.9375rem;
	line-height: 1.45;
}

.gnd-agent .gnd-agent__details--grid {
	padding: 4px 16px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 12px;
	background: var(--gnd-agent-card);
}

.gnd-agent .gnd-agent__rules {
	margin: 0;
	padding: 0 0 0 18px;
}

.gnd-agent .gnd-agent__rules li {
	margin: 0 0 6px;
	font-size: 0.875rem;
	line-height: 1.45;
}

.gnd-agent .gnd-agent__rules li:last-child {
	margin-bottom: 0;
}

/* Table -> cards on phones */
.gnd-agent .gnd-agent__table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
}

.gnd-agent .gnd-agent__table thead {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.gnd-agent .gnd-agent__table tr {
	display: block;
	margin: 0 0 8px;
	padding: 10px 14px;
	background: var(--gnd-agent-card);
	border: 1px solid var(--gnd-agent-line);
	border-radius: 12px;
}

.gnd-agent .gnd-agent__table td {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2px 12px;
	padding: 3px 0;
	border: 0;
	font-size: 0.875rem;
	line-height: 1.4;
	text-align: right;
}

.gnd-agent .gnd-agent__table td::before {
	content: attr(data-label);
	color: var(--gnd-agent-muted);
	font-size: 0.75rem;
	text-align: left;
}

.gnd-agent .gnd-agent__table td:first-child {
	display: block;
	text-align: left;
	padding-bottom: 6px;
}

.gnd-agent .gnd-agent__table td:first-child::before {
	content: none;
}

/* Forms */
.gnd-agent .gnd-agent__form {
	margin: 0 0 10px;
}

.gnd-agent .gnd-agent__form--lead {
	padding: 14px 16px 16px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 12px;
	background: var(--gnd-agent-card);
}

.gnd-agent .gnd-agent__section {
	margin: 0 0 4px;
	min-width: 0;
}

.gnd-agent .gnd-agent__section-title {
	margin: 0 0 10px;
	padding: 0 0 6px;
	border-bottom: 1px solid var(--gnd-agent-line);
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.02em;
	color: var(--gnd-agent-muted);
}

.gnd-agent .gnd-agent__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0 16px;
}

.gnd-agent .gnd-agent__field {
	margin: 0 0 12px;
	min-width: 0;
}

.gnd-agent .gnd-agent__label {
	display: block;
	margin: 0 0 4px;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--gnd-agent-ink);
}

.gnd-agent .gnd-agent__label--inline {
	display: inline;
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.45;
}

.gnd-agent .gnd-agent__input {
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 9px 12px;
	border: 1px solid var(--gnd-agent-field);
	border-radius: 8px;
	background: #ffffff;
	color: var(--gnd-agent-ink);
	font: inherit;
	font-size: 1rem;
	line-height: 1.4;
	box-shadow: none;
}

.gnd-agent .gnd-agent__textarea {
	min-height: 104px;
	resize: vertical;
}

.gnd-agent .gnd-agent__input--mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.875rem;
}

.gnd-agent .gnd-agent__input:focus,
.gnd-agent .gnd-agent__input:focus-within {
	outline: none;
	border-color: var(--gnd-agent-teal-deep);
	box-shadow: var(--gnd-agent-focus);
}

.gnd-agent .is-invalid .gnd-agent__input,
.gnd-agent .gnd-agent__input[aria-invalid="true"] {
	border-color: var(--gnd-agent-danger);
	border-width: 2px;
}

.gnd-agent .is-invalid > .gnd-agent__label {
	color: var(--gnd-agent-danger);
}

.gnd-agent .gnd-agent__check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 4px 0 6px;
	padding: 10px 12px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 8px;
	background: var(--gnd-agent-surface);
}

.gnd-agent .gnd-agent__check.is-invalid {
	border-color: var(--gnd-agent-danger);
	border-width: 2px;
}

.gnd-agent .gnd-agent__checkbox {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	accent-color: var(--gnd-agent-teal-deep);
}

.gnd-agent .gnd-agent__checkbox:focus-visible {
	outline: 3px solid var(--gnd-agent-teal);
	outline-offset: 2px;
}

/* Region select, phone field, stated contact channels. */
.gnd-agent .gnd-agent__select {
	appearance: auto;
	padding-right: 32px;
	text-overflow: ellipsis;
}

.gnd-agent .gnd-agent__note--field {
	margin: 6px 0 0;
}

.gnd-agent .gnd-agent__fieldset {
	min-width: 0;
	margin: 0 0 12px;
	padding: 0;
	border: 0;
}

.gnd-agent .gnd-agent__legend {
	float: none;
	width: auto;
	padding: 0;
}

/* One visual field: [flag code ▾ | number]. Each part has its own label and focus ring. */
.gnd-agent .gnd-agent__tel {
	position: relative;
	display: flex;
	align-items: stretch;
	border: 1px solid var(--gnd-agent-field);
	border-radius: 8px;
	background: #ffffff;
}

.gnd-agent .gnd-agent__tel:focus-within {
	border-color: var(--gnd-agent-teal-deep);
}

.gnd-agent .gnd-agent__tel.is-invalid-country,
.gnd-agent .gnd-agent__tel.is-invalid-number {
	border: 2px solid var(--gnd-agent-danger);
}

.gnd-agent .gnd-agent__tel-country {
	position: relative;
	display: flex;
	flex: 0 0 auto;
	width: 6.5rem;
	min-width: 0;
	border-right: 1px solid var(--gnd-agent-line);
}

/* With the searchable trigger: exactly as wide as flag + code + arrow. */
.gnd-agent .gnd-agent__tel.is-enhanced .gnd-agent__tel-country {
	width: auto;
}

.gnd-agent .gnd-agent__tel.is-invalid-country .gnd-agent__tel-country {
	border-right: 2px solid var(--gnd-agent-danger);
}

.gnd-agent .gnd-agent__tel-number {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
}

.gnd-agent .gnd-agent__tel-select,
.gnd-agent .gnd-agent__tel-input,
.gnd-agent .gnd-agent__tel-trigger {
	display: block;
	width: 100%;
	min-width: 0;
	min-height: 44px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--gnd-agent-ink);
	font: inherit;
	font-size: 1rem;
	line-height: 1.3;
	box-shadow: none;
}

.gnd-agent .gnd-agent__tel-select {
	appearance: auto;
	padding: 0 4px 0 10px;
	border-radius: 7px 0 0 7px;
	text-overflow: ellipsis;
	cursor: pointer;
}

.gnd-agent .gnd-agent__tel-input {
	padding: 9px 12px;
	border-radius: 0 7px 7px 0;
}

.gnd-agent .gnd-agent__tel--plain .gnd-agent__tel-input {
	border-radius: 7px;
}

.gnd-agent .gnd-agent__tel-select:focus,
.gnd-agent .gnd-agent__tel-input:focus,
.gnd-agent .gnd-agent__tel-trigger:focus {
	outline: none;
}

.gnd-agent .gnd-agent__tel-select:focus-visible,
.gnd-agent .gnd-agent__tel-input:focus-visible,
.gnd-agent .gnd-agent__tel-input:focus,
.gnd-agent .gnd-agent__tel-trigger:focus-visible {
	outline: 2px solid var(--gnd-agent-teal-deep);
	outline-offset: -3px;
	box-shadow: var(--gnd-agent-focus);
}

/* Enhanced (assets/agent-phone.js): the native select stays in the form, visually hidden. */
.gnd-agent .gnd-agent__tel-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
	white-space: nowrap !important;
}

.gnd-agent .gnd-agent__tel-trigger {
	display: flex;
	align-items: center;
	gap: 5px;
	width: auto;
	padding: 0 8px 0 10px;
	white-space: nowrap;
	border-radius: 7px 0 0 7px;
	text-align: left;
	cursor: pointer;
}

.gnd-agent .gnd-agent__tel-trigger:hover {
	background: var(--gnd-agent-surface);
}

/* 0.1.12 revision 2: the flag is a pictogram beside the calling code (the text). It keeps its 1.25rem size at
 * normal text and stops at 28px when text is enlarged, so the code, not the flag, takes the extra room and
 * the number keeps most of the field (the cabinet's system font is wider than the browser default). */
.gnd-agent .gnd-agent__tel-flag {
	display: inline-block;
	max-width: 1.5em;
	overflow: hidden;
	font-size: min(1.25rem, 28px);
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.gnd-agent .gnd-agent__tel-value {
	font-weight: 600;
	white-space: nowrap;
}

.gnd-agent .gnd-agent__tel-trigger.is-empty .gnd-agent__tel-value {
	color: var(--gnd-agent-muted);
	font-weight: 500;
}

.gnd-agent .gnd-agent__tel-caret {
	margin-left: 2px;
	color: var(--gnd-agent-teal-deep);
	font-size: 0.8125rem;
}

.gnd-agent .gnd-agent__tel-panel {
	position: absolute;
	top: calc(100% + 6px);
	left: -1px;
	z-index: 60;
	display: flex;
	flex-direction: column;
	width: min(360px, calc(100% + 2px));
	min-width: min(280px, calc(100vw - 32px));
	max-height: 360px;
	overflow: hidden;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 12px 32px rgba(11, 31, 58, 0.18);
	/* Opens in place: no inherited site-wide transition may slide it in from its desktop position. */
	transition: none !important;
}

.gnd-agent .gnd-agent__tel-panel[hidden],
.gnd-agent .gnd-agent__tel-list[hidden],
.gnd-agent .gnd-agent__tel-none[hidden],
.gnd-agent .gnd-agent__tel-option[hidden] {
	display: none;
}

.gnd-agent .gnd-agent__tel-panel.is-sheet {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100001;
	width: auto;
	min-width: 0;
	max-height: 75vh;
	border-radius: 14px 14px 0 0;
}

/* 0.1.4: assets/agent-phone.js pins the sheet to the visible viewport (top and height in px), so
 * the search and the list stay above an open phone keyboard. */
.gnd-agent .gnd-agent__tel-panel.is-sheet.is-pinned {
	bottom: auto;
	max-height: none;
}

.gnd-agent .gnd-agent__tel-panel-close {
	display: none;
}

.gnd-agent .gnd-agent__tel-panel.is-sheet .gnd-agent__tel-panel-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 8px;
	background: #ffffff;
	color: var(--gnd-agent-ink);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
}

.gnd-agent .gnd-agent__tel-panel.is-sheet .gnd-agent__tel-panel-head {
	display: flex;
	gap: 8px;
	align-items: center;
}

.gnd-agent .gnd-agent__tel-panel-head {
	flex: 0 0 auto;
	padding: 8px;
	border-bottom: 1px solid var(--gnd-agent-line);
}

.gnd-agent .gnd-agent__tel-search {
	-webkit-appearance: none;
	appearance: none;
	background: var(--gnd-agent-surface);
}

.gnd-agent .gnd-agent__tel-list {
	flex: 1 1 auto;
	margin: 0;
	padding: 4px 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	list-style: none;
}

.gnd-agent .gnd-agent__tel-option {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	margin: 0;
	padding: 8px 12px;
	font-size: 0.9375rem;
	line-height: 1.3;
	cursor: pointer;
}

.gnd-agent .gnd-agent__tel-option:hover {
	background: var(--gnd-agent-surface);
}

.gnd-agent .gnd-agent__tel-option.is-active {
	background: #e3f3f1;
	box-shadow: inset 3px 0 0 var(--gnd-agent-teal-deep);
}

.gnd-agent .gnd-agent__tel-option[aria-selected="true"] {
	font-weight: 700;
}

.gnd-agent .gnd-agent__tel-option--clear {
	color: var(--gnd-agent-muted);
}

.gnd-agent .gnd-agent__tel-option-flag {
	flex: 0 0 auto;
	font-size: 1.15rem;
	line-height: 1;
}

.gnd-agent .gnd-agent__tel-option-name {
	flex: 1 1 auto;
	min-width: 0;
}

.gnd-agent .gnd-agent__tel-option-dial {
	flex: 0 0 auto;
	color: var(--gnd-agent-muted);
	white-space: nowrap;
}

.gnd-agent .gnd-agent__tel-none {
	margin: 0;
	padding: 14px 12px;
	color: var(--gnd-agent-muted);
	font-size: 0.875rem;
}

.gnd-agent .gnd-agent__channels.is-invalid .gnd-agent__chip-label {
	border-color: var(--gnd-agent-danger);
	border-width: 2px;
}

.gnd-agent .gnd-agent__channels:focus {
	outline: none;
}

.gnd-agent .gnd-agent__channels:focus-visible {
	outline: 3px solid var(--gnd-agent-teal);
	outline-offset: 4px;
}

.gnd-agent .gnd-agent__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
}

.gnd-agent .gnd-agent__chip {
	position: relative;
	display: inline-flex;
	min-width: 0;
	max-width: 100%;
}

.gnd-agent .gnd-agent__chip .gnd-agent__checkbox {
	position: absolute;
	top: 50%;
	left: 11px;
	width: 18px;
	height: 18px;
	margin: 0;
	transform: translateY(-50%);
}

.gnd-agent .gnd-agent__chip-label {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	max-width: 100%;
	padding: 6px 12px 6px 38px;
	border: 1px solid var(--gnd-agent-field);
	border-radius: 999px;
	background: #ffffff;
	color: var(--gnd-agent-ink);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25;
	overflow-wrap: anywhere;
	cursor: pointer;
}

.gnd-agent .gnd-agent__chip .gnd-agent__checkbox:checked + .gnd-agent__chip-label {
	border-color: var(--gnd-agent-teal-deep);
	background: #e8f6f4;
}

.gnd-agent .gnd-agent__chip .gnd-agent__checkbox:focus-visible + .gnd-agent__chip-label {
	box-shadow: var(--gnd-agent-focus);
}

/* Buttons and links */
.gnd-agent .gnd-agent__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 6px 0 0;
}

.gnd-agent .gnd-agent__actions--form {
	flex-direction: column;
}

.gnd-agent .gnd-agent__primary,
.gnd-agent .gnd-agent__secondary,
.gnd-agent .gnd-agent__ghost {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0;
	padding: 9px 16px;
	border-radius: 8px;
	border: 1px solid transparent;
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.gnd-agent .gnd-agent__primary {
	background: var(--gnd-agent-teal-deep);
	border-color: var(--gnd-agent-teal-deep);
	color: #ffffff;
}

.gnd-agent .gnd-agent__primary:hover {
	background: #0a6a63;
	border-color: #0a6a63;
	color: #ffffff;
}

.gnd-agent .gnd-agent__secondary {
	background: #ffffff;
	border-color: var(--gnd-agent-navy);
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__secondary:hover {
	background: var(--gnd-agent-surface);
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__ghost {
	background: transparent;
	border-color: var(--gnd-agent-line);
	color: var(--gnd-agent-ink);
	padding: 8px 14px;
}

.gnd-agent .gnd-agent__ghost:hover {
	background: var(--gnd-agent-card);
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__form .gnd-agent__primary {
	width: 100%;
}

.gnd-agent .gnd-agent__link-button {
	margin: 10px 0 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--gnd-agent-teal-deep);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
	min-height: 44px;
}

.gnd-agent .gnd-agent__link {
	color: var(--gnd-agent-teal-deep);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.gnd-agent .gnd-agent__link:hover {
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__link--strong {
	font-size: 0.9375rem;
	color: var(--gnd-agent-navy);
}

.gnd-agent .gnd-agent__links,
.gnd-agent .gnd-agent__back {
	margin: 0 0 10px;
	font-size: 0.875rem;
}

.gnd-agent .gnd-agent__links:last-child {
	margin-bottom: 0;
}

.gnd-agent a:focus-visible,
.gnd-agent button:focus-visible {
	outline: 3px solid var(--gnd-agent-teal);
	outline-offset: 2px;
}

.gnd-agent .gnd-agent__cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gnd-agent .gnd-agent__cards .gnd-agent__card {
	margin: 0;
}

.gnd-agent .gnd-agent__company-name {
	margin: 0 0 4px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--gnd-agent-navy);
}

/* Spacing between a card's text or hint and the form that follows it. */
.gnd-agent .gnd-agent__card > form {
	margin: 12px 0 0;
}

.gnd-agent .gnd-agent__card--signin > form {
	margin: 14px 0 0;
}

/* ---- 320–359 px: a slightly smaller wordmark and tighter header controls (no overflow at 320) ---- */
@media (max-width: 359px) {
	.gnd-agent-bar .gnd-agent-bar__inner {
		gap: 6px;
		padding: 6px 12px;
	}

	.gnd-agent-bar .gnd-agent-bar__wordmark {
		width: 104px;
		height: 18px;
		font-size: 1rem;
		line-height: 18px;
	}

	.gnd-agent-bar .gnd-agent-bar__lang-link {
		min-width: 40px;
		padding: 0 6px;
	}

	.gnd-agent-bar .gnd-agent-bar__signout {
		padding: 0 10px;
	}

	.gnd-agent-bar .gnd-agent-bar__brand,
	.gnd-agent-bar .gnd-agent-bar__tools {
		gap: 6px;
	}

	/* 0.1.12: logo, EN/RU and Menu keep one row; the Menu name stays the button's accessible label. */
	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__inner {
		gap: 6px;
		padding: 6px 10px 6px 12px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__wordmark {
		width: 112px;
		height: 18px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__menu {
		padding: 0 11px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__menu-text {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
		clip-path: inset(50%) !important;
		white-space: nowrap !important;
	}
}

/* ---- Small phones: the site menu keeps its icon (its name stays the accessible label) ---- */
@media (max-width: 419px) {
	.gnd-agent-bar .gnd-agent-bar__site-text {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
		clip-path: inset(50%) !important;
		white-space: nowrap !important;
	}

	.gnd-agent-bar .gnd-agent-bar__site-toggle {
		padding: 0 13px;
	}
}

/* ---- Small phones: the product name gives way to the logo and the controls ---- */
@media (min-width: 600px) {
	.gnd-agent-bar .gnd-agent-bar__product {
		display: inline-flex;
	}

	.gnd-agent-bar .gnd-agent-bar__wordmark {
		width: 133px;
		height: 23px;
	}
}

/* ---- Tablet and up ---- */
@media (min-width: 720px) {
	.gnd-agent-bar .gnd-agent-bar__inner {
		max-width: calc(var(--gnd-agent-width) + 48px);
		padding: 6px 24px;
	}

	.gnd-agent-bar .gnd-agent-bar__lang-link {
		min-height: 36px;
	}

	.gnd-agent-bar .gnd-agent-bar__signout {
		min-height: 40px;
	}

	.gnd-agent {
		padding: 20px 24px 48px;
	}

	.gnd-agent .gnd-agent__card--narrow {
		margin-top: 24px;
		padding: 24px 28px;
	}

	.gnd-agent .gnd-agent__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	/* 0.1.12: the next action beside its button; four counts per row (fewer with enlarged text). */
	.gnd-agent .gnd-agent__card--next {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.gnd-agent .gnd-agent__card--next .gnd-agent__h3,
	.gnd-agent .gnd-agent__card--next .gnd-agent__text {
		grid-column: 1;
	}

	.gnd-agent .gnd-agent__card--next .gnd-agent__actions {
		grid-column: 2;
		grid-row: 1 / span 2;
		margin: 0;
	}

	.gnd-agent .gnd-agent__kpis {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, max(calc(25% - 9px), 9em)), 1fr));
	}

	.gnd-agent .gnd-agent__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gnd-agent .gnd-agent__field--wide {
		grid-column: 1 / -1;
	}

	.gnd-agent .gnd-agent__form--lead {
		padding: 16px 20px 18px;
	}

	/* 0.1.4: forms do not stretch across the work area. */
	.gnd-agent .gnd-agent__panel--form {
		max-width: 760px;
	}

	.gnd-agent .gnd-agent__actions--form {
		flex-direction: row;
		align-items: center;
	}

	.gnd-agent .gnd-agent__form .gnd-agent__primary {
		width: auto;
	}

	.gnd-agent .gnd-agent__cards,
	.gnd-agent .gnd-agent__pair {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gnd-agent .gnd-agent__details--grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 24px;
	}

	.gnd-agent .gnd-agent__details--grid .gnd-agent__detail:nth-last-child(2):nth-child(odd) {
		border-bottom: 0;
	}

	.gnd-agent .gnd-agent__card .gnd-agent__detail {
		display: grid;
		grid-template-columns: 140px minmax(0, 1fr);
		gap: 12px;
	}

	.gnd-agent .gnd-agent__card .gnd-agent__detail dd {
		margin: 0;
	}

	/* Real table from tablet width */
	.gnd-agent .gnd-agent__table {
		background: var(--gnd-agent-card);
		border: 1px solid var(--gnd-agent-line);
		border-radius: 12px;
		overflow: hidden;
	}

	.gnd-agent .gnd-agent__table thead {
		position: static;
		width: auto;
		height: auto;
		overflow: visible;
		clip: auto;
		display: table-header-group;
	}

	.gnd-agent .gnd-agent__table tr {
		display: table-row;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.gnd-agent .gnd-agent__table th {
		padding: 8px 14px;
		background: var(--gnd-agent-surface);
		border-bottom: 1px solid var(--gnd-agent-line);
		color: var(--gnd-agent-muted);
		font-size: 0.75rem;
		font-weight: 600;
		text-align: left;
	}

	.gnd-agent .gnd-agent__table td,
	.gnd-agent .gnd-agent__table td:first-child {
		display: table-cell;
		padding: 9px 14px;
		border-bottom: 1px solid var(--gnd-agent-line);
		text-align: left;
		vertical-align: middle;
	}

	.gnd-agent .gnd-agent__table tr:last-child td {
		border-bottom: 0;
	}

	.gnd-agent .gnd-agent__table td:last-child {
		white-space: nowrap;
	}

	.gnd-agent .gnd-agent__table td::before {
		content: none;
	}
}

/* ---- Desktop ---- */
@media (min-width: 960px) {
	/* 0.1.12: next tasks in the wider column, the lead statuses and links beside them. */
	.gnd-agent .gnd-agent__dash-grid {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	/* 0.1.13: the record's company and contact facts side by side. */
	.gnd-agent .gnd-agent__facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* 0.1.10: title on the left, date and company on the right of one row when they fit. */
	.gnd-agent .gnd-agent__next-item {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: baseline;
		justify-content: space-between;
		gap: 2px 16px;
	}

	.gnd-agent .gnd-agent__next-title {
		flex: 1 1 18rem;
		min-width: 0;
	}

	.gnd-agent .gnd-agent__next-meta {
		flex: 0 1 auto;
		text-align: right;
	}
}

/* ---- 0.1.12 below 1024 px: with the enhancer the section panel folds behind the Menu button ---- */
@media (max-width: 1023.98px) {
	.gnd-agent-bar.gnd-agent-bar--app.is-enhanced:not(.is-open) .gnd-agent-bar__panel {
		display: none;
	}
}

/* ---- 0.1.12 from 1024 px: the frame is a fixed sidebar; the signed-in body leaves room for it ---- */
@media (min-width: 1024px) {
	.gnd-agent-bar.gnd-agent-bar--app {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 50;
		width: var(--gnd-agent-side);
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__inner {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 14px;
		min-height: 100%;
		padding: 20px 12px 16px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__brand {
		flex: 0 0 auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		padding: 0 8px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__wordmark {
		width: 156px;
		height: 25px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__product {
		display: inline-flex;
		min-height: 28px;
		padding: 0;
		border-left: 0;
		font-size: 0.8125rem;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__lang {
		align-self: flex-start;
		margin: 0 8px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__lang-link {
		min-height: 36px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__menu {
		display: none;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__panel {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		padding: 12px 0 0;
	}

	.gnd-agent-bar .gnd-agent-nav__list {
		grid-template-columns: minmax(0, 1fr);
		gap: 4px;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__account {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		margin-top: auto;
		padding: 14px 8px 0;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__who {
		flex: 0 0 auto;
	}

	.gnd-agent-bar.gnd-agent-bar--app .gnd-agent-bar__signout {
		width: 100%;
	}

	/* The navy column under the fixed sidebar also paints the body's left edge, so a scrolled or a
	 * full-page capture shows one continuous sidebar column. */
	.gnd-agent.gnd-agent--app {
		padding: 28px 32px 48px calc(var(--gnd-agent-side) + 32px);
		background: linear-gradient(90deg, var(--gnd-agent-navy) var(--gnd-agent-side), var(--gnd-agent-surface) var(--gnd-agent-side));
	}

	.gnd-agent.gnd-agent--app .gnd-agent__inner {
		max-width: 1120px;
	}
}

/* ---- 0.1.13 Leads list mode follows the list's own width in em (a container query), so enlarged text gets
 * cards too instead of a crushed table: the table from 48.5em (about 728 px at normal text: a desktop with the
 * sidebar, a wide tablet), record cards below (phones, portrait tablets, 200 % text). In a card the company
 * link is the card's name and is stretched over the card, so the whole card opens the record; the state badge
 * sits beside the name, the area and the submitted date below with their labels. ---- */
.gnd-agent .gnd-agent__leads {
	container: gnd-leads / inline-size;
}

@container gnd-leads not (min-width: 48.5em) {
	.gnd-agent .gnd-agent__table--leads,
	.gnd-agent .gnd-agent__table--leads tbody {
		display: block;
		border: 0;
		background: transparent;
		overflow: visible;
	}

	.gnd-agent .gnd-agent__table--leads thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "name state" "loc loc" "date date";
		align-items: start;
		gap: 6px 12px;
		margin: 0 0 10px;
		padding: 12px 14px;
		border: 1px solid var(--gnd-agent-line);
		border-radius: 12px;
		background: var(--gnd-agent-card);
		box-shadow: 0 1px 2px rgba(11, 31, 58, 0.04);
		transition: border-color 0.15s ease, box-shadow 0.15s ease;
	}

	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row:hover,
	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row:focus-within {
		border-color: var(--gnd-agent-teal);
		box-shadow: 0 2px 6px rgba(11, 31, 58, 0.08);
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-name,
	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-state,
	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-loc,
	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-date {
		display: block;
		min-width: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--gnd-agent-ink);
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 1.4;
		text-align: left;
		white-space: normal;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-name {
		grid-area: name;
		font-size: 1rem;
		font-weight: 700;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-state {
		grid-area: state;
		padding-top: 1px;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-loc {
		grid-area: loc;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-date {
		grid-area: date;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-name::before,
	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-state::before {
		content: none;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-loc::before,
	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-date::before {
		content: attr(data-label);
		display: block;
		color: var(--gnd-agent-muted);
		font-size: 0.75rem;
		line-height: 1.3;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-link::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 12px;
	}
}

@container gnd-leads (min-width: 36em) and (not (min-width: 48.5em)) {
	.gnd-agent .gnd-agent__table--leads tbody {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 17em), 1fr));
		gap: 10px;
	}

	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row {
		margin: 0;
	}
}

/* ---- 0.1.13 the dense working table (the company is the row header), from 48.5em of list width. ---- */
@container gnd-leads (min-width: 48.5em) {
	.gnd-agent .gnd-agent__table--leads {
		table-layout: auto;
	}

	.gnd-agent .gnd-agent__table--leads th[scope="col"] {
		padding: 10px 16px;
		letter-spacing: 0.02em;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-name,
	.gnd-agent .gnd-agent__table--leads td {
		padding: 12px 16px;
		border-bottom: 1px solid var(--gnd-agent-line);
		background: transparent;
		color: var(--gnd-agent-ink);
		font-size: 0.9375rem;
		font-weight: 400;
		text-align: left;
		vertical-align: middle;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-name {
		width: 38%;
		font-weight: 700;
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-loc {
		color: var(--gnd-agent-muted);
	}

	.gnd-agent .gnd-agent__table--leads .gnd-agent__lead-date {
		font-variant-numeric: tabular-nums;
	}

	.gnd-agent .gnd-agent__table--leads tr:last-child .gnd-agent__lead-name,
	.gnd-agent .gnd-agent__table--leads tr:last-child td {
		border-bottom: 0;
	}

	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row:hover .gnd-agent__lead-name,
	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row:hover td,
	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row:focus-within .gnd-agent__lead-name,
	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row:focus-within td {
		background: #f6fafa;
	}
}

/* ---- 0.1.14 Tasks workspace: rows on a wide list, cards on a narrow one; the task record; the task form ----
 * Like the Leads list, the mode follows the list's own width in em (a container query on the list), so
 * enlarged text gets cards instead of a crushed row. Cards (below 36em: phones, 200 % text): the next action,
 * the date, the state with the lead and the creator, the note preview, the controls. From 36em (a tablet)
 * the date moves beside the action. From 52em (about 830 px at normal text: a desktop with the sidebar)
 * each task is one row of a joined list with three columns shared by every row (a subgrid of the list, so
 * the dates and the controls line up): the action with its details, the date, the controls. The list's
 * tracks can shrink to zero, so they never widen a card. The same markup serves the tasks block of a lead
 * record. ---- */
.gnd-agent .gnd-agent__tasks {
	container: gnd-tasks / inline-size;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 10em) minmax(0, auto);
	column-gap: 20px;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.gnd-agent .gnd-agent__task {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "title" "date" "meta" "note" "actions";
	align-items: start;
	gap: 4px 16px;
	min-width: 0;
	margin: 0 0 10px;
	padding: 12px 14px;
	border: 1px solid var(--gnd-agent-line);
	border-left: 3px solid var(--gnd-agent-teal);
	border-radius: 12px;
	background: var(--gnd-agent-card);
	box-shadow: 0 1px 2px rgba(11, 31, 58, 0.04);
}

.gnd-agent .gnd-agent__task.is-done {
	border-left-color: var(--gnd-agent-line);
}

.gnd-agent .gnd-agent__task-title {
	grid-area: title;
	min-width: 0;
	margin: 0;
	font-size: 1rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__task-date {
	grid-area: date;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 6px;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.4;
	color: var(--gnd-agent-ink);
}

.gnd-agent .gnd-agent__task-date-value {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.gnd-agent .gnd-agent__task-meta {
	grid-area: meta;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 12px;
	min-width: 0;
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--gnd-agent-muted);
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__task-lead {
	min-width: 0;
	font-weight: 600;
}

.gnd-agent .gnd-agent__task-note {
	grid-area: note;
	min-width: 0;
	margin: 2px 0 0;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--gnd-agent-muted);
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__task-more {
	font-weight: 600;
	white-space: nowrap;
}

.gnd-agent .gnd-agent__task-actions {
	grid-area: actions;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 6px 0 0;
}

.gnd-agent .gnd-agent__task-actions .gnd-agent__primary,
.gnd-agent .gnd-agent__task-actions .gnd-agent__secondary,
.gnd-agent .gnd-agent__task-record-actions .gnd-agent__primary,
.gnd-agent .gnd-agent__task-record-actions .gnd-agent__secondary {
	min-height: 44px;
	padding: 6px 14px;
	font-size: 0.875rem;
}

/* Mark done is a real, visible button but quieter than the one filled Add task (or Save) of the page. */
.gnd-agent .gnd-agent__task-actions .gnd-agent__primary,
.gnd-agent .gnd-agent__task-record-actions .gnd-agent__primary {
	background: var(--gnd-agent-card);
	border-color: var(--gnd-agent-teal-deep);
	color: var(--gnd-agent-teal-deep);
}

.gnd-agent .gnd-agent__task-actions .gnd-agent__primary:hover,
.gnd-agent .gnd-agent__task-record-actions .gnd-agent__primary:hover {
	background: #e9f6f4;
	border-color: #0a6a63;
	color: #0a6a63;
}

@container gnd-tasks (min-width: 36em) {
	.gnd-agent .gnd-agent__task {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "title date" "meta meta" "note note" "actions actions";
	}

	.gnd-agent .gnd-agent__task-date {
		justify-content: flex-end;
		padding-top: 1px;
		text-align: right;
	}
}

@container gnd-tasks (min-width: 52em) {
	.gnd-agent .gnd-agent__task {
		grid-template-columns: minmax(0, 1fr) 10em auto;
		grid-template-columns: subgrid;
		grid-template-areas: "title date actions" "meta date actions" "note date actions";
		gap: 3px 20px;
		margin: 0;
		padding: 12px 16px;
		border-width: 0 1px 1px;
		border-left-color: var(--gnd-agent-line);
		border-radius: 0;
		box-shadow: none;
	}

	.gnd-agent .gnd-agent__task:first-child {
		border-top-width: 1px;
		border-radius: 12px 12px 0 0;
	}

	.gnd-agent .gnd-agent__task:last-child {
		border-radius: 0 0 12px 12px;
	}

	.gnd-agent .gnd-agent__task:only-child {
		border-radius: 12px;
	}

	.gnd-agent .gnd-agent__task:hover,
	.gnd-agent .gnd-agent__task:focus-within {
		background: #f6fafa;
	}

	.gnd-agent .gnd-agent__task-date {
		display: block;
		align-self: center;
		padding: 0;
		text-align: left;
	}

	.gnd-agent .gnd-agent__task-date-label {
		display: block;
		font-size: 0.75rem;
		line-height: 1.3;
	}

	.gnd-agent .gnd-agent__task-actions {
		align-self: center;
		justify-content: flex-end;
		margin: 0;
	}
}

/* Empty, no-leads, unavailable and missing stay four different-looking states. */
.gnd-agent .gnd-agent__state-card--missing {
	border: 1px solid var(--gnd-agent-line);
	background: var(--gnd-agent-card);
}

.gnd-agent .gnd-agent__state-body {
	flex: 1 1 auto;
	min-width: 0;
}

.gnd-agent .gnd-agent__state-body .gnd-agent__actions {
	margin: 10px 0 0;
}

.gnd-agent .gnd-agent__tasks-panel > .gnd-agent__state-card {
	margin: 0 0 12px;
}

.gnd-agent .gnd-agent__tasks-panel > .gnd-agent__task-intro {
	max-width: 46rem;
	margin: 14px 0 0;
}

.gnd-agent .gnd-agent__lead-tasks .gnd-agent__state-card {
	margin: 0;
}

/* The task record: facts in one row on a wide card, the whole note, the state control under a rule. */
.gnd-agent .gnd-agent__task-record {
	container: gnd-task-record / inline-size;
	padding: 4px 16px 14px;
}

.gnd-agent .gnd-agent__task-facts {
	margin: 0;
}

.gnd-agent .gnd-agent__task-facts .gnd-agent__detail dd {
	overflow-wrap: anywhere;
}

@container gnd-task-record (min-width: 40em) {
	.gnd-agent .gnd-agent__task-facts {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
		gap: 0 20px;
	}

	.gnd-agent .gnd-agent__task-facts .gnd-agent__detail {
		display: block;
	}

	.gnd-agent .gnd-agent__task-facts .gnd-agent__detail:first-child {
		grid-column: span 2;
	}

	.gnd-agent .gnd-agent__task-facts .gnd-agent__detail:last-child {
		border-bottom: 1px solid var(--gnd-agent-line);
	}

	.gnd-agent .gnd-agent__task-facts .gnd-agent__detail dd {
		margin: 1px 0 0;
	}
}

.gnd-agent .gnd-agent__task-full-note {
	margin: 12px 0 0;
}

.gnd-agent .gnd-agent__task-detail .gnd-agent__section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--gnd-agent-navy);
	font-size: 0.875rem;
	letter-spacing: 0;
}

.gnd-agent .gnd-agent__task-detail .gnd-agent__section-title::before {
	content: "";
	flex: 0 0 auto;
	width: 4px;
	height: 1em;
	border-radius: 2px;
	background: var(--gnd-agent-teal);
}

.gnd-agent .gnd-agent__task-full-note .gnd-agent__task-note {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--gnd-agent-ink);
}

.gnd-agent .gnd-agent__task-record-actions {
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid var(--gnd-agent-line);
}

/* The task form in its card: the action and the planned date side by side on a wide card. */
.gnd-agent .gnd-agent__task-form-card {
	container: gnd-task-form / inline-size;
	padding: 14px 16px 16px;
}

.gnd-agent .gnd-agent__task-form-card .gnd-agent__form--task {
	max-width: none;
	margin: 0;
}

.gnd-agent .gnd-agent__form--task .gnd-agent__field--planned-on .gnd-agent__input {
	max-width: min(100%, 14em);
}

/* Where supported, the note field grows with a long note instead of scrolling inside three lines. */
.gnd-agent .gnd-agent__form--task .gnd-agent__textarea {
	field-sizing: content;
	max-height: 24em;
}

.gnd-agent .gnd-agent__form--task .is-invalid {
	padding-left: 10px;
	border-left: 3px solid var(--gnd-agent-danger);
}

.gnd-agent .gnd-agent__task-private {
	margin: 0 0 12px;
}

.gnd-agent .gnd-agent__form--task .gnd-agent__actions--form {
	margin: 0;
	padding-top: 14px;
	border-top: 1px solid var(--gnd-agent-line);
}

@container gnd-task-form (min-width: 40em) {
	.gnd-agent .gnd-agent__form--task {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(12em, 15em);
		align-items: start;
		column-gap: 16px;
	}

	.gnd-agent .gnd-agent__form--task > * {
		grid-column: 1 / -1;
	}

	.gnd-agent .gnd-agent__form--task > .gnd-agent__field--title {
		grid-column: 1;
	}

	.gnd-agent .gnd-agent__form--task > .gnd-agent__field--planned-on {
		grid-column: 2;
	}

	.gnd-agent .gnd-agent__form--task .gnd-agent__field--planned-on .gnd-agent__input {
		max-width: 100%;
	}
}

/* ---- 0.1.15 Companies workspace: rows on a wide list, cards on a narrow one ----
 * The mode follows the list's own width in em (a container query on the list), so enlarged text gets cards.
 * Cards (below 36em: phones, 200 % text): the company name, its location, then the CRM onboarding state beside
 * the approval date. From 36em each company is one row of a joined list whose three columns are shared by every
 * row (subgrid): company with location, onboarding state, approval date. No link or action: nothing is clickable. ---- */
.gnd-agent .gnd-agent__companies {
	container: gnd-companies / inline-size;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, auto);
	column-gap: 20px;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.gnd-agent .gnd-agent__company {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas: "name name" "loc loc" "state date";
	align-items: center;
	gap: 4px 12px;
	min-width: 0;
	margin: 0 0 10px;
	padding: 12px 14px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 12px;
	background: var(--gnd-agent-card);
	box-shadow: 0 1px 2px rgba(11, 31, 58, 0.04);
}

.gnd-agent .gnd-agent__company .gnd-agent__company-name {
	grid-area: name;
	margin: 0;
	font-size: 1rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__company-name--na {
	color: var(--gnd-agent-muted);
	font-weight: 600;
}

.gnd-agent .gnd-agent__company-loc {
	grid-area: loc;
	min-width: 0;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.4;
	color: var(--gnd-agent-muted);
	overflow-wrap: anywhere;
}

.gnd-agent .gnd-agent__company-state {
	grid-area: state;
	margin: 2px 0 0;
}

.gnd-agent .gnd-agent__company-date {
	grid-area: date;
	min-width: 0;
	margin: 2px 0 0;
	font-size: 0.875rem;
	line-height: 1.4;
	color: var(--gnd-agent-ink);
	font-variant-numeric: tabular-nums;
}

/* An item without its CRM summary has no state: its date takes the state's place. */
.gnd-agent .gnd-agent__company.is-unavailable {
	grid-template-areas: "name name" "date date";
}

/* CRM onboarding state: restrained badges with a dot (a company's onboarding, not a booking or payment state). */
.gnd-agent .gnd-agent__company-state .gnd-agent__pill::before {
	content: "";
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	margin-right: 6px;
	border-radius: 50%;
	background: currentColor;
}

.gnd-agent .gnd-agent__pill--crm-onboarding {
	background: #e3f1fb;
	color: #123456;
}

.gnd-agent .gnd-agent__pill--crm-active {
	background: #e3f5d0;
	color: #25500c;
}

.gnd-agent .gnd-agent__pill--crm-paused {
	background: var(--gnd-agent-warn-bg);
	color: #6a4b00;
}

@container gnd-companies (min-width: 36em) {
	.gnd-agent .gnd-agent__company {
		grid-template-columns: minmax(0, 1fr) 9em 12em;
		grid-template-columns: subgrid;
		grid-template-areas: "name state date" "loc state date";
		gap: 2px 20px;
		margin: 0;
		padding: 12px 16px;
		border-width: 0 1px 1px;
		border-radius: 0;
		box-shadow: none;
	}

	.gnd-agent .gnd-agent__company.is-unavailable {
		grid-template-areas: "name state date";
	}

	.gnd-agent .gnd-agent__company:first-child {
		border-top-width: 1px;
		border-radius: 12px 12px 0 0;
	}

	.gnd-agent .gnd-agent__company:last-child {
		border-radius: 0 0 12px 12px;
	}

	.gnd-agent .gnd-agent__company:only-child {
		border-radius: 12px;
	}

	.gnd-agent .gnd-agent__company-state,
	.gnd-agent .gnd-agent__company-date {
		align-self: center;
		margin: 0;
	}
}

.gnd-agent .gnd-agent__companies-panel > .gnd-agent__state-card {
	margin: 0 0 12px;
}

/* Review: an open CRM recheck of some company, neither named nor counted (an info note, not an error). */
.gnd-agent .gnd-agent__state-card--review {
	border: 1px solid #d4e6f2;
	background: #f1f7fb;
}

.gnd-agent .gnd-agent__state-card--review .gnd-agent-icon {
	color: #123456;
}

.gnd-agent .gnd-agent__companies-panel > .gnd-agent__companies-intro {
	max-width: 46rem;
	margin: 14px 0 0;
}

/* ---- 0.1.16 Profile workspace ----
 * The account and the personal link sit side by side from 52em of the panel's own width (a container query; the em
 * is the panel's own text size, so about 780 px: desktops; 200 % text, tablets and phones get one column: account,
 * link, guidance). Cards keep their content height: an inactive
 * link is a compact status, never a stretched empty half. The replace action sits under a rule, away from the
 * read-only link field. ---- */
.gnd-agent .gnd-agent__profile-panel {
	container: gnd-profile / inline-size;
}

.gnd-agent .gnd-agent__profile-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	margin: 0 0 12px;
}

.gnd-agent .gnd-agent__profile-grid > .gnd-agent__card {
	margin: 0;
}

@container gnd-profile (min-width: 52em) {
	.gnd-agent .gnd-agent__profile-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
		gap: 16px;
	}
}

.gnd-agent .gnd-agent__profile-panel .gnd-agent__section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--gnd-agent-navy);
	font-size: 0.875rem;
	letter-spacing: 0;
}

.gnd-agent .gnd-agent__profile-panel .gnd-agent__section-title::before {
	content: "";
	flex: 0 0 auto;
	width: 4px;
	height: 1em;
	border-radius: 2px;
	background: var(--gnd-agent-teal);
}

.gnd-agent .gnd-agent__profile-account .gnd-agent__details {
	margin: 0;
}

.gnd-agent .gnd-agent__profile-password {
	margin: 10px 0 0;
	padding-top: 10px;
	border-top: 1px solid var(--gnd-agent-line);
}

/* The personal link is the operational area: a teal edge, like the record headers. */
.gnd-agent .gnd-agent__profile-link {
	border-left: 4px solid var(--gnd-agent-teal);
}

.gnd-agent .gnd-agent__profile-link--inactive {
	border-left-color: var(--gnd-agent-line);
}

.gnd-agent .gnd-agent__profile-link .gnd-agent__text {
	margin: 0 0 12px;
}

.gnd-agent .gnd-agent__state-card--info {
	border: 1px solid #d4e6f2;
	background: #f1f7fb;
}

.gnd-agent .gnd-agent__state-card--info .gnd-agent-icon {
	color: #123456;
}

.gnd-agent .gnd-agent__profile-link .gnd-agent__state-card .gnd-agent__text {
	margin: 0;
}

.gnd-agent .gnd-agent__profile-create,
.gnd-agent .gnd-agent__profile-rotate {
	margin: 0;
}

.gnd-agent .gnd-agent__profile-url {
	margin: 0;
}

.gnd-agent .gnd-agent__profile-url .gnd-agent__input {
	min-height: 44px;
	font-size: 0.875rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
	word-break: break-all;
	resize: none;
	field-sizing: content;
	background: var(--gnd-agent-surface);
}

.gnd-agent .gnd-agent__profile-rotate {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--gnd-agent-line);
}

/* The guidance: below the operational blocks, readable but quieter (no card shadow, surface tone). */
.gnd-agent .gnd-agent__profile-help {
	padding: 12px 16px;
	border: 1px solid var(--gnd-agent-line);
	border-radius: 12px;
	background: var(--gnd-agent-surface);
}

.gnd-agent .gnd-agent__profile-help .gnd-agent__rules {
	margin: 0;
}

.gnd-agent .gnd-agent__profile-help .gnd-agent__rules li:last-child {
	margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
	.gnd-agent .gnd-agent__primary,
	.gnd-agent .gnd-agent__secondary,
	.gnd-agent .gnd-agent__ghost,
	.gnd-agent .gnd-agent__quick-link,
	.gnd-agent .gnd-agent__table--leads tr.gnd-agent__lead-row,
	.gnd-agent-bar .gnd-agent-nav__link {
		transition: none;
	}
}