/* AssigneesCard.module.css */

/* Card assignees container */
.cardAssignees-pqOr0 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 32px; /* Consistent with Popover styles */
	gap: var(--gravityboard-spacing-xxs, 4px);
}

/* .cardAssignees:hover { From global, handled by CardForm interaction for popover
    background-color: rgba(9, 30, 66, 0.04);
} */

/* Individual assignee avatar on card */
.assignee-Kebwp {
	position: relative;
	display: inline-block; /* From Popover styles */
	vertical-align: middle; /* From Popover styles */
	margin-bottom: 0;
	margin-right: var(--gravityboard-spacing-xs, 4px);
	margin-left: var(--gravityboard-spacing-xs, 4px);
}

.assignee-Kebwp img {
	width: var(--gravityboard-avatar-size-sm, 24px); /* Using variable, 24px from Popover, 28px from global */
	height: var(--gravityboard-avatar-size-sm, 24px);
	border-radius: 50%;
	display: block;
	background-color: var(--gravityboard-neutral-color-light, #dfe1e6);

	/* pointer-events: none; From Popover - keep for tooltip behavior */
}

.gk-gravityboard-assignees-trigger-KFxyx .assignee-Kebwp img {
	width: var(--gravityboard-avatar-size-card, 32px);
	height: var(--gravityboard-avatar-size-card, 32px);
}

/* Tooltip for assignee avatar */
.assigneeTooltip-ga87T {
	display: none;
	position: absolute;
	bottom: 105%;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--gravityboard-text-color-dark, #333);
	color: var(--gravityboard-white, #fff);
	padding:
		var(--gravityboard-spacing-xs, 4px)
		var(--gravityboard-spacing-sm, 8px);
	border-radius: var(--gravityboard-border-radius-sm, 3px);
	font-size: var(--gravityboard-font-size-sm, 12px);
	white-space: nowrap;
	z-index: 100; /* Ensure it's above other card elements */
	margin-bottom: var(--gravityboard-spacing-xs, 5px);
	pointer-events: none; /* Tooltip itself shouldn't capture events */
}

.assignee-Kebwp:hover .assigneeTooltip-ga87T {
	display: block;
}

.assigneeTooltip-ga87T::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px; /* Half of border-width */
	border-width: 5px;
	border-style: solid;
	border-color:
		var(--gravityboard-text-color-dark, #333) transparent
		transparent transparent;
}

/* Placeholder for when there are no assignees, if needed by AssigneesCard directly */

/* .emptyPlaceholder {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--gravityboard-neutral-color-ultralight, #f0f0f0);
    border: 1px dashed var(--gravityboard-border-color-light, #ccc);
} */

.menuContainer-qrvJZ {
	background-color: var(--gravityboard-background-color-white);
	border:
		var(--gravityboard-border-width) solid
		var(--gravityboard-border-color);
	border-radius: var(--gravityboard-spacing-xs); /* 4px */
	box-shadow: var(--gravityboard-box-shadow-md); /* Original: 0 2px 8px rgba(0, 0, 0, 0.15) */
	min-width: calc(var(--gravityboard-spacing-unit) * 20); /* 160px */
	padding: var(--gravityboard-spacing-xs) 0; /* 4px 0 */
	max-height: calc(100vh - 20px); /* Ensure menu never exceeds viewport height minus some padding */
	overflow-y: auto; /* Allow scrolling if content exceeds max height */

	/* position, top, left, z-index are handled by inline styles in Menu.js */
}

.menuItem-ba56l {
	background: none;
	border: none;
	color: var(--gravityboard-text-color-dark); /* #333 */
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding:
		var(--gravityboard-spacing-sm)
		calc(var(--gravityboard-spacing-unit) * 1.5); /* 8px 12px */
	text-align: left;
	width: 100%;
	font-size: var(--gravityboard-font-size-base); /* 14px */
	line-height: var(--gravityboard-line-height-base); /* 1.5 */
}

.menuItem-ba56l:hover,
.menuItem-ba56l:focus-within {
	background-color: var(--gravityboard-background-color-hover-light, #f0f0f0);
	box-shadow: none;
	color: var(--gravityboard-text-color-default);
}

.menuItem-ba56l:focus-within {
	border-radius: var(--gravityboard-border-radius-sm);
	outline:
		2px solid
		rgba(var(--gravityboard-form-control-border-color-focus), 0.4);
	border-color: var(--gravityboard-form-control-border-color-focus);
	box-shadow: 0 0 0 2px var(--gravityboard-form-control-border-color-focus);
	outline-offset: 2px;
}

.menuItem-ba56l:disabled {
	color: var(--gravityboard-text-color-disabled); /* #a0a5aa, original #aaa */
	cursor: not-allowed;
}

.menuItemDanger-ISB9u {
	color: var(--gravityboard-error-color); /* #d9534f, original #dc3545 (Bootstrap's danger color) */
}

.menuItemDanger-ISB9u:hover {
	background-color: var(--gravityboard-danger-background-color-hover); /* #fff0f0, original #f8d7da */
	color: var(--gravityboard-danger-color); /* #ae2a19, original #721c24 */
}

.menuItemDanger-ISB9u:disabled {
	color: #eda5ad; /* No direct variable match, kept original */
	background-color: transparent;
}

.iconMarginRight-g3VAc {
	margin-right: var(--gravityboard-spacing-sm); /* 8px */
	width: var(--gravityboard-font-size-base); /* 14px */
	height: var(--gravityboard-font-size-base); /* 14px */
	fill: currentcolor; /* Ensures SVGs inherit text color */
}

/* Base button styles */
.button-s_eDV {
	font-weight: var(--gravityboard-font-weight-normal);
	background-color: transparent;
	border: var(--gravityboard-border-width) solid var(--gravityboard-border-color);
	border-radius: var(--gravityboard-border-radius-xs);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding:
		var(--gravityboard-spacing-unit, 8px)
		var(--gravityboard-spacing-unit, 8px);
	transition: none!important;
	box-shadow: none;
	font-size: var(--gravityboard-font-size-default, 14px);
	color: var(--gravityboard-text-color-light, #666);
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: var(--gravityboard-font-family-sans-serif) !important;
	font-size: var(--gravityboard-font-size-base) !important;
	font-weight: var(--gravityboard-font-weight-normal) !important;
	line-height: var(--gravityboard-line-height-base) !important;
	padding: 6px 12px !important;
	border-radius: var(--gravityboard-border-radius-md) !important;
	border: var(--gravityboard-border-width) solid transparent !important;
	cursor: pointer !important;
	text-decoration: none !important;
	position: relative !important;
}

.button-s_eDV:hover {
	background-color: var(--gravityboard-background-color-hover)!important;
	color: var(--gravityboard-text-color-dark);
	box-shadow: none;
}

.button-s_eDV:active,
.button-s_eDV:focus {
	background-color: var(--gravityboard-background-color-hover-dark)!important;
	outline: none !important;
	box-shadow:
		0 0 0 1px var(--gravityboard-white),
		0 0 0 3px var(--gravityboard-focus-ring-color) !important;
}

.button-s_eDV svg {
	width: 18px;
	height: 18px;
	margin: 0 4px;
}

/* Size variations */
.sm-kXJW4 {
	padding: var(--gravityboard-spacing-xs) var(--gravityboard-spacing-sm) !important;
	font-size: var(--gravityboard-font-size-sm) !important;
}

.md-oWwjN {
	font-size: var(--gravityboard-font-size-sm) !important;
	padding: var(--gravityboard-spacing-unit) var(--gravityboard-spacing-md) !important;
}

.lg-ZoIdn {
	padding: var(--gravityboard-spacing-md) var(--gravityboard-spacing-lg) !important;
	font-size: var(--gravityboard-font-size-lg) !important;
}

.xl-Op3cF {
	padding: var(--gravityboard-spacing-lg) var(--gravityboard-spacing-xl) !important;
	font-size: var(--gravityboard-font-size-xl) !important;
}

.button-s_eDV.iconOnly-uYYLe {
	color: var(--gravityboard-text-color) !important;
	box-sizing: content-box !important;
}

.button-s_eDV.iconOnly-uYYLe:hover,
.button-s_eDV.iconOnly-uYYLe:focus {
	color: var(--gravityboard-text-color-dark) !important;
}

.button-s_eDV.iconOnly-uYYLe.sm-kXJW4 {
	padding: var(--gravityboard-spacing-xs) !important;
}

.button-s_eDV.iconOnly-uYYLe.md-oWwjN {
	padding: var(--gravityboard-spacing-sm) !important;
}

.button-s_eDV.iconOnly-uYYLe.lg-ZoIdn {
	padding: var(--gravityboard-spacing-sm) !important;
}

/* Primary button */
.primary-RA6Dg {
	background-color: var(--gravityboard-button-primary-background-color) !important;
	border-color: var(--gravityboard-button-primary-border-color) !important;
	color: var(--gravityboard-button-primary-text-color) !important;
	font-weight: var(--gravityboard-font-weight-medium) !important;
}

.primary-RA6Dg:hover,
.primary-RA6Dg:focus {
	background-color: var(--gravityboard-button-primary-background-hover-color) !important;
	border-color: var(--gravityboard-button-primary-border-hover-color) !important;
	color: var(--gravityboard-button-primary-text-color) !important;
	box-shadow: none !important;
}

.primary-RA6Dg:focus {
	box-shadow:
		0 0 0 1px var(--gravityboard-white),
		0 0 0 3px var(--gravityboard-focus-ring-color) !important;
}

/* Secondary button */
.secondary-_ocF5 {
	background-color: var(--gravityboard-button-secondary-background-color) !important;
	border-color: var(--gravityboard-button-secondary-border-color) !important;
	color: var(--gravityboard-button-secondary-text-color) !important;
}

.secondary-_ocF5:hover,
.secondary-_ocF5:focus,
.closeSquare-yZPXs:hover,
.closeSquare-yZPXs:focus {
	background-color: var(--gravityboard-button-secondary-background-hover-color) !important;
	border-color: var(--gravityboard-button-secondary-border-hover-color) !important;
	color: var(--gravityboard-button-secondary-text-hover-color) !important;
	box-shadow: none !important;
}

.secondary-_ocF5:focus,
.closeSquare-yZPXs:focus {
	outline: none !important;
	box-shadow:
		0 0 0 1px var(--gravityboard-white),
		0 0 0 3px var(--gravityboard-focus-ring-color) !important;
}

/* Link button */
.link-c37vC {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--gravityboard-accent-color) !important;
	text-decoration: none !important;
	padding: var(--gravityboard-spacing-xs) var(--gravityboard-spacing-sm) !important;
}

.link-c37vC:hover,
.link-c37vC:focus {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--gravityboard-link-color-hover) !important;
	text-decoration: underline !important;
	box-shadow: none !important;
}

/* Delete button */
.button-s_eDV.delete-Ten2D {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--gravityboard-button-link-delete-text-color) !important;
	padding: var(--gravityboard-spacing-xs) var(--gravityboard-spacing-sm) !important;
}

.button-s_eDV.delete-Ten2D:hover,
.button-s_eDV.delete-Ten2D:focus {
	background-color: var(--gravityboard-button-link-delete-background-hover-color) !important;
	border-color: transparent !important;
	color: var(--gravityboard-button-link-delete-text-hover-color) !important;
	box-shadow: none !important;
}

.button-s_eDV.delete-Ten2D:focus {
	box-shadow: 0 0 0 1px var(--gravityboard-error-color) !important;
	outline: 1px solid transparent !important;
}

/* Disabled state */
.button-s_eDV.disabled-Lqego,
.button-s_eDV:disabled {
	opacity: 0.65 !important;
	cursor: not-allowed !important;
}

.link-c37vC.button-s_eDV:disabled,
.link-c37vC.button-s_eDV:disabled:hover {
	text-decoration: none !important;
	cursor: default !important;
	color: var(--gravityboard-text-color-subtle) !important;
	opacity: 1 !important;
}

/* Icon handling */
.button-s_eDV svg {
	margin-right: var(--gravityboard-spacing-xs) !important;

	width: 16px !important; /* Default icon size */
	height: 16px !important; /* Default icon size */
}

.button-s_eDV.xl-Op3cF svg {
	width: 32px !important;
	height: 32px !important;
}

.button-s_eDV.lg-ZoIdn svg {
	width: 24px !important;
	height: 24px !important;
}

.button-s_eDV.md-oWwjN svg {
	width: 16px !important;
	height: 16px !important;
}

.button-s_eDV.sm-kXJW4 svg {
	width: 12px !important;
	height: 12px !important;
}

.button-s_eDV.iconOnly-uYYLe svg {
	margin: 0 !important;
}

/* Close circle button (icon only, round) */
.round-zO1yv {
	border-radius: 50% !important;
	line-height: 1 !important;
}

.round-zO1yv svg {
	margin: 0 !important;
	padding: 0 !important;
}

.closeSquare-yZPXs {
	border-radius: var(--gravityboard-border-radius-sm) !important;
}

/* GravityBoard/gravityboard-app/src/components/DueDate.module.css */

.dueDate-A7ApP {
	align-items: center;

	/* margin-top: var(--gravityboard-spacing-sm); /* 8px */

	/* This will be handled by parent or specific context */
	padding: var(--gravityboard-spacing-xs) var(--gravityboard-spacing-sm); /* Approximating 2px 6px with 4px 8px for now, can adjust if specific vars are added for 2px, 6px */
	border-radius: var(--gravityboard-border-radius-md); /* 3px */
	font-size: var(--gravityboard-font-size-sm); /* 13px, was 12px */
	line-height: var(--gravityboard-line-height-base); /* 1.4, using base 1.5 */
	color: var(--gravityboard-text-color-light); /* #5e6c84 -> using #50575e */
	background-color: var(--gravityboard-background-color-light-gray); /* #f4f5f7 -> using #f6f7f7 */
	border: var(--gravityboard-border-width) solid transparent; /* For consistent sizing */
	white-space: nowrap; /* Prevent text wrapping */
	flex-shrink: 0; /* Don't allow squishing */
}

.dueDate-A7ApP svg {
	width: var(--gravityboard-font-size-base); /* 14px */
	height: var(--gravityboard-font-size-base); /* 14px */
	vertical-align: middle; /* Align icon nicely with text */
	fill: currentcolor; /* Inherit color from parent */
	margin-right: var(--gravityboard-spacing-xs); /* Add some space between icon and text */
}

/* Overdue state - Red */
.overdue-wbIPh {

	/* Combined with .dueDate in JS */
	color: var(--gravityboard-error-color); /* #bf2600 -> using #d9534f (WP Error Red). Consider specific --gravityboard-danger-text-color */
	background-color: #ffeded; /* Light red background - Consider --gravityboard-danger-background-subtle */
	border-color: #ffcdd2; /* Subtle red border - Consider --gravityboard-danger-border-color */
}

.overdue-wbIPh svg {
	fill: var(--gravityboard-error-color); /* #de350b -> using #d9534f. Consider specific --gravityboard-danger-fill-color */
}

/* Due Soon state - Yellow */
.dueSoon-zY8fq {

	/* Combined with .dueDate in JS */
	color: var(--gravityboard-warning-color); /* #974f0c -> using #f0ad4e (WP Warning Yellow). Consider specific --gravityboard-warning-text-color */
	background-color: #fff9e6; /* Light yellow background - Consider --gravityboard-warning-background-subtle */
	border-color: #ffecb3; /* Subtle yellow border - Consider --gravityboard-warning-border-color */
}

.dueSoon-zY8fq svg {
	fill: var(--gravityboard-warning-color); /* #ffab00 -> using #f0ad4e. Consider specific --gravityboard-warning-fill-color */
}

.inFooter-loJnl {
	margin-top: 0;
}

/* GravityBoard/gravityboard-app/src/components/CardNotesCount.module.css */

.notesCount-ca8HE {
}

.notesCount-ca8HE svg {
}

/* This class can be added by the parent (e.g., CardFooter) if specific margin adjustments are needed */
.inFooter-GB7W6 {
}

.cardAttachmentIndicator-OJGfs {
}

.progressIndicator-RcnK_ {
	display: inline-flex;
	align-items: center;
	gap: var(--gravityboard-spacing-sm) !important;
	border-radius: var(--gravityboard-border-radius-xs);
	line-height: 1;
	white-space: nowrap;
	padding: var(--gravityboard-spacing-xs) var(--gravityboard-spacing-sm);
}

.progressIndicator-RcnK_.completed-O01qd {
	background-color: rgba(74, 184, 102, 0.9);
	color: var(--gravityboard-white);
}

.text-df0YC {
	font-variant-numeric: tabular-nums;
}

.completedBadge-JOyk1 {
	color: var(--gravityboard-white);
	font-weight: var(--gravityboard-font-weight-semibold);
	margin-left: var(--gravityboard-spacing-xxs);
}

.progressIndicator-RcnK_.completed-O01qd:hover {
	background-color: var(--gravityboard-success-color);
}

/* Styles for displaying formatted text content (plain text with links and markdown) */

/* Container for textarea display content */
.textDisplay-uRU4e {
	width: 100%;
	word-wrap: break-word;
	font-family: var(--gravityboard-font-family-sans-serif);
	font-size: var(--gravityboard-font-size-md);
}

.textDisplay-uRU4e * {
	max-width: 100%;
}

/* Markdown content styling */
.textDisplay-uRU4e h1,
.textDisplay-uRU4e h2,
.textDisplay-uRU4e h3,
.textDisplay-uRU4e h4,
.textDisplay-uRU4e h5,
.textDisplay-uRU4e h6 {
	margin: 1em 0 0.5em 0;
	font-weight: var(--gravityboard-font-weight-bold, 600);
	line-height: 1.3;
}

.textDisplay-uRU4e h1 {
	font-size: 1.5em;
}

.textDisplay-uRU4e h2 {
	font-size: 1.3em;
}

.textDisplay-uRU4e h3 {
	font-size: 1.1em;
}

.textDisplay-uRU4e h4,
.textDisplay-uRU4e h5,
.textDisplay-uRU4e h6 {
	font-size: 1em;
}

.textDisplay-uRU4e p {
	margin: 0.5em 0;
	padding: 0!important;
	font-size: 1em;
}

.textDisplay-uRU4e ul,
.textDisplay-uRU4e ol {
	margin: 0.5em 0;
	padding-left: 1.5em;
}

.textDisplay-uRU4e li {
	margin: 0.25em 0;
	padding: 0;
}

.textDisplay-uRU4e ul li {
	list-style-type: disc;
}

.textDisplay-uRU4e blockquote {
	margin: 0.5em 0;
	padding: 0.5em 1em;
	border-left: 4px solid var(--gravityboard-border-color-light, #dfe1e6);
	background-color: var(--gravityboard-background-color-hover-light, rgba(9, 30, 66, 0.04));
	font-style: italic;
}

.textDisplay-uRU4e code {
	background-color: var(--gravityboard-background-color-hover-light, rgba(9, 30, 66, 0.04));
	padding: 0.1em 0.3em;
	border-radius: 3px;
	font-family: Monaco, Menlo, "Ubuntu Mono", monospace;
	font-size: 0.9em;
}

.textDisplay-uRU4e pre {
	background-color: var(--gravityboard-background-color-hover-light, rgba(9, 30, 66, 0.04));
	padding: 1em;
	border-radius: var(--gravityboard-border-radius-xs, 4px);
	overflow-x: auto;
	margin: 0.5em 0;
}

.textDisplay-uRU4e pre code {
	background: none;
	padding: 0;
}

.textDisplay-uRU4e strong,
.textDisplay-uRU4e b {
	font-weight: var(--gravityboard-font-weight-bold, 600);
}

.textDisplay-uRU4e em,
.textDisplay-uRU4e i {
	font-style: italic;
}

.textDisplay-uRU4e a {
	color: var(--gravityboard-link-color, #0366d6);
	text-decoration: none;
}

.textDisplay-uRU4e a:hover {
	text-decoration: underline;
}

.textDisplay-uRU4e hr {
	border: none;
	border-top: 1px solid var(--gravityboard-border-color-light, #dfe1e6);
	margin: 1em 0;
}

.textDisplay-uRU4e img {
	height: auto;
}

/* GravityBoard/gravityboard-app/src/components/Card.css */

.card-cNNH2 {
	display: flex;
	width: 100%; /* Take full width of the .laneCardsList */
	max-width:
		calc(var(--gravityboard-lane-width) - var(--gravityboard-spacing-unit) -
		var(--gravityboard-spacing-unit)); /** Prevent resize when dragging */
	flex-direction: column;
	background-color: var(--gravityboard-background-color-white, #fff); /* Added fallback */
	border-radius: var(--gravityboard-border-radius-lg, 8px); /* Added fallback */
	box-shadow: var(--gravityboard-box-shadow-sm);
	margin-bottom: var(--gravityboard-spacing-sm, 8px); /* Added fallback */
	padding: var(--gravityboard-spacing-md, 16px); /* Changed from sm to md for more padding */
	position: relative;
	transition:
		transform 0.12s ease,
		box-shadow 0.12s ease;
	scroll-margin: 80px; /* For scroll snapping if used */
	border: 2px solid transparent;
	box-sizing: border-box;
	cursor: pointer;
}

/* Hover effect for cards that are not 'not-editable' (i.e., draggable or clickable) */

/* Card.js applies 'not-editable' class, so we don't need :not(.not-editable) here */
.card-cNNH2:hover {
	box-shadow: var(--gravityboard-box-shadow-md);
	border: 2px solid var(--gravityboard-primary-color, #2b66ea); /* Added fallback */
}

/* Focus styles for accessibility */
.card-cNNH2:focus {
	outline: 2px solid var(--gravityboard-primary-color, #2b66ea);
	outline-offset: 2px;
}

/* Base style for card menu button, shown on hover */
.cardMenuButton-k1Aue {
	position: absolute !important;
	top: var(--gravityboard-spacing-sm, 4px); /* Adjusted from 5px to 4px to use variable */
	right: var(--gravityboard-spacing-sm, 4px); /* Adjusted from 5px to 4px to use variable */
	z-index: 2;
	opacity: 0; /* Hidden by default, shown on card hover */
}

/* Show menu button when card is hovered */
.card-cNNH2:hover .cardMenuButton-k1Aue {
	opacity: 1;
	background-color: transparent;
}

/* Show menu button when card is hovered */
.card-cNNH2 .cardMenuButton-k1Aue:hover {
	background-color: var(--gravityboard-background-color-dark-overlay);
}

.card-cNNH2 .cardMenuButton-k1Aue:focus-within {
	opacity: 1;
	background-color: var(--gravityboard-background-color-dark-overlay);
	outline:
		2px solid
		rgba(var(--gravityboard-form-control-border-color-focus), 0.3) !important;
	border-color: var(--gravityboard-form-control-border-color-focus) !important;
	box-shadow: 0 0 0 1px var(--gravityboard-form-control-border-color-focus) !important;
}

.cardTitle-ymnPF {
	font-weight: var(--gravityboard-font-weight-bold, bold); /* Added fallback */
	margin-bottom: var(--gravityboard-spacing-xs, 4px); /* Added fallback */
	font-size: var(--gravityboard-font-size-base, 14px); /* Was default, changed to base. Added fallback */
	word-break: break-word;

	/* Adjusted padding-right to account for menu button & its padding */
	padding-right:
		calc(var(--gravityboard-spacing-xs, 4px) + 18px +
		var(--gravityboard-spacing-xs, 4px)); /* button right padding + button width + gap */
	color: var(--gravityboard-text-color, #3c434a); /* Added text color */
}

.cardLabel-JUhLc {
	font-size: var(--gravityboard-font-size-sm, 13px); /* Was 12px, now uses sm variable. Added fallback */
	color: var(--gravityboard-text-color-light, #666); /* Added fallback */
	margin-bottom: var(--gravityboard-spacing-xs, 4px); /* Added fallback */
}

.cardDescription-s3k_y {
	font-size: var(--gravityboard-font-size-sm, 13px); /* Added fallback */
	color: var(--gravityboard-text-color, #4d4d4d); /* Was default, updated. Added fallback */
	margin-top: var(--gravityboard-spacing-sm, 8px); /* Added fallback */
	word-break: break-word;
	white-space: normal!important;
	max-height: var(--gravityboard-card-description-max-height, 200px);
	overflow-y: hidden;
}

/* Card footer layout */
.cardFooter-Zm330 {
	display: flex;
	flex-wrap: wrap; /* Allow wrapping if not enough space */
	justify-content: space-between;
	align-items: center;
	margin-top: var(--gravityboard-spacing-unit); /* 8px */
	width: 100%;
	gap: var(--gravityboard-spacing-unit); /* 8px */
	row-gap: var(--gravityboard-spacing-unit); /* 8px */
}

.cardFooterRight-LSlA6,
.cardFooterLeft-YNPFA {
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 100%;
}

.cardFooterRight-LSlA6,
.cardFooterLeft-YNPFA,
.cardFooterLeft-YNPFA div {
	display: flex;
	align-items: center;
	min-width: 0; /* Allow content to shrink if possible */
	flex-shrink: 0;
	gap: var(--gravityboard-spacing-sm);
	font-size: var(--gravityboard-font-size-sm);
}

.cardFooterLeft-YNPFA div {
	gap: var(--gravityboard-spacing-xxs);
}

.cardFooter-Zm330 svg {
	height: var(--gravityboard-font-size-base);
	width: var(--gravityboard-font-size-base);
}

.cardFooterRight-LSlA6 {
	flex-shrink: 0;
	margin-bottom: 0;
	margin-left: auto; /* Push to right side when wrapping */
	gap: var(--gravityboard-spacing-xs); /* 4px */
	max-width: 100%;
}

/* Temporary card styles */
.isTemporary-hj8jM {
	opacity: 0.8;
	pointer-events: auto;
	box-shadow: none;
	position: relative;
	cursor: default;
}

.isTemporary-hj8jM::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.02) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.02) 75%, transparent 75%);
	background-size: 10px 10px;
	pointer-events: none;
	z-index: 1; /* Ensure overlay is above normal card content but below specific temp content */
}

.isTemporary-hj8jM .cardTitle-ymnPF,
.isTemporary-hj8jM .cardDescription-s3k_y,
.isTemporary-hj8jM .cardLabel-JUhLc,
.isTemporary-hj8jM .cardFooter-Zm330 {

	/* Make sure all content is above the pattern overlay if not handled by z-index on children */

	/* Individual children might need z-index: 2; if direct '*' selector is too broad */
	position: relative; /* Create stacking context if needed */
	z-index: 2; /* Ensure content is above the ::after pseudo-element */
}

.isTemporary-hj8jM .cardMenuButton-k1Aue {
	display: none !important;
}

/* If screen gets very narrow, ensure proper stacking */
@media (max-width: 400px), (max-width: 100%) {

	.cardFooter-Zm330 {
		flex-direction: column;
		align-items: flex-start;
	}

	.cardFooterLeft-YNPFA,
	.cardFooterRight-LSlA6 {
		width: 100%;
	}

	.cardFooterRight-LSlA6 {
		display: flex;
		justify-content: flex-end; /* Right align when stacked */
	}
}

.iconMarginRight-ciXrq {
	margin-right: var(--gravityboard-spacing-sm); /* 8px */
}

/* Modal overall styling */
.modalOverlay-mj0bI {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--gravityboard-background-color-overlay);
	-webkit-backdrop-filter: blur(2px);
	        backdrop-filter: blur(2px);
	display: flex;
	align-items: flex-start;
	padding-top: 5vh; /* Modal is max 90vh, so keep centered on screens when 90vh is reached */
	justify-content: center;
	z-index: 100000; /* WP toolbar is 99999 */
	transition: none;
	box-shadow: none;
}

/* New class for the button that covers the overlay, for click-outside-to-close */
.modalOverlayButton-Af_2Q,
.modalOverlayButton-Af_2Q:hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	z-index: -1; /* Behind modal-content but still clickable on the overlay itself */
	transition: none;
	box-shadow: none;
}

.modalContent-ynUrR {
	background-color: var(--gravityboard-background-color-light-gray);
	border-radius: var(--gravityboard-border-radius-lg);
	padding: 25px 25px 0 25px;
	width: 768px;
	max-width: 90%;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: var(--gravityboard-box-shadow);
}

.modalHeader-ZLd1N {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--gravityboard-spacing-md);
}

.modalTitle-I5Ohb {
	font-size: var(--gravityboard-font-size-lg);
	font-weight: 700;
	margin: 0;
	color: var(--gravityboard-text-color);
}

.modalClose-pGyIZ {
	transition: color 0.15s ease;
	color: var(--gravityboard-text-color-light);
}

.modalClose-pGyIZ:hover {
	color: var(--gravityboard-error-color);
}

/* Modal Footer Styling */
.formActions-mJfuj {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 25px;
	margin: 0 -25px;
	border-top: var(--gravityboard-border-width) solid rgba(220, 220, 222, 0.5);
	background-color: var(--gravityboard-background-color-light-gray);
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	box-shadow: var(--gravityboard-box-shadow-subtle-xl);
}

.modalActionsRight-GNK6d {
	display: flex;
	gap: var(--gravityboard-spacing-md);
}

/* Style for View in Gravity Forms link */
.gkGravityboardViewEntryLink-byhXc {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	text-decoration: none;
	font-size: var(--gravityboard-font-size-base);
	transition: all 0.2s ease;
	color: var(--gravityboard-accent-color);
}

.gkGravityboardViewEntryLink-byhXc:hover {
	color: #135e96;
	text-decoration: underline;
	box-shadow: none;
}

.gkGravityboardViewEntryLink-byhXc:focus-visible {
	outline: none;
	box-shadow: 0 0 0 1px var(--gravityboard-white),
		0 0 0 3px var(--gravityboard-focus-ring-color) !important;
	border-radius: var(--gravityboard-border-radius-sm);
	transition: none;
}

.gkGravityboardViewEntryLink-byhXc svg {
	margin-left: var(--gravityboard-spacing-xs);
	font-size: 16px;
	width: 16px;
	height: 16px;
	line-height: 1;
}

/* Ensure proper spacing between buttons */
.modalDeleteButton-iASuX + .modalActionsRight-GNK6d {
	margin-left: auto;
}

/* Lane.module.css */
.lane-vnE9l {
	flex: 0 0 var(--gravityboard-lane-width);
	margin: 0 var(--gravityboard-spacing-sm); /* 10px */
	background: var(--gravityboard-background-color-light-gray); /* rgb(241, 242, 244) */
	border-radius: var(--gravityboard-border-radius-lg); /* 12px */
	display: flex;
	flex-direction: column;
	position: relative;
	width: var(--gravityboard-lane-width);
	max-height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

/* Combined with .lane in JS */
.isPending-H2TgH {
	opacity: 0.7;
	pointer-events: none;
	position: relative;
}

.isPending-H2TgH::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--gravityboard-background-color-light-overlay); /* rgba(255, 255, 255, 0.4) */
	border-radius: var(--gravityboard-border-radius-md); /* 5px - was this used anywhere else with this exact value? */
	z-index: 1;
}

.notEditable-UoM9w {

	/* Combined with .lane in JS */
	cursor: default !important;
}

.notEditable-UoM9w .laneHeader-xbVUg {

	/* Nested selector will need care in JS or separate application */
	cursor: default !important;
}

.notEditable-UoM9w:hover {
	box-shadow: none;
}

.laneHeader-xbVUg {
	padding:
		var(--gravityboard-spacing-unit) var(--gravityboard-spacing-unit) 0
		var(--gravityboard-spacing-unit); /* 8px 8px 0 8px */
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
	cursor: grab;
}

.laneHeaderNoDrag-WExDY {

	/* Combined with .laneHeader in JS */
	cursor: default !important;
}

.laneHeader-xbVUg:active {

	/* This will apply if laneHeader has :active state */
	cursor: grabbing;
}

.laneHeaderLeft-AhxZB {
	display: flex;
	align-items: center;
	flex: 1;
	width: calc(100% - 40px); /* Leave space for header right buttons */
	min-width: 0;
}

.laneTitle-skd4q,
.laneTitleInput-BXoiL {
	font-weight: var(--gravityboard-font-weight-bold) !important;
	font-size: var(--gravityboard-font-size-sm) !important; /* 14px */
	color: var(--gravityboard-text-color-default) !important;
	margin: 0 !important;
	flex: 1;
	border: var(--gravityboard-border-width) solid transparent;
	padding:
		var(--gravityboard-spacing-xs) var(--gravityboard-spacing-xs)
		var(--gravityboard-spacing-xs) var(--gravityboard-spacing-sm) !important; /* 6px 8px 6px 12px */
	height: 40px !important;
	line-height: 1 !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

.laneHeader-xbVUg .laneTitleInput-BXoiL {
	border-radius: var(--gravityboard-border-radius-md) !important;
	border-color: transparent !important; /* Consider a variable if this specific transparent border is common */
	background-color: transparent !important;
}

.laneTitleEditable-JGr2Q:active {
	outline: none !important;
}

.laneTitleEditable-JGr2Q:focus {
	border-radius: var(--gravityboard-border-radius-md) !important;
	outline:
		2px solid
		rgba(var(--gravityboard-form-control-border-color-focus), 0.3) !important;
	border-color: var(--gravityboard-form-control-border-color-focus) !important;
	box-shadow: 0 0 0 1px var(--gravityboard-form-control-border-color-focus) !important;
}

.laneHeader-xbVUg .laneTitleInput-BXoiL:focus {
	border-color: var(--gravityboard-form-control-border-color-focus) !important;
	outline: none !important;
}

.laneHeader-xbVUg .laneTitleInput-BXoiL.laneTitleLightText-pFFyd {
	background-color: var(--gravityboard-background-color-black);
}

.laneTitleEditable-JGr2Q {

	/* For the div version of laneTitle when editable */
	cursor: pointer;
}

.laneTitleLightText-pFFyd {
	color: var(--gravityboard-white) !important;
}

.laneTitleDarkText-qG53x {
	color: var(--gravityboard-black) !important;
}

.laneTitleNotEditable-q_cIC {

	/* For the div version of laneTitle when not editable */
	cursor: default;
}

.laneHeaderRight-QdJvn {
	display: flex;
	align-items: center; /* Added for consistency */
}

.laneCardCount-kkWyR {
	display: none;
}

.laneCardCountLightText-nO98q {
	color: var(--gravityboard-background-color-light);
}

.laneCardCountDarkText-adMiZ {
	color: var(--gravityboard-text-color-subtle);
}

.laneBody-D4cPn {
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
	overflow: hidden;
	min-height: 0;
}

.laneCardsContainer-LDcXU {
	padding: var(--gravityboard-spacing-unit); /* 8px */
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 200px; /* This might need to be reviewed, was for Firefox */
}

/* Styles for smooth-dnd container if it needs specific targeting within a lane */
.laneCardsContainer-LDcXU > div {

	/* This targets the direct child div created by react-smooth-dnd's Container */
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 200px; /* This might need to be reviewed */
}

/* Styles for react-smooth-dnd list structure */
.laneCardsList-ws4bB {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 10px; /* Or a small var(--gravityboard-spacing-xxxs) */
}

/* No direct styling for li needed if they are just Draggable wrappers */

/* .laneCardsList li { list-style: none; } */

/* .laneCardsList li:before { display: none; } */

.addCardButton-nZ2c6,
.addLaneButton-_Exgl {
	border: none !important;
	display: inline-flex !important; /* Changed from inline-block for better svg alignment */
	align-items: center !important; /* For SVG alignment */
	width: auto !important;
	border-radius: var(--gravityboard-border-radius-md) !important; /* 8px */
	max-width: 70% !important;
	font-size: var(--gravityboard-font-size-lg) !important;
	color: var(--gravityboard-text-color-subtle) !important; /* #626f86 */
	cursor: pointer !important;
	transition: background-color 0.2s !important;
	padding: var(--gravityboard-spacing-sm) var(--gravityboard-spacing-unit) !important;
	margin: var(--gravityboard-spacing-unit) !important; /* 8px */
	font-weight: var(--gravityboard-font-weight-medium) !important; /* 500 */
	justify-content: flex-start !important;
}

.addCardButton-nZ2c6 {
	background-color: transparent !important;
}

.addCardButton-nZ2c6:hover,
.addLaneButton-_Exgl:hover {
	text-decoration: none !important;
	color: var(--gravityboard-text-color-default) !important;
	background-color: var(--gravityboard-background-color-hover-dark) !important;
}

.addCardButton-nZ2c6:active,
.addLaneButton-_Exgl:active {
	background-color: var(--gravityboard-background-color-active-dark) !important;
}

.addCardButtonIcon-gNAdk,
.addLaneButton-_Exgl svg {
	margin-right: var(--gravityboard-spacing-xs) !important;
}

/* Lane menu styling */
.laneMenu-cTMZx {
	background-color: var(--gravityboard-background-color-white);
	border-radius: var(--gravityboard-border-radius-md); /* 8px */
	box-shadow: var(--gravityboard-box-shadow-lg); /* 0 2px 8px rgba(0,0,0,0.2) - assuming a large shadow */
	overflow: hidden;
	min-width: 160px;

	/* Position related styles (top, left, zIndex) are applied inline in JS */
}

.laneMenuItem-sPv_D {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: var(--gravityboard-spacing-xs) var(--gravityboard-spacing-sm); /* 8px 12px */
	font-size: var(--gravityboard-font-size-sm); /* 14px */
	font-weight: var(--gravityboard-font-weight-medium); /* 500 */
	background: none;
	border: none;
	text-align: left;
	cursor: pointer;
	color: var(--gravityboard-text-color-default); /* #333 */
	transition: background-color 0.2s;
}

.laneMenuItem-sPv_D:hover {
	background-color: var(--gravityboard-background-color-hover-light); /* #f5f5f5 */
}

.laneMenuItem-sPv_D:active {
	background-color: var(--gravityboard-background-color-active-light); /* #e5e5e5 */
}

.laneMenuItemDanger-IT4v5 {

	/* Combined with .laneMenuItem in JS */
	color: var(--gravityboard-danger-color); /* #ae2a19 */
}

.laneMenuItemDanger-IT4v5:hover {
	background-color: var(--gravityboard-danger-background-color-hover); /* #fff0f0 */
}

.laneMenuItemDanger-IT4v5:active {
	background-color: var(--gravityboard-danger-background-color-active); /* #ffe0e0 */
}

.iconMarginRight-hNKY0 {
	margin-right: var(--gravityboard-spacing-xs); /* 8px */
}

.smooth-dnd-container.horizontal > .not-editable {
	pointer-events: none;
}

.laneTitleInput-BXoiL.hasError-wXC_b {
	border-color: var(--gravityboard-error-color);
}

.laneTitleInput-BXoiL.hasError-wXC_b:focus {
	border-color: var(--gravityboard-error-color-focus, #a82a2a); /* Fallback to a darker red */
	box-shadow: 0 0 0 1px var(--gravityboard-error-color-focus, #a82a2a);
}

/* Drag and drop preview/ghost styles */
.cardGhost-_6xUG {
	transition: transform 0.1s ease;
	transform: rotateZ(5deg);
	opacity: 0.9;
}

.cardGhostDrop-yEjKm {
	transition: transform 0.1s ease;
	transform: rotateZ(0deg);
}

.dropPreview-ypeE_ {
	margin-bottom: 10px; /* Consider using a variable if 10px is common */
	background-color: rgba(9, 30, 66, 0.15);
	margin-left: var(--gravityboard-spacing-unit);
	margin-right: var(--gravityboard-spacing-unit);
	border-radius: var(--gravityboard-border-radius-sm, 5px); /* Assuming sm is 5px */
}

/* Styles for the Add Lane button */
.addLaneButton-_Exgl,
.addLaneButton-_Exgl:hover {
	min-width: var(--gravityboard-lane-width) !important;
	background-color: var(--gravityboard-background-color-light-gray) !important;
	padding-top: var(--gravityboard-spacing-unit) !important;
	padding-bottom: var(--gravityboard-spacing-unit) !important;
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	height: -webkit-fit-content !important;
	height: fit-content !important;
	margin-top: 0 !important;
}

.addLaneButton-_Exgl:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--gravityboard-background-color-hover-dark);
}

.headerButton-JZxEp {
}

.headerButtonDarkIcon-hhJ7o {
	color: var(--gravityboard-text-color-subtle) !important; /* SVG path inherits this */
}

.headerButtonDarkIcon-hhJ7o:hover {
	background-color: var(--gravityboard-background-color-hover-dark) !important;
	color: var(--gravityboard-text-color-dark) !important;
}

.headerButtonLightIcon-M18bp {
	color: var(--gravityboard-background-color-light) !important; /* SVG path inherits this */
}

.headerButtonLightIcon-M18bp:hover {
	background-color: var(--gravityboard-background-color-light-overlay-subtle) !important;
	color: var(--gravityboard-text-color-on-primary) !important;
}

.addCardButtonDarkText-g8Ycg {
	color: var(--gravityboard-text-color-default) !important; /* Or your preferred dark text color */
}

.addCardButtonLightText-AQrvk {
	color: var(--gravityboard-background-color-light) !important; /* Or your preferred light text color */
}

/* Override hover text color for the light text version of the button */
.addCardButtonLightText-AQrvk:hover {
	color: var(--gravityboard-text-color-on-primary) !important;
}

.addCardButtonIcon-gNAdk {
	margin-right: var(--gravityboard-spacing-xs) !important; /* 4px */
}

.formGroup-ba62i {
	margin-bottom: 15px;
}

.formGroup-ba62i label {
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
	cursor: pointer;
}

.formControl-pjFMs,
input[type].formControl-pjFMs,
.react-datepicker-wrapper {
	width: 100%;
	border: 1px solid var(--gravityboard-border-color-light);
	border-radius: 8px !important;
	line-height: var(--gravityboard-line-height-base) !important;
	min-height: var(--gravityboard-font-size-xl) !important;
	padding: var(--gravityboard-spacing-unit) !important;
	box-shadow: none !important;
	outline: none;
}

.fieldDisplay-SKbyO,
.formGroup-ba62i input,
.formGroup-ba62i input[type],
.formGroup-ba62i textarea,
.formGroup-ba62i select {
	font-family: var(--gravityboard-font-family-sans-serif) !important;
	font-size: var(--gravityboard-font-size-md) !important;
}

.formGroup-ba62i textarea {
	min-height: calc(var(--gravityboard-font-size-base) * 6) !important;
}

.radioText-VJJvM {
	padding: 0 0.5em;
}

.radioGroupWrapper-eV_JP {
	margin-top: 10px;
}

.radioOptionWrapper-zO5yP {
	margin-bottom: 8px;
}

.formGroup-ba62i textarea {
	line-height: var(--gravityboard-line-height-form-control);
}

.formGroup-ba62i input,
.formGroup-ba62i input[type],
.formGroup-ba62i textarea,
.formGroup-ba62i select {
	font-family: var(--gravityboard-font-family-sans-serif);
	font-size: var(--gravityboard-font-size-md);
	outline: none;
}

.modalTitleInput-bab8H:focus,
.formGroup-ba62i input[type]:focus, 
.formGroup-ba62i textarea:focus,
.formGroup-ba62i select:focus {
	outline:
		2px solid
		rgba(var(--gravityboard-form-control-border-color-focus), 0.3);
	border-color: var(--gravityboard-form-control-border-color-focus);
	background-color: var(--gravityboard-background-color-white);
	box-shadow: 0 0 0 1px var(--gravityboard-form-control-border-color-focus);
}

.formGroup-ba62i fieldset {
	border: 1px solid #e0e4ea;
	border-radius: 6px;
	padding: 4px 12px 8px 12px;
	margin: 0 0 14px 0;
	background: #f8f9fb;
	box-shadow: none;
}

/* Cross-browser select styling */
.formGroup-ba62i select {
	width: 100%;
	height: calc(var(--gravityboard-font-size-base) * 3);
	padding: var(--gravityboard-spacing-unit);
	line-height: 1;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23666%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition:
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
}

.formGroup-ba62i select::-ms-expand {
	display: none;
}

.formGroup-ba62i select:hover {
	border-color: #b3b3b3;
}

.formGroup-ba62i select:focus {
	border-color: var(--gravityboard-form-control-border-color-focus);
	outline:
		2px solid
		rgba(var(--gravityboard-form-control-border-color-focus), 0.3);
	box-shadow: 0 0 0 1px var(--gravityboard-form-control-border-color-focus);
}

/* For Firefox */
@-moz-document url-prefix() {

	.formGroup-ba62i select {
		text-indent: 0.01px;
		text-overflow: "";
		padding-right: 30px;
	}
}

/* For IE and Edge */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.formGroup-ba62i select {
		padding-right: 30px;
	}
}

/* Add margin for select elements in modals */
.gb-modal .formGroup-ba62i select {
	margin-bottom: 20px;
}

/* RTL support for select elements */
[dir="rtl"] .formGroup-ba62i select {
	background-position: left 10px center;
	padding-left: 30px;
	padding-right: var(--gravityboard-spacing-unit);
}

@-moz-document url-prefix() {

	[dir="rtl"] .formGroup-ba62i select {
		padding-left: 30px;
		padding-right: var(--gravityboard-spacing-unit);
		text-align: right;
	}
}

/* Error message styling */
.errorMessage-RXKQS {
	margin-top: 5px;
	padding: var(--gravityboard-spacing-unit) var(--gravityboard-spacing-md);
	background-color: var(--gravityboard-danger-background-color-hover);
	border: 1px solid var(--gravityboard-danger-background-color-active);
	border-radius: var(--gravityboard-border-radius-xs);
	color: var(--gravityboard-danger-color);
	font-size: var(--gravityboard-font-size-md) !important;
	line-height: var(--gravityboard-line-height-base) !important;
	font-weight: var(--gravityboard-font-weight-medium) !important;
}

/* Error state styling for form controls */
.hasError-rZ6WF .formControl-pjFMs,
.hasError-rZ6WF input,
.hasError-rZ6WF textarea,
.hasError-rZ6WF select {
	border-color: #dc2626 !important;
	box-shadow: 0 0 0 1px #dc2626 !important;
}

.hasError-rZ6WF .formControl-pjFMs:focus,
.hasError-rZ6WF input:focus,
.hasError-rZ6WF textarea:focus,
.hasError-rZ6WF select:focus {
	outline: 2px solid rgba(220, 38, 38, 0.3) !important;
	border-color: #dc2626 !important;
	box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2) !important;
}

/* Date and datetime input styling for better UX */
.formGroup-ba62i input[type="date"],
.formGroup-ba62i input[type="datetime-local"] {
	cursor: pointer;
}

/* Card Assignees Display Styles */

/* These might be general & not popover specific. Review if used elsewhere. */
.cardAssignees-WORYl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 32px;
}

/* Individual assignee avatar on card */
.assignee-QVXo9 {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.assignee-QVXo9 img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: block;
	background-color: var(--gravityboard-neutral-color-light, #dfe1e6);
	pointer-events: none;
}

/* Bigger in the modal form - this context might be from CardForm.module.css */

/* Consider if this specific override is still needed or handled by CardForm's styles */

/* .cardForm .assignee img { */

/*     width: 32px; */

/*     height: 32px; */

/* } */

.assigneeTooltip-opIF_ {
	display: none;
	position: absolute;
	bottom: 105%;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--gravityboard-text-color-dark, #333);
	color: var(--gravityboard-white, #fff);
	padding:
		var(--gravityboard-spacing-xs, 4px)
		var(--gravityboard-spacing-sm, 8px);
	border-radius: var(--gravityboard-border-radius-sm, 3px);
	font-size: var(--gravityboard-font-size-sm, 12px);
	white-space: nowrap;
	z-index: 100;
	margin-bottom: var(--gravityboard-spacing-xs, 5px);
	pointer-events: none;
}

.assignee-QVXo9:hover .assigneeTooltip-opIF_ {
	display: block;
}

.assigneeTooltip-opIF_::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color:
		var(--gravityboard-text-color-dark, #333) transparent
		transparent transparent;
}

/* --- Assignee Popover Specific Styles --- */

/* Trigger Area in CardForm */
.assigneesTrigger-z4RlB {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--gravityboard-spacing-xs, 4px);
}

.assigneesTrigger-z4RlB .cardAssignees-WORYl {

	/* This class is from AssigneesCard.module.css now. */

	/* If specific layout is needed for cardAssignees *within the trigger*, style it here */

	/* e.g., .assigneesTrigger > :global(.cardAssignees) { margin-top: 0; } */

	/* For now, assuming default display from AssigneesCard.module.css is fine */
	margin-top: 0;
	display: inline-flex;
	gap: var(--gravityboard-spacing-xs, 4px);
}

.addAssigneeBtn-vbADd {
	background-color: var(--gravityboard-background-color-hover, rgba(9, 30, 66, 0.04));
	border: none;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--gravityboard-text-color-light, #44546f);
	cursor: pointer;
	transition:
		background-color 0.1s ease,
		color 0.1s ease;
	vertical-align: middle;
}

.addAssigneeBtn-vbADd:hover,
.addAssigneeBtn-vbADd:focus {
	background-color: var(--gravityboard-background-color-hover-dark, rgba(9, 30, 66, 0.08));
	color: var(--gravityboard-text-color, #172b4d);
	outline: none;
}

.addAssigneeBtn-vbADd svg {
	width: 16px;
	height: 16px;
}

/* Popover shell styles are in shared/Popover.module.css */

/* Search Input */
.assigneesSearchContainer-JEeO7 {
	margin-bottom: var(--gravityboard-spacing-md, 12px);
}

input[type].assigneesSearch-ki_Oa,
.assigneesSearch-ki_Oa {
	width: 100%;
	padding:
		var(--gravityboard-spacing-sm, 8px)
		var(--gravityboard-spacing-md, 12px);
	border: 1px solid var(--gravityboard-border-color-light, #dfe1e6);
	border-radius: var(--gravityboard-border-radius-sm, 3px);
	font-size: var(--gravityboard-font-size-base, 14px);
	background-color: var(--gravityboard-background-color-light, #fafbfc);
	box-sizing: border-box;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease;
}

input[type].assigneesSearch-ki_Oa:focus,
.assigneesSearch-ki_Oa:focus {
	outline: none;
	border-color: var(--gravityboard-focus-ring-color, #4c9aff);
	background-color: var(--gravityboard-background-color-white, #fff);
	box-shadow: 0 0 0 1px var(--gravityboard-focus-ring-color, #4c9aff);
}

/* Member Category (Sections) */
.assigneesCategory-ioz3T {
	margin-bottom: var(--gravityboard-spacing-md, 16px);
}

.assigneesCategory-ioz3T:last-child {
	margin-bottom: 0;
}

.assigneesCategoryTitle-KlCH4 {
	font-size: var(--gravityboard-font-size-sm, 13px);
	font-weight: var(--gravityboard-font-weight-semibold, 600);
	color: var(--gravityboard-text-color-subtle, #5e6c84);
	margin: 0 0 var(--gravityboard-spacing-sm, 8px) 0;
	padding: 0;
}

/* Member List */
.assigneesList-aDhFR {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

/* Member List Item */
.assigneeItem-KyK4L {
	font-size: var(--gravityboard-font-size-base, 14px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:
		var(--gravityboard-spacing-xs, 4px)
		var(--gravityboard-spacing-sm, 8px);
	cursor: pointer;
	border-radius: var(--gravityboard-border-radius-xs, 3px);
	margin: var(--gravityboard-spacing-xs, 4px) 0;
	transition: background-color 0.1s ease;
}

.assigneeItem-KyK4L:hover,
.assigneeItem-KyK4L:focus {
	background-color: var(--gravityboard-background-color-hover, rgba(9, 30, 66, 0.04));
	outline: none;
}

.assigneeItem-KyK4L:focus {
	box-shadow: 0 0 0 2px var(--gravityboard-focus-ring-color, #4c9aff);
}

.assigneeItemContent-u56dZ {
	display: flex;
	align-items: center;
	flex-grow: 1;
	overflow: hidden;
}

/* Avatar within list item - uses .assignee styles from AssigneesCard.module.css */

/* This rule provides specific sizing for avatars *within the popover list items* */
.assigneeItem-KyK4L .assignee img {

	/* Target the .assignee class from AssigneesCard.module.css */
	width: 32px; /* Larger avatar in list */
	height: 32px;
}

.assigneeItem-KyK4L .assignee {

	/* Target the .assignee class from AssigneesCard.module.css */
	margin-right: var(--gravityboard-spacing-sm, 8px);
}

/* Member Name */
.assigneeName-YUZuu {
	font-weight: var(--gravityboard-font-weight-normal, 400);
	color: var(--gravityboard-text-color-default, #172b4d);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Remove Button (X) */
.assigneeRemove-pshmf,
.assigneeRemove-pshmf:hover {
	background: transparent;
	border: none;
	color: var(--gravityboard-icon-color-default, #6b778c);
	font-size: var(--gravityboard-font-size-lg, 18px); /* Matched to typical icon button sizes */
	font-weight: var(--gravityboard-font-weight-normal, 400);
	line-height: 1;
	cursor: pointer;
	width: var(--gravityboard-spacing-md);
	height: var(--gravityboard-spacing-md);
	padding: var(--gravityboard-spacing-xs);
	margin-left: var(--gravityboard-spacing-sm, 8px);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	box-sizing: content-box;
	transition:
		opacity 0.1s ease,
		color 0.1s ease;
}

.assigneeItem-KyK4L:hover .assigneeRemove-pshmf,
.assigneeItem-KyK4L:focus .assigneeRemove-pshmf,
.assigneeRemove-pshmf:focus {
	opacity: 1;
}

.assigneeRemove-pshmf:hover,
.assigneeRemove-pshmf:focus {
	color: var(--gravityboard-text-color-default, #172b4d);
	outline: none;
}

.assigneeRemove-pshmf:focus {
	box-shadow: 0 0 0 2px var(--gravityboard-focus-ring-color, #4c9aff);
	border-radius: var(--gravityboard-border-radius-xs, 3px);
}

/* No Members Found Message */
.noMembers-jo5s9 {
	color: var(--gravityboard-text-color-subtle, #97a0af);
	font-style: italic;
	padding:
		var(--gravityboard-spacing-sm, 8px)
		var(--gravityboard-spacing-md, 12px);
	font-size: var(--gravityboard-font-size-base, 14px);
}

/* Popover.module.css */

.popover-ryZXE {
	position: absolute; /* Or fixed, depending on use case, but absolute is common for anchoring */
	z-index: var(--gravityboard-z-index-popover, 1050); /* Ensure it's above other elements */
	background-color: var(--gravityboard-background-color-white, #fff);
	border-radius: var(--gravityboard-border-radius-lg, 8px); /* Trello uses 8px, variables.css has 12px option */
	box-shadow: var(--gravityboard-box-shadow-lg, 0 8px 16px -4px rgba(9, 30, 66, 0.25), 0 0 0 1px rgba(9, 30, 66, 0.08));
	width: 304px; /* Common width from AssigneePopover, adjust if a variable is better */
	color: var(--gravityboard-text-color-default, #172b4d);
	font-size: var(--gravityboard-font-size-base, 14px);
	max-height: 60vh;
	overflow-y: auto;
}

.popoverHeader-gD9zM {
	display: flex;
	align-items: center;
	justify-content: space-between; /* Distributes space, title in middle if no other elements push it */
	padding:
		var(--gravityboard-spacing-sm, 8px)
		var(--gravityboard-spacing-md, 12px); /* Consistent padding */
	border-bottom:
		1px solid
		var(--gravityboard-border-color-light, rgba(9, 30, 66, 0.13));
	text-align: center; /* Centers title if it's the only flex item stretching */
}

.popoverTitle-RJljx {
	flex-grow: 1; /* Allows title to take available space */
	font-size: var(--gravityboard-font-size-base, 14px);
	font-weight: var(--gravityboard-font-weight-semibold, 600);
	color: var(--gravityboard-text-color-subtle, #5e6c84);
	margin: 0 var(--gravityboard-spacing-sm, 8px); /* Space around title if close button is present */
	line-height: 1.4; /* From var(--gravityboard-line-height-base) potentially */
	text-align: center; /* Explicitly center the text within its container */
}

.popoverClose-f9JmL {
	margin-left: auto;
	margin-right: calc(var(--gravityboard-spacing-sm, 8px) * -1);
}

.popoverContent-mk07z {
	padding: var(--gravityboard-spacing-md, 12px);
	max-height: 60vh; /* Or a fixed px value like 300px, 400px */
	overflow-y: auto;
}

/* Styles for CardForm component, including its modal header */

/* Screen reader only class for live regions */
.srOnly-mge4x {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cardForm-kTd8T {
	margin-bottom: 0 !important;
	padding-bottom: var(--gravityboard-spacing-md, 16px);
	margin-top: auto; /* Push to bottom */
}

.cardFormModalHeader-wcXqs {
	padding: 0;
	margin: calc(var(--gravityboard-spacing-sm) * -1.25) 0;
	margin-bottom: var(--gravityboard-spacing-lg); /* 25px -> 24px */
	gap: var(--gravityboard-spacing-sm);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.modalTitleError-gLq4Z {
	font-size: 0.875em; /* Approx 12.25px */
	color: var(--gravityboard-error-text-color, #d9534f); /* Updated from #d9534f, consider specific var */
	margin-top: 0;
	width: 100%;
	margin-left: calc(var(--gravityboard-spacing-xs) * -0.5); /* -2px */
	padding: 0.5em var(--gravityboard-spacing-sm); /* 0.5em 7px -> 0.5em 8px */
}

.modalHeaderButtons-wm3P8 {
	margin-top: calc(var(--gravityboard-spacing-sm) * -0.5); /* Adjust as needed for alignment with new button size */
	display: flex;
	gap: var(--gravityboard-spacing-sm);
	align-items: flex-start;
}

.modalHeaderButtons-wm3P8 button {
	box-sizing: border-box !important;
	background: transparent;
	transition: all 0.15s ease;
	align-self: center;
	color: var(--gravityboard-text-color) !important;
}

.modalHeaderButtons-wm3P8 button:hover,
.modalHeaderButtons-wm3P8 button:focus-within {
	background: var(--gravityboard-background-color-dark-overlay) !important;
	color: var(--gravityboard-text-color-dark) !important;
	border-color: transparent !important;
}

.modalHeaderButtons-wm3P8 button:focus {
	outline: 2px solid var(--gravityboard-focus-ring-color, #4c9aff) !important;
	outline-offset: 2px !important;
}

.modalTitleInputContainer-eJ0Iv {
	width: 100%;
}

/* Styles for the h3 or input within .modalTitleInputContainer */
.modalTitleInputContainer-eJ0Iv > *,
.modalTitleInputContainer-eJ0Iv > .fieldDisplay-yICsJ {

	/* Applied to direct children, assuming h3 or input */
	font-size: var(--gravityboard-font-size-xl);
	font-weight: var(--gravityboard-font-weight-bold);
	padding: var(--gravityboard-spacing-xs) var(--gravityboard-spacing-unit) !important;
	border-radius: var(--gravityboard-border-radius-md);
	box-sizing: border-box;
}

/* Combined .gb-modal-title-input specific styles with the above using a more specific selector if needed, or add unique class if input styles differ significantly from h3 display */
.modalTitleInputContainer-eJ0Iv .modalTitleInput-RZAat:focus {
	outline: none;
	border-color: var(--gravityboard-form-control-border-color-focus);
	background-color: #fff;
	box-shadow: 0 0 0 1px var(--gravityboard-form-control-border-color-focus);
}

.featureSection-etmV2 {
	margin-top: var(--gravityboard-spacing-lg, 20px);
	padding-top: var(--gravityboard-spacing-md, 16px);
	border-top: 1px solid var(--gravityboard-border-color-light, #dfe1e6);
}

.featureSection-etmV2 h4 {
	font-size: var(--gravityboard-font-size-md, 16px);
	font-weight: var(--gravityboard-font-weight-semibold, 600);
	color: var(--gravityboard-text-color-default, #172b4d);
	margin: 0 0 var(--gravityboard-spacing-md, 12px) 0;
}

.addNoteForm-JSjnS {
	margin-bottom: var(--gravityboard-spacing-md, 16px);
	position: relative; /* For potential absolute positioned elements within */
	font-size: var(--gravityboard-font-size-md);
}

.notesList-j4Yyp {
	display: flex;
	flex-direction: column;
	gap: var(--gravityboard-spacing-md, 16px);
}

/* Styles for gk-empty-placeholder, potentially used in notes list if empty */

/* This class is also in KanbanBoard.module.css. Consider making it truly global or ensuring CardForm imports it if needed. */

/* For now, assuming CardForm might use its own version or rely on a global definition. */
.emptyPlaceholder-v3wR1,
.loadingMessage-bydIY,
.noItemsPlaceholder-nG66V {
	color: var(--gravityboard-text-color-light, #6b778c);
	font-style: italic;
	font-size: var(--gravityboard-font-size-sm, 12px);
}

/* Styles for form field labels (e.g., Assignees, Label, Description) */
.formFieldLabel-jWt0o {
	display: inline-flex;
	align-items: center;
	font-size: var(--gravityboard-font-size-lg);
	font-weight: var(--gravityboard-font-weight-bold);
	margin-bottom: var(--gravityboard-spacing-xs, 4px); /* Original 5px */
	color: var(--gravityboard-text-color-heading, #333);
	cursor: pointer; /* from original form-group label */
	gap: var(--gravityboard-spacing-xxs, 2px);
}

.formFieldLabel-jWt0o svg {
	margin-right: var(--gravityboard-spacing-xs, 4px);
}

/* Styles for the container of assignees avatars and the add button */
.assigneesFieldContent-DrkF1 {
	display: flex;
	align-items: center;
	flex-wrap: wrap; /* Allows items to wrap to the next line if space is insufficient */
	gap: var(--gravityboard-spacing-xs); /* 4px gap between the AssigneesCard block and the Add button */
}

/* Styles for the + button to add assignees */
.addAssigneeButton-RL191 {
	background-color: var(--gravityboard-background-color-hover-light, rgba(9, 30, 66, 0.04));
	border: none;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--gravityboard-icon-color-hover, #44546f);
	cursor: pointer;
	transition:
		background-color 0.1s ease,
		color 0.1s ease;
	vertical-align: middle; /* Helps align with adjacent inline or inline-block elements */
}

.addAssigneeButton-RL191:hover,
.addAssigneeButton-RL191:focus {
	background-color: rgba(9, 30, 66, 0.08);
	color: var(--gravityboard-text-color-default, #172b4d);
	outline: none;
}

.addAssigneeButton-RL191:focus {
	outline: 1px solid var(--gravityboard-form-control-border-color-focus);
}

.addAssigneeButton-RL191 svg {
	width: 16px;
	height: 16px;
	fill: currentcolor; /* SVG should inherit its color from the button's text color */
}

/* Generic form group styling */
.formGroup-myeMp {
	margin-bottom: var(--gravityboard-spacing-md, 15px);
}

/* Clickable label styling */
.clickableLabel-LhsO5 {
	cursor: pointer;
}

/* Display style for non-input fields */
.fieldDisplay-yICsJ {
	font-family: var(--gravityboard-font-family-sans-serif);
	font-size: var(--gravityboard-font-size-md);
	cursor: pointer;
	min-height: calc(var(--gravityboard-font-size-base) * 3);
	padding: var(--gravityboard-spacing-unit);
	display: flex;
	align-items: center;
	line-height: var(--gravityboard-line-height-form-control) !important;
	border: 1px solid transparent;
	border-radius: var(--gravityboard-border-radius-xs, 4px); /* Original form-control has 8px, field-display may want smaller */
	margin: 0 !important; /* From original form-control parent */
	box-sizing: border-box;
	height: auto !important; /* Allow content to determine height */
}

.cardFormEditable-t25N6 .fieldDisplay-yICsJ:not(.isReadOnly-qyNVt):hover,
.cardFormEditable-t25N6 .fieldDisplay-yICsJ:not(.isReadOnly-qyNVt):focus {
	background-color: var(--gravityboard-background-color-hover-light);
}

.loadingMessage-bydIY,
.noItemsPlaceholder-nG66V {
	padding: var(--gravityboard-spacing-unit);
	font-size: var(--gravityboard-font-size-base);
}

.hasError-wbwRg {
	border-color: var(--gravityboard-form-control-border-color-error);
}

.modalTitleInputContainer-eJ0Iv .hasError-wbwRg:focus {
	border-color: var(--gravityboard-form-control-border-color-error);
	box-shadow: 0 0 0 1px var(--gravityboard-form-control-border-color-error);
	outline:
		2px solid
		rgba(var(--gravityboard-form-control-border-color-error), 0.3);
}

.modalTitleInputContainer-eJ0Iv .hasError-wbwRg::placeholder {
	color: var(--gravityboard-form-control-placeholder-color);
}

/* Error message styling */
.errorMessage-mzNoP {
	color: var(--gravityboard-error-text-color, #d63638);
	font-size: var(--gravityboard-font-size-sm, 13px);
	margin-top: var(--gravityboard-spacing-xs, 4px);
	margin-bottom: 0;
	display: block;
}

/* Error pulse animation for better accessibility feedback */
.errorPulse-MkUmX {
	animation: errorPulse-MkUmX 0.5s ease-in-out;
}

@keyframes errorPulse-MkUmX {

	0% {
		background-color: transparent;
		transform: scale(1);
	}

	50% {
		background-color: rgba(214, 54, 56, 0.1);
		transform: scale(1.02);
	}

	100% {
		background-color: transparent;
		transform: scale(1);
	}
}

/* Improved focus indicators */
.fieldDisplay-yICsJ:not(.isReadOnly-qyNVt):focus,
.modalTitleInputContainer-eJ0Iv h3:focus {
	outline: 2px solid var(--gravityboard-focus-ring-color, #4c9aff);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(76, 154, 255, 0.2);
}

/* Required field indicator */
.requiredIndicator-zJjP7 {
	color: var(--gravityboard-error-color, #d63638);
	margin-left: var(--gravityboard-spacing-xxs, 2px);
}

.isReadOnly-qyNVt,
.fieldDisplay-yICsJ.isReadOnly-qyNVt {
	cursor: default!important;
}
/* Attachments styling */
.attachmentItem-qmYkA {
	display: flex;
	align-items: flex-start;
	margin-bottom: var(--gravityboard-spacing-unit, 8px);
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: var(--gravityboard-spacing-sm) !important;
	border-radius: var(--gravityboard-border-radius-md, 6px);
	transition: all 0.2s ease;
	background-color: var(--gravityboard-background-color-light, #fafbfc);
	box-shadow: var(--gravityboard-box-shadow-sm, 0 1px 1px 0 var(--gravityboard-box-shadow-color-start), 0 0 1px 0 var(--gravityboard-box-shadow-color-end));
	cursor: pointer;
	position: relative;
}

.attachmentItem-qmYkA:last-child {
	margin-bottom: 0;
}

.attachmentItem-qmYkA:hover {
	background-color: var(--gravityboard-background-color-white, rgba(9, 30, 66, 0.08));
	box-shadow: var(--gravityboard-box-shadow-md, 0 1px 1px 0 var(--gravityboard-box-shadow-color-start), 0 0 1px 0 var(--gravityboard-box-shadow-color-end));
}

.attachmentItem-qmYkA:focus-within {
	outline: 2px solid var(--gravityboard-focus-ring-color, #4c9aff);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(76, 154, 255, 0.2);
}

.fileIconContainer-c62Dw {
	width: var(--gravityboard-spacing-xxxl, 64px);
	height: var(--gravityboard-spacing-xxxl, 64px);
	margin-right: 16px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2271b1;
	background-color: var(--gravityboard-background-color-hover-light, rgba(9, 30, 66, 0.08));
	border-radius: var(--gravityboard-border-radius-md, 3px);
	padding: var(--gravityboard-spacing-xs, 4px);
}

.imageAttachmentContainer-yYn2w {
	width: var(--gravityboard-spacing-xxxl, 64px);
	height: var(--gravityboard-spacing-xxxl, 64px);
	margin-right: var(--gravityboard-spacing-md, 16px);
	flex-shrink: 0;
	border-radius: var(--gravityboard-border-radius-md, 6px);
	overflow: hidden;
}

div[class*="dropzone"] .attachmentItem-qmYkA {
	padding: var(--gravityboard-spacing-sm);
}

div[class*="dropzone"] .imageAttachmentContainer-yYn2w {
	width: 100%;
}

div[class*="dropzone"] .fileIconContainer-c62Dw {
	flex-direction: column;
	width: 100%;
	background-color: transparent;
}

.attachmentThumbnail-ErZbc {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease;
}

.imageAttachmentContainer-yYn2w:hover .attachmentThumbnail-ErZbc {
	transform: scale(1.05);
}

.attachmentDetails-KeBE1 {
	flex-grow: 1;
	min-width: 0; /* Important to allow text-overflow to work */
	display: flex;
	flex-direction: column;
	padding: 2px 0;
	max-width: 100%;
}

.fileAttachmentLink-sETxH {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #2271b1;
	padding: 0 0 var(--gravityboard-spacing-xs, 4px) 0;
	overflow: hidden;
	transition: color 0.2s ease;
}

.fileAttachmentLink-sETxH:hover {
	color: #135e96;
	text-decoration: underline;
}

.attachmentFileName-uPQNU {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	font-weight: 600;
	font-size: 14px;
}

.attachmentMeta-FCNWO {
	display: flex;
	flex-direction: column;
	font-size: var(--gravityboard-font-size-xs, 12px);
	color: var(--gravityboard-text-color-subtle, #5e6c84);
}

.attachmentUploader-_1xM0,
.attachmentDate-LZWAn {
	margin-bottom: var(--gravityboard-spacing-xxs, 2px);
}

.actionButton-qn1Bw {
	position: absolute;
	top: var(--gravityboard-spacing-xs, 4px);
	right: var(--gravityboard-spacing-xs, 4px);
	opacity: 0;
	transition: none !important;
}

.attachmentItem-qmYkA .actionButton-qn1Bw:focus,
.attachmentItem-qmYkA .actionButton-qn1Bw:active,
.attachmentItem-qmYkA .actionButton-qn1Bw:hover,
.attachmentItem-qmYkA:focus,
.attachmentItem-qmYkA:hover .actionButton-qn1Bw {
	opacity: 1;
}

.attachmentsDisplayArea-tuKa4 {
	margin: var(--gravityboard-spacing-unit, 8px) 0 0 0;
	border-radius: 6px;
	padding: 4px;
}

.attachmentsList-XKxmj {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

.noAttachmentsText-bITUd {
	color: var(--gravityboard-text-color-subtle, #5e6c84);
	font-style: italic;
	padding: var(--gravityboard-spacing-sm, 8px) 0;
	font-size: var(--gravityboard-font-size-base, 14px);
	margin-bottom: var(--gravityboard-spacing-md, 16px);
}

.fileUploadArea-US1je {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: var(--gravityboard-spacing-md, 16px) 0;
}

.featureSection-IgX_p .fileUploadArea-US1je p {
	font-family: var(--gravityboard-font-family-sans-serif, sans-serif) !important;
	font-size: var(--gravityboard-font-size-md, 16px) !important;
	padding: 0 !important;
	margin: 0 !important;
}

.dropzone-JKtQz {
	padding:
		var(--gravityboard-spacing-lg, 24px)
		var(--gravityboard-spacing-md, 16px);
	border: 2px dashed var(--gravityboard-border-color, #ccd0d4);
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: var(--gravityboard-background-color-light, #fafbfc);
	color: #5e6c84;
	margin-bottom: 0;
}

.dropzone-JKtQz:has(ul.selectedFilesList-I0YiR),
.dropzone-JKtQz:not(:has(ul.selectedFilesList-I0YiR)):hover {
	border-color: var(--gravityboard-border-color-hover, #50575e);
	background-color: var(--gravityboard-background-color-hover-light, rgba(9, 30, 66, 0.08));
}

.dropzone-JKtQz:focus-visible,
.dropzone-JKtQz:hover:focus-visible,
.dropzoneActive-tK3S3 {
	border-color: #2271b1;
	background-color: rgba(34, 113, 177, 0.08);
}

.dropzoneDisabled-qDSqN {
	cursor: not-allowed;
	opacity: 0.7;
}

.dropzone-JKtQz p {
	margin: 0;
	font-size: 0.95em;
}

ul.selectedFilesList-I0YiR {
	list-style: none;
	padding: 0 !important;
	margin: 10px 0 0 0 !important;
	text-align: left;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gravityboard-spacing-md, 8px);
}

.selectedFilesList-I0YiR li {
	background-color: var(--gravityboard-background-color-white, #fff);
	border-radius: var(--gravityboard-border-radius-md, 6px);
	padding: 0;
	margin: 0;
	font-size: var(--gravityboard-font-size-base, 14px);
	display: flex;
	flex-direction: column;
	word-break: break-word;
	box-shadow: var(--gravityboard-box-shadow-sm, 0 1px 1px 0 var(--gravityboard-box-shadow-color-start), 0 0 1px 0 var(--gravityboard-box-shadow-color-end));
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
	position: relative;
	overflow: hidden;
}

.selectedFilesList-I0YiR li:hover {
	box-shadow: var(--gravityboard-box-shadow-md, 0 1px 1px 0 var(--gravityboard-box-shadow-color-start), 0 0 1px 0 var(--gravityboard-box-shadow-color-end));
}

.filePreviewContainer-czjZZ {
	height: var(--gravityboard-spacing-10x, 80px);
	width: 100%;
	background-color: var(--gravityboard-background-color-hover-light, rgba(9, 30, 66, 0.08));
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.filePreviewImage-s5Cd5 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.filePreviewIcon-Bc5Zi {
	color: #2271b1;
	font-size: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.filePreviewDetails-DifNN {
	padding: 8px;
	font-size: 12px;
}

.filePreviewName-tSFyx {
	font-weight: 600;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.filePreviewSize-_d2BK {
	color: #666;
	font-size: 11px;
}

.uploadButton-_t0K8 {
	align-self: flex-start;
	padding: 6px 16px;
	height: auto;
	display: flex;
	align-items: center;
	gap: 8px;
}

.uploadOnSaveMessage-Pq5W9 {
	font-style: italic;
	color: #50575e;
	font-size: 13px;
}

.loadingMessage-T5_wt,
.uploadingText-cqMVB {
	color: var(--gravityboard-text-color-subtle, #0052cc);
	font-style: italic;
	padding: var(--gravityboard-spacing-sm, 8px) 0;
	font-size: var(--gravityboard-font-size-base, 14px);
}

.successMessage-JgjQk {
	color: var(--gravityboard-success-text-color, #008a20);
	background-color: var(--gravityboard-success-background-color, #ecf7ed);
	border-left: 4px solid var(--gravityboard-success-border-color, #00a32a);
	padding: 8px 12px;
	margin-top: 8px;
	border-radius: 4px;
	animation: fadeIn-hwbnz 0.3s ease-in-out;
}

.errorMessage-rlH2T,
.uploadErrorText-VSPWS {
	color: var(--gravityboard-error-text-color, #b32d2e);
	background-color: var(--gravityboard-error-background-color, #fcf0f1);
	border-left: 4px solid var(--gravityboard-error-border-color, #cc1818);
	padding:
		var(--gravityboard-spacing-xs, 4px)
		var(--gravityboard-spacing-sm, 8px);
	margin-top: var(--gravityboard-spacing-xs, 4px);
	border-radius: var(--gravityboard-border-radius-md, 6px);
	font-size: var(--gravityboard-font-size-base, 14px);
}

@keyframes fadeIn-hwbnz {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

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

/* Styles for Custom Lightbox Slide */
.lightboxSlideContainer-Vpma5 {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.lightboxSlideImage-sruvT {
	max-width: calc(100vw - 80px);
	max-height: calc(100vh - 160px); /* Adjusted for info panel */
	object-fit: contain;
	display: block;
}

.lightboxNonImageContent-oazpP {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: calc(100vw - 80px);
	max-height: calc(100vh - 160px);
	padding: 40px;
	text-align: center;
}

.lightboxFileIcon-tqH8A {
	font-size: 80px;
	margin-bottom: 20px;
	opacity: 0.8;
}

.lightboxFileName-ocRqo {
	font-size: var(--gravityboard-font-size-xl, 20px);
	font-weight: 600;
	color: var(--gravityboard-background-color-white, #fff);
	margin: 0 0 10px 0;
	word-break: break-word;
}

.lightboxFileType-zwE4K {
	font-size: var(--gravityboard-font-size-lg, 16px);
	color: #f0f0f0;
	margin: 0;
	opacity: 0.8;
}

.lightboxSlideInfoPanel-_FMYI {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	color: var(--gravityboard-background-color-white, #fff);
	padding: var(--gravityboard-spacing-md, 16px);
	box-sizing: border-box;
	font-size: var(--gravityboard-font-size-base, 14px);
	line-height: 1.4;
	text-align: center;
}

.lightboxSlideContainer-Vpma5 .lightboxSlideTitle-eYmlp {
	font-size: var(--gravityboard-font-size-xl, 20px);
	margin: 0 0 var(--gravityboard-spacing-sm, 8px) 0;
	padding: 0;
	max-width: 100% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: var(--gravityboard-font-weight-bold, 700);
	text-align: center !important;
	color: var(--gravityboard-background-color-white, #fff);
}

.lightboxSlideContainer-Vpma5 .lightboxSlideMeta-FzDEk {
	margin: 0 0 10px 0;
	font-size: 12px;
	color: #f0f0f0;
}

.lightboxSlideContainer-Vpma5 .lightboxSlideActions-N3kyR {
	display: flex;
	gap: var(--gravityboard-spacing-md, 16px);
	justify-content: center;
}

.lightboxSlideContainer-Vpma5 .lightboxSlideActions-N3kyR a,
.lightboxSlideContainer-Vpma5 .lightboxSlideActions-N3kyR button {
	color: var(--gravityboard-background-color-white, #fff);
	text-decoration: underline;
	font-size: inherit;
}

.lightboxSlideContainer-Vpma5 .lightboxSlideActions-N3kyR button {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.lightboxSlideContainer-Vpma5 .lightboxSlideActions-N3kyR button.deleteAction-K9nur {
	color: #ffadad;
}

.lightboxSlideContainer-Vpma5 .lightboxSlideActions-N3kyR button.deleteAction-K9nur:hover {
	color: #ff7f7f;
}

.lightboxSlideContainer-Vpma5 .lightboxSlideActions-N3kyR a:hover {
	color: #dcdcdc;
}

/* Ensure lightbox renders properly */

.yarl__container {
	-webkit-user-select: auto !important;
	        user-select: auto !important;
}

.yarl__root {
	z-index: 999999 !important;
	position: fixed !important;
	inset: 0 !important;
	isolation: isolate !important;
}

.yarl__portal {
	z-index: 999999 !important;
	position: fixed !important;
	isolation: isolate !important;
}

/* Reset WordPress admin styles that might interfere */
.yarl__root * {
	box-sizing: border-box !important;
}

/* Ensure backdrop is clickable */
.yarl__backdrop {
	pointer-events: auto !important;
}

/* Ensure navigation buttons work */
.yarl__navigation_button {
	pointer-events: auto !important;
	cursor: pointer !important;
}

/* Ensure close button works */
.yarl__toolbar_button {
	pointer-events: auto !important;
	cursor: pointer !important;
}

.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}
.item-rbpVS {
	display: flex;
	align-items: flex-start;
	gap: var(--gravityboard-spacing-sm);
	position: relative;
	min-height: var(--gravityboard-spacing-xl);
}

.item-rbpVS.completed-e6MB5 {
	opacity: 0.85;
}

.item-rbpVS.completed-e6MB5 .label-j4ZlV {
	text-decoration: line-through;
	opacity: 0.95;
}

.item-rbpVS.loading-JdOny {
	opacity: 0.6;
	pointer-events: none;
}

.item-rbpVS.readonly-bcV5Y {
	cursor: default;
}

.item-rbpVS.readonly-bcV5Y .label-j4ZlV {
	cursor: default;
}

/* Drag and drop styles */
.item-rbpVS.dragging-ecDTc {
	opacity: 0.5;
	transform: scale(0.95);
	cursor: grabbing;
}

.item-rbpVS.dragOver-yS7BH {
	border-top: 2px solid var(--gravityboard-primary-color);
	transform: translateY(2px);
}

.item-rbpVS[draggable="true"] {
	cursor: grab;
}

.checkboxWrapper-idHrn {
	flex-shrink: 0;
	margin-top: calc((var(--gravityboard-spacing-md) / 2) + 2px);
}

.checkboxWrapper-idHrn .checkboxLabel-cyjyx {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	flex-shrink: 0;
	line-height: 1;
	width: auto;

	/* Make the click target larger */
	margin: calc(var(--gravityboard-spacing-xs) * -1);
	padding: var(--gravityboard-spacing-xs);
}

.checkboxWrapper-idHrn .checkbox-PDHqH {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	outline: none;
	-webkit-appearance: none;
	appearance: none;

	/* Keep it focusable but visually hidden */
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
}

.checkboxWrapper-idHrn .checkmark-YhUJg {
	position: relative;
	width: var(--gravityboard-font-size-md);
	height: var(--gravityboard-font-size-md);
	border:
		var(--gravityboard-border-width) solid
		var(--gravityboard-border-color);
	border-radius: var(--gravityboard-border-radius-xs);
	background: var(--gravityboard-white);
	transition: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.checkboxWrapper-idHrn .checkbox-PDHqH:checked + .checkboxLabel-cyjyx .checkmark-YhUJg {
	background: var(--gravityboard-primary-color) !important;
	border-color: var(--gravityboard-primary-color) !important;
	transition: none !important;
}

.checkboxWrapper-idHrn .checkmark-YhUJg::after {
	content: "";
	position: absolute;
	width: 5px;
	height: 9px;
	border: solid var(--gravityboard-white);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	margin-top: -1px;
	opacity: 0;
	transition: none !important;
}

.checkbox-PDHqH:checked + .checkboxLabel-cyjyx .checkmark-YhUJg::after {
	opacity: 1;
}

.checkbox-PDHqH:focus-visible + .checkboxLabel-cyjyx .checkmark-YhUJg {
	box-shadow: 0 0 0 2px var(--gravityboard-focus-ring-color);
	outline: 2px solid var(--gravityboard-primary-color);
	outline-offset: 2px;
}

.checkbox-PDHqH:disabled + .checkboxLabel-cyjyx .checkmark-YhUJg {
	opacity: 0.5;
	border-color: var(--gravityboard-text-color-disabled);
	background: var(--gravityboard-background-color-light);
	cursor: not-allowed;
}

.checkboxWrapper-idHrn .checkboxLabel-cyjyx:hover .checkmark-YhUJg {
	border-color: var(--gravityboard-primary-color);
}

.content-i0JoR {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: flex-start;
	padding:
		var(--gravityboard-spacing-sm) var(--gravityboard-spacing-xs)
		var(--gravityboard-spacing-xs);
	border-radius: var(--gravityboard-border-radius-md);
	gap: var(--gravityboard-spacing-sm);
}

.item-rbpVS .content-i0JoR.editable-v3xep:hover {
	background: var(--gravityboard-background-color-hover);
}

.item-rbpVS .content-i0JoR:focus-visible,
.item-rbpVS .label-j4ZlV:focus-visible {
	outline: 2px solid var(--gravityboard-primary-color);
	outline-offset: 1px;
	background: var(--gravityboard-background-color-hover);
}

.item-rbpVS .label-j4ZlV[role="button"] {
	cursor: pointer;
	border-radius: var(--gravityboard-border-radius-xs);
	transition: background-color 0.2s ease;
}

.item-rbpVS .label-j4ZlV[role="button"]:focus-visible {
	outline: 2px solid var(--gravityboard-primary-color);
	outline-offset: 1px;
	background: var(--gravityboard-background-color-hover);
}

.item-rbpVS .label-j4ZlV {
	display: block;
	font-size: var(--gravityboard-font-size-base);
	line-height: var(--gravityboard-line-height-base);
	color: var(--gravityboard-text-color);
	word-wrap: break-word;
	padding: 0 var(--gravityboard-spacing-xs);
	cursor: text;
	width: 100%;
	margin: 0;
	min-height: calc(var(--gravityboard-spacing-md) + var(--gravityboard-spacing-sm) + 2px);
}

.item-rbpVS .readonly-bcV5Y .label-j4ZlV {
	cursor: default;
}

.editContainer-CLzP7 {
	display: flex;
	flex-direction: column;
	gap: var(--gravityboard-spacing-sm);
	margin: 0 0 var(--gravityboard-spacing-sm) 0;
	width: 100%;
}

.editInput-Bghb_ {

	/* Component-specific styles only - base input styling comes from Input.module.css */
}

.editActions-FH5S8 {
	display: flex;
	gap: var(--gravityboard-spacing-sm);
	padding: 0 var(--gravityboard-spacing-xs);
}

/* Remove custom button styling since we're using the shared Button component */
.saveButton-juCAX,
.cancelButton-qP0EX {

	/* Layout styles only - let Button component handle appearance */
}

.deleteButton-_U_6Q {
	margin-top: calc(var(--gravityboard-spacing-xs) * -1); /* Fixes alignment issue with text in the label */
	opacity: 0;
	pointer-events: none;
	transition: none !important;
}

.item-rbpVS:hover .deleteButton-_U_6Q,
.item-rbpVS:focus-visible .deleteButton-_U_6Q,
.content-i0JoR:focus-visible .deleteButton-_U_6Q {
	opacity: 1;
	pointer-events: auto;
}

/* Keep delete button hidden during loading state to prevent layout shift */
.item-rbpVS.loading-JdOny .deleteButton-_U_6Q {
	opacity: 0 !important;
	pointer-events: none !important;
}

.deleteButton-_U_6Q:focus {
	opacity: 1;
	pointer-events: auto;
}

/* Ensure delete button is always accessible via keyboard navigation */
.deleteButton-_U_6Q:focus-visible {
	opacity: 1;
	pointer-events: auto;
}

.deleteIcon-KJxdw {
	width: var(--gravityboard-font-size-base);
	height: var(--gravityboard-font-size-base);
}

.checklist-EXxPX {
	border: none;
	border-radius: var(--gravityboard-border-radius-sm);
	background: none;
	padding: 0;
	margin: 0;
}

.titleIcon-kbwlP {
	width: var(--gravityboard-font-size-md);
	height: var(--gravityboard-font-size-md);
	color: var(--gravityboard-text-color-subtle);
	margin-right: var(--gravityboard-spacing-sm);
}

.progress-Oe6NU {
	margin: 0 var(--gravityboard-spacing-xs);
	font-size: var(--gravityboard-font-size-base);
	color: var(--gravityboard-text-color-subtle);
	font-weight: var(--gravityboard-font-weight-medium);
	background: var(--gravityboard-background-color-light);
	padding: var(--gravityboard-spacing-xxs) var(--gravityboard-spacing-xs);
	border-radius: var(--gravityboard-border-radius-xs);
}

.progressBar-qIkCQ {
	width: 100%;
	height: var(--gravityboard-spacing-xs);
	background: var(--gravityboard-background-color-light);
	border-radius: var(--gravityboard-spacing-xxs);
	overflow: hidden;
	margin: var(--gravityboard-spacing-sm) 0 var(--gravityboard-spacing-md) 0;
}

.progressFill-UyJCW {
	height: 100%;
	background: var(--gravityboard-success-color);
	border-radius: var(--gravityboard-spacing-xxs);
	transition: width 0.3s ease;
}

.error-_nObH {
	margin: var(--gravityboard-spacing-sm) var(--gravityboard-spacing-md);
	padding: var(--gravityboard-spacing-sm) var(--gravityboard-spacing-xs);
	background: var(--gravityboard-error-color-alpha-30);
	color: var(--gravityboard-error-text-color);
	border-radius: var(--gravityboard-border-radius-xs);
	font-size: var(--gravityboard-font-size-xs);
}

.items-vOTWi {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.newItem-qBHvp {
	padding: var(--gravityboard-spacing-sm) 0;
}

.newItemInput-C6Kl3 {

	/* Component-specific styles only - base input styling comes from Input.module.css */
	margin-bottom: var(--gravityboard-spacing-sm);
}

.newItemActions-huKBT {
	display: flex;
	gap: var(--gravityboard-spacing-sm);
	padding: 0 var(--gravityboard-spacing-xs);
}

.addButton-qnkp4 {
	margin: 0 var(--gravityboard-spacing-md) var(--gravityboard-spacing-sm);
}

.addItemButton-gyNo3 {
	margin: var(--gravityboard-spacing-sm) 0;
	width: -webkit-max-content;
	width: max-content;
}

.addIcon-fPfyn {
	width: var(--gravityboard-font-size-md);
	height: var(--gravityboard-font-size-md);
}

/* Screen reader only class */
.srOnly-qExr4 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Enhanced focus indicators for accessibility */
.addItemButton-gyNo3:focus-visible {
	outline: 2px solid var(--gravityboard-primary-color);
	outline-offset: 2px;
}

.newItemInput-C6Kl3:focus-visible {
	outline: 2px solid var(--gravityboard-primary-color);
	outline-offset: 1px;
	box-shadow: 0 0 0 3px var(--gravityboard-focus-ring-color);
}

.dropZone-uEYmI {
	height: var(--gravityboard-spacing-md);
}

.dropZoneOver-TFB42 {
	border-top: 2px solid var(--gravityboard-primary-color);
}

.header-Vp1re {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.completedItemsToggle-EJe5U {
	padding-top: 0 !important;
}

.m6zwb4v,.m6zwb4v:visited{background:#e6f3ff;border-radius:2px;color:#575f67;cursor:pointer;display:inline-block;padding-left:2px;padding-right:2px;-webkit-text-decoration:none;text-decoration:none}.m6zwb4v:focus,.m6zwb4v:hover{background:#edf5fd;color:#677584;outline:0}.m6zwb4v:active{background:#455261;color:#222}.mnw6qvm{background:#fff;border:1px solid #eee;border-radius:2px;box-shadow:0 4px 30px 0 #dcdcdc;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;max-width:440px;min-width:220px;padding-bottom:8px;padding-top:8px;position:absolute;transform:scale(0);z-index:2}.m1ymsnxd{opacity:0;transition:opacity .25s cubic-bezier(.3,1.2,.2,1)}.m126ak5t{opacity:1}.mtiwdxc{padding:7px 10px 3px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}.mtiwdxc:active{background-color:#cce7ff}.myz2dw1{background-color:#e6f3ff;padding:7px 10px 3px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}.myz2dw1:active{background-color:#cce7ff}.mpqdcgq{font-size:.9em;margin-bottom:.2em;margin-left:8px;max-width:368px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m1mfvffo,.mpqdcgq{display:inline-block}.m1mfvffo{border-radius:12px;height:24px;width:24px}
/* Mentions.module.css */
.public-DraftEditorPlaceholder-root {
	position: absolute;
	color: var(--gravityboard-text-color-placeholder, #5e6c84);
}

.editor-_us1Y {
	cursor: text;
	padding: var(--gravityboard-spacing-md, 12px);
	border: 1px solid transparent;
	border-radius: var(--gravityboard-border-radius-md, 8px);
	background-color: var(--gravityboard-background-color-white, #fff);
	box-shadow: var(--gravityboard-box-shadow-sm);
	margin-bottom: var(--gravityboard-spacing-md, 16px);
	line-height: var(--gravityboard-line-height-base, 1.4);
	position: relative;
}

.editor-_us1Y .public-DraftEditor-content {
	min-height: 5.6em;
}

.editor-_us1Y .public-DraftEditorPlaceholder-inner {
	-webkit-user-select: none;
	user-select: none;
}

.suggestionsList-VyyAJ {
	background-color: var(--gravityboard-background-color-white, white);
	border: 1px solid var(--gravityboard-border-color-light, #ddd); /* Subtle border */
	border-radius: var(--gravityboard-border-radius-md, 6px); /* Rounded corners for the list */
	font-size: var(--gravityboard-font-size-sm, 14px);
	max-height: 250px; /* Or as desired */
	overflow-y: auto;
	position: absolute;
	z-index: 1000;
	box-shadow: var(--gravityboard-box-shadow-lg); /* Softer, larger shadow */
	margin-top: var(--gravityboard-spacing-xs, 4px); /* Small space below the input field */
}

.suggestionsItem-AJq7c {
	padding: 0; /* We will control padding in custom render */

	/* border-bottom: 1px solid #eee; Removed, will handle with custom render if needed */
}

.suggestionsItemFocused-PjR0B {
	background-color: var(--gravityboard-background-color-hover-light, #f0f0f0);
}

.mentions_mention-DncrM {
	background-color: var(--gravityboard-primary-color-dark, #0079bf);
	color: var(--gravityboard-text-color-on-primary, white);
	padding: 0.1em 0.7em;
	border-radius: 0.7em;
	font-weight: var(--gravityboard-font-weight-semibold, 600);
	line-height: 1.2;
	display: inline-block;
	font-size: 1em;
}

/* Custom styles for rendered suggestion item */
.suggestion_item-Bqpcq {
	display: flex;
	align-items: center;
	padding: var(--gravityboard-spacing-sm) var(--gravityboard-spacing-md);
	cursor: pointer;
}

.suggestion_avatar-G2GNp {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: var(--gravityboard-spacing-sm, 10px);
	object-fit: cover;
}

.suggestion_text_container-nSrp6 {
	display: flex;
	flex-direction: column;
}

.suggestion_display_name-tZ21A {
	font-weight: var(--gravityboard-font-weight-semibold, 600);
	color: var(--gravityboard-text-color-default, #172b4d); /* Trello-like dark text */
}

.suggestion_username-CnCt0 {
	font-size: 0.85em;
	color: var(--gravityboard-text-color-subtle, #5e6c84); /* Trello-like secondary text */
}

/* NoteItem.module.css */
.noteItem-vBVde {
	display: flex;
	row-gap: var(--gravityboard-spacing-md, 16px);
	column-gap: var(--gravityboard-spacing-sm, 8px);
}

.noteItemEditing-foKNx {

	/* Styles for when the note item is in editing mode, if any specific wrapper style is needed */

	/* Example: box-shadow: 0 0 5px var(--gravityboard-primary-color); */
}

.avatar-nr6Ir {
	flex-shrink: 0;
}

.avatarEmpty-zpcyf {
	display: none;
}

.avatar-nr6Ir img {
	width: var(--gravityboard-avatar-size-sm, 32px); /* Assuming 32px is small avatar */
	height: var(--gravityboard-avatar-size-sm, 32px);
	border-radius: 50%;
	display: block;
}

.content-WYTuv {
	flex-grow: 1;
	min-width: 0; /* To prevent overflow issues with long text */
}

.header-IOzbw {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--gravityboard-spacing-xs, 4px);
}

.user-ij8EX {
	font-weight: var(--gravityboard-font-weight-semibold, 600);
	color: var(--gravityboard-text-color-default, #172b4d);
	margin-right: var(--gravityboard-spacing-sm, 8px);
	font-size: var(--gravityboard-font-size-base, 14px);
}

.date-r5w68 {
	color: var(--gravityboard-text-color-subtle, #5e6c84);
	font-size: var(--gravityboard-font-size-sm, 13px);
}

.text-pqdDH {
	margin-top: var(--gravityboard-spacing-xs, 4px);
	font-size: var(--gravityboard-font-size-base, 14px);
	line-height: 1.4;
	color: var(--gravityboard-text-color-default, #172b4d);
	min-height: 1.5em;
	padding:
		var(--gravityboard-spacing-sm, 8px)
		var(--gravityboard-spacing-md, 1em); /* 1em was 16px approx if font is 16px */
	background-color: var(--gravityboard-background-color-white, #fff);
	text-overflow: ellipsis;
	vertical-align: top;
	box-shadow: var(--gravityboard-box-shadow-sm); /* e.g. 0px 1px 1px #091e4240, 0px 0px 1px #091e424f */
	border-radius: var(--gravityboard-border-radius-md, 8px);
	word-wrap: break-word; /* Ensure long words break */
	overflow-wrap: break-word; /* Ensure long words break */
}

.text-pqdDH p {
	margin: 0 0 0.5em 0;
}

.text-pqdDH p:last-child {
	margin-bottom: 0;
}

.text-pqdDH .gk-gravityboard-mention {
	background-color: var(--gravityboard-mention-background-color, #e0f2ff);
	color: var(--gravityboard-mention-text-color, #0052cc);
	padding: 0.15em 0.3em;
	border-radius: var(--gravityboard-border-radius-xs, 3px);
	font-weight: var(--gravityboard-font-weight-semibold, 600);
}

.itemActions-Rwf6C {
	margin-top: var(--gravityboard-spacing-sm, 8px);
	font-size: var(--gravityboard-font-size-xs, 12px);
}

.noteItem-vBVde .actionLink-WofOb {
	background: none !important;
	border: none;
	color: var(--gravityboard-link-color, #0a4b78);
	cursor: pointer;
	padding: 0;
	text-decoration: none;
	margin: 0 var(--gravityboard-spacing-xs, 4px);
	box-shadow: none;
	font-size: var(--gravityboard-font-size-base, 14px);
}

.noteItem-vBVde .actionLink-WofOb:hover {
	text-decoration: underline;
	color: var(--gravityboard-link-color-hover, #005a87);
}

.noteItem-vBVde .actionLink-WofOb:disabled {
	color: var(--gravityboard-text-color-disabled, #a0a5aa);
	cursor: not-allowed;
	text-decoration: none;
}

.noteItem-vBVde .actionSeparator-QMJ_5 {
	color: var(--gravityboard-text-color-subtle, #5e6c84);
	margin: 0 var(--gravityboard-spacing-xxs, 2px);
}

.editForm-Ei5cR {
	margin-top: var(--gravityboard-spacing-xs, 4px);
}

/* Edit actions for save/cancel buttons. Buttons themselves use WP global .button classes */
.editActions-CfmMS {
	display: flex;
	gap: var(--gravityboard-spacing-sm, 8px);
	margin-top: var(--gravityboard-spacing-sm, 8px); /* Added margin-top for consistency */

	/* margin-bottom: var(--gravityboard-spacing-sm, 8px); from original .gk-note-edit-actions - already handled by gap? */
}

.errorMessage-URzMo {
	color: var(--gravityboard-error-color, #de350b);
	font-size: var(--gravityboard-font-size-xs, 12px);
	margin-top: var(--gravityboard-spacing-xs, 4px);
}

.editorError-lin4C {
	color: var(--gravityboard-error-color, #de350b);
	font-size: var(--gravityboard-font-size-sm, 13px);
	padding: var(--gravityboard-spacing-md, 16px);
	background-color: var(--gravityboard-error-background-color, #ffebe6);
	border: 1px solid var(--gravityboard-error-border-color, #de350b);
	border-radius: var(--gravityboard-border-radius-md, 8px);
	text-align: center;
}

/* Activity Label */
.activityLabel-Auiqc {
	display: inline-flex;
	align-items: center;
	font-size: var(--gravityboard-font-size-lg);
	font-weight: var(--gravityboard-font-weight-bold);
	margin-bottom: var(--gravityboard-spacing-xs, 4px);
	color: var(--gravityboard-text-color-heading, #333);
	gap: var(--gravityboard-spacing-xxs, 2px);
}

.activityLabel-Auiqc svg {
	margin-right: var(--gravityboard-spacing-xs, 4px);
}

.clickableLabel-V4WSQ {
	cursor: pointer;
}

/* Add Note Form */
.addNoteForm-QHjIH {
	margin-bottom: var(--gravityboard-spacing-md, 16px);
	position: relative;
	font-size: var(--gravityboard-font-size-md);
}

.addNoteButton-EE670 {
	margin-top: 0.75rem;
}

/* Notes List */
.notesList-i32kf {
	display: flex;
	flex-direction: column;
	gap: var(--gravityboard-spacing-md, 16px);
}

/* Placeholder and Messages */
.noItemsPlaceholder-cuWIa {
	color: var(--gravityboard-text-color-light, #6b778c);
	font-style: italic;
	font-size: var(--gravityboard-font-size-sm, 12px);
	text-align: center;
	padding: var(--gravityboard-spacing-unit);
}

.gkNoNotesMessage-BrIUo {
	margin: 0.5rem 0;
}

.loadingMessage-aS5a7 {
	color: var(--gravityboard-text-color-light, #6b778c);
	font-style: italic;
	font-size: var(--gravityboard-font-size-sm, 12px);
	text-align: center;
	padding: var(--gravityboard-spacing-unit);
	margin: 0;
}

.errorMessage-NDiW6 {
	color: var(--gravityboard-error-text-color, #d63638);
	font-size: var(--gravityboard-font-size-sm, 13px);
	margin-top: var(--gravityboard-spacing-xs, 4px);
	margin-bottom: 0;
	display: block;
}

/* Editor Styles */
.editor-d2wTc {
	background-color: var(--gk-white);
	border: 1px solid var(--gk-gray-300);
	border-radius: 0.375rem;
	min-height: 80px;
	padding: 0.75rem;
	transition: border-color 0.2s ease;
}

.editor-d2wTc:hover {
	border-color: var(--gk-gray-400);
}

.editor-d2wTc:focus-within {
	border-color: var(--gk-primary-500);
	box-shadow: 0 0 0 3px rgba(var(--gk-primary-rgb), 0.1);
	outline: none;
}

/* LaneForm.module.css */
.laneForm-rnVAl {

	/* Add any specific styles for the lane form container itself */

	/* For example, padding or a border if it's visually distinct */
	padding: var(--gravityboard-spacing-md, 16px);
}

/* Styling for .form-group, .form-control, .has-error, .error-message */

/* is currently handled by KanbanBoard.module.css or a future global stylesheet. */

/* If LaneForm needs unique versions of these, they can be defined here */

/* and LaneForm.js would need to import both this module and the global one, */

/* or these definitions would need to be more specific. */

.helpHeader-RDr6R {
	text-align: center;
	padding-bottom: var(--gravityboard-spacing-xl);
}

.helpHeader-RDr6R h2 {
	margin: 0 0 var(--gravityboard-spacing-md) 0;
	font-size: var(--gravityboard-font-size-xl);
	font-weight: 600;
	color: var(--gravityboard-text-color-default);
}

.helpDescription-qKNHw {
	margin: 0;
	color: var(--gravityboard-text-color-placeholder);
	font-size: var(--gravityboard-font-size-md);
}

.shortcutGroups-UN4y1 {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.shortcutGroup-qt4zK {

	/* Empty */
}

.groupTitle-ZSJa_ {
	margin: 0 0 1rem 0;
	font-size: var(--gravityboard-font-size-lg);
	font-weight: 600;
	color: var(--gravityboard-text-color-heading);
	border-bottom: none;
	padding-bottom: 0.5rem;
	display: block;
}

.shortcutList-HyFin {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.shortcutItem-k6inU {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--gravityboard-spacing-md);
	background: var(--gravityboard-background-color-light);
	border-radius: var(--gravityboard-border-radius-md);
	border: 1px solid var(--gravityboard-border-color-light);
}

.shortcutKeys-AS97V {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	font-weight: 500;
}

.key-oZEOB {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	background: var(--gravityboard-background-color-light);
	border: 1px solid var(--gravityboard-border-color-light);
	border-radius: 4px;
	font-family:
		ui-monospace,
		SFMono-Regular,
		"SF Mono",
		Consolas,
		"Liberation Mono",
		Menlo,
		monospace;
	font-size: var(--gravityboard-font-size-md);
	font-weight: 600;
	color: var(--gravityboard-text-color-default);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	box-shadow: var(--gravityboard-box-shadow-sm);
	min-width: 1.5rem;
	text-align: center;
	position: relative;
}

.key-oZEOB::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: 50%;
	background: linear-gradient(180deg, var(--gravityboard-background-color-light-overlay-subtle) 0%, var(--gravityboard-background-color-light-overlay-subtle) 100%);
	border-radius: 3px 3px 0 0;
	pointer-events: none;
}

.keyConnector-uxwuF {
	color: #9ca3af;
	font-size: 0.8rem;
	font-weight: 400;
	margin: 0 0.25rem;
}

.shortcutDescription-rxgC6 {
	color: var(--gravityboard-text-color-default);
	font-size: 0.9rem;
	flex: 1;
	text-align: right;
	padding-left: 1rem;
}

.helpFooter-btgxU {
	padding: var(--gravityboard-spacing-lg);
	text-align: center;
}

.helpNote-hhtsC {
	margin: 0;
	color: var(--gravityboard-text-color-placeholder);
	font-size: var(--gravityboard-font-size-sm);
	font-style: italic;
	line-height: 1.4;
}

/* Mobile responsiveness */
@media (max-width: 640px) {

	.helpContent-GQbfD {
		max-width: 100%;
	}

	.shortcutItem-k6inU {
		flex-direction: column;
		align-items: stretch;
		gap: 0.5rem;
		text-align: center;
	}

	.shortcutKeys-AS97V {
		justify-content: center;
	}

	.shortcutDescription-rxgC6 {
		text-align: center;
		padding-left: 0;
	}

	.helpHeader-RDr6R {
		padding-bottom: 1rem;
		margin-bottom: 1.5rem;
	}

	.shortcutGroups-UN4y1 {
		gap: 1.5rem;
	}
}

/**
 * Styles for the FilterButton component.
 *
 * TODO: Migrate existing global styles for FilterButton elements here.
 */

/* Specific styles for the main filter button, originally from .filter-button in KanbanBoard.css */
.filterButton-L7xLU {
	background-color: var(--gravityboard-background-color-medium-gray, #f0f0f0)!important;
	gap: var(--gravityboard-spacing-xs)!important;
	border: 1px solid var(--gravityboard-border-color)!important;
	transition:
		background-color var(--gravityboard-transition-duration-fast),
		border-color var(--gravityboard-transition-duration-fast)!important;
}

.filterButton-L7xLU:focus,
.filterButton-L7xLU:hover {
	background-color: var(--gravityboard-background-color-white)!important;
	border-color: var(--gravityboard-border-color)!important;
	color: var(--gravityboard-text-color-dark)!important;
	box-shadow: none;
}

.filterButton-L7xLU:focus {
	outline: 1px solid var(--gravityboard-focus-ring-color)!important;
	outline-offset: -2px!important;
	box-shadow: 0 0 0 2px var(--gravityboard-focus-ring-color)!important;
}

.filterButton-L7xLU.active-IJvHX {
	background-color: #e1efff!important; /* Consider var(--gravityboard-primary-background-hover) or similar */
	border-color: #7eabf4; /* Consider var(--gravityboard-primary-border-hover) or similar */
	color: #0a4b78; /* Consider var(--gravityboard-primary-text-hover) or similar */
}

.filterButton-L7xLU.active-IJvHX:hover {
	background-color: #cde2ff;
	border-color: var(--gravityboard-focus-ring-color);
}

/* SVG specific to filterButton */
.filterButton-L7xLU svg {
	fill: currentcolor;
}

/* Styles for the filter button when it has a clear button next to it */

/* Originally from .gk-gravityboard-filter-button.has-clear-button in FilterPopover.css */
.filterButton-L7xLU.hasClearButton-zfFz8 {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	margin-right: 0!important;
}

/* Styles for the text span inside the filter button */
.filterButton-L7xLU .filterButtonText-TlaRN {
}

/* Styles for the count pill, originally from .gk-gravityboard-filter-button .gk-gravityboard-filter-count-pill in FilterPopover.css */
.filterButton-L7xLU .filterCountPill-FF7Xj {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	margin-left: var(--gravityboard-spacing-sm);
	font-size: var(--gravityboard-font-size-sm); /* Adjusted to sm based on original 12px */
	font-weight: 600;
	line-height: 1;
	color: var(--gravityboard-white);
	background-color: var(--gravityboard-primary-color); /* WordPress blue */
	border-radius: 10px;
	box-sizing: border-box;
}

/* Styles for the clear button */

.clearButton-dnfZP {

	/* Specifics for clear button */
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	margin-left: 0!important;
	border-left: 0!important;
}


/* Styles for the wrapper div, originally from .gk-gravityboard-filter-button-group in FilterPopover.css */
.filterButtonGroup-NNwTN {
	display: flex;
	align-items: stretch;
}
/* GravityBoard/gravityboard-app/src/components/FilterPopover.css */

/* Popover shell styles are assumed to be handled by a shared Popover.module.css if this component is wrapped by a generic Popover component that applies those. Styles here are specific to the filter content. */

.filterSection-CcRT0 {
	margin-bottom: var(--gravityboard-spacing-md, 16px);
}

.filterSection-CcRT0:last-child {
	margin-bottom: 0;
}

.filterLabel-blikH {
	display: block;
	font-weight: var(--gravityboard-font-weight-semibold, 600);
	margin-bottom: var(--gravityboard-spacing-sm, 8px);
	color: var(--gravityboard-text-color-subtle, #5e6c84);
}

input[type].filterInput-jHroj,
.filterInput-jHroj {
	width: 100%;
	padding:
		var(--gravityboard-spacing-sm, 8px)
		var(--gravityboard-spacing-md, 12px);
	border: 1px solid var(--gravityboard-border-color, #ccc);
	border-radius: var(--gravityboard-border-radius-md, 3px);
	box-sizing: border-box;
	margin-bottom: var(--gravityboard-spacing-xs, 4px);
	background-color: var(--gravityboard-background-color-light, #fafbfc);
	font-size: var(--gravityboard-font-size-base, 14px) !important;
}

input[type].filterInput-jHroj:focus,
.filterInput-jHroj:focus {
	border-color: var(--gravityboard-focus-ring-color, #4c9aff);
	box-shadow: 0 0 0 1px var(--gravityboard-focus-ring-color, #4c9aff);
	outline: none;
	background-color: var(--gravityboard-background-color-white, #fff);
}

.filterDescription-PGEdR {
	font-size: var(--gravityboard-font-size-xs, 12px);
	color: var(--gravityboard-text-color-light, #6b778c);
	margin: var(--gravityboard-spacing-xs, 4px) 0 0 0;
	padding: 0 !important;
}

.filterCheckboxList-BWPEe {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
}

.filterCheckboxList-BWPEe li {
	display: flex;
	padding: 0 !important;
	margin: 0 !important;
}

.filterCheckboxList-BWPEe li:last-child {
	margin-bottom: 0;
}

.filterCheckboxList-BWPEe label {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-weight: var(--gravityboard-font-weight-normal, normal);
	color: var(--gravityboard-text-color-default, #172b4d);
	min-height: 24px;
	width: 100%;
	padding:
		var(--gravityboard-spacing-sm, 8px)
		var(--gravityboard-spacing-sm, 8px);
	border-radius: var(--gravityboard-border-radius-xs, 3px);
	transition: background-color 0.1s ease;
	box-sizing: border-box;
	font-size: var(--gravityboard-font-size-base, 14px);
}

.filterCheckboxList-BWPEe label:has(input[type="checkbox"]:focus-within),
.filterCheckboxList-BWPEe label:hover {
	background-color: var(--gravityboard-background-color-hover, rgba(9, 30, 66, 0.04));
}

.filterCheckboxList-BWPEe input[type="checkbox"] {
	cursor: pointer;
	accent-color: var(--gravityboard-primary-color, #0073aa);
	width: var(--gravityboard-spacing-lg, 16px);
	height: var(--gravityboard-spacing-lg, 16px);
	flex-shrink: 0;
	margin: 0;
	padding: 0;
}

/* Fixes checkbox display in WP admin, due to forms.css */
.filterCheckboxList-BWPEe input[type="checkbox"]:checked::before {
	width: var(--gravityboard-spacing-lg, 16px);
	height: var(--gravityboard-spacing-lg, 16px);
	margin: 0 0 0 -0.1rem;
}

.assignee-PzC0Q {
	display: block;
	margin-right: var(--gravityboard-spacing-xs, 4px);
}

/* Avatar within the filter list label */
.assigneeAvatar-TJRfz {
	margin-left: var(--gravityboard-spacing-xxs, 2px);
	margin-right: var(--gravityboard-spacing-xs, 6px);
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: var(--gravityboard-spacing-xs, 4px);
}

.assigneeName-Ytomg {

	/* This class is also in AssigneeSelectorPopover.module.css, consider if it should be shared or specific */

	/* For now, assuming it's okay to have similar definitions if visual consistency is desired */
}

.dueDateText-k04mC {
}

/* Base style for Due Date Filter Icons */
.filterDueDateIcon-XFGma {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-left: var(--gravityboard-spacing-xxs, 2px);
	margin-right: var(--gravityboard-spacing-xs, 6px);
	border-radius: 50%;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: calc(var(--gravityboard-avatar-size-sm, 24px) / 2);
	vertical-align: middle;
}

/* Specific Due Date Icons variants */
.filterDueDateIconNoDates-feGc7 {
	background-color: var(--gravityboard-neutral-color-light, #dfe1e6);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27var%28--gravityboard-icon-color-dark, %2342526E%29%27 width=%2712px%27 height=%2712px%27%3E%3Cpath d=%27M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z%27/%3E%3C/svg%3E");
}

.filterDueDateIconOverdue-kDfKM {
	background-color: var(--gravityboard-error-color, #de350b);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27white%27 width=%2712px%27 height=%2712px%27%3E%3Cpath d=%27M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z%27/%3E%3C/svg%3E");
}

.filterDueDateIconDueSoon-p9JEj {
	background-color: var(--gravityboard-warning-color, #ffab00);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27white%27 width=%2712px%27 height=%2712px%27%3E%3Cpath d=%27M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z%27/%3E%3C/svg%3E");
}

.filterDueDateIconDueLater-mJe4b {
	background-color: var(--gravityboard-neutral-color-light, #dfe1e6);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%2342526E%27 width=%2712px%27 height=%2712px%27%3E%3Cpath d=%27M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z%27/%3E%3C/svg%3E"); /* Darker icon for light background */
}

/* Placeholder for label color square */
.labelColorPlaceholder-NqrGH {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: var(--gravityboard-border-color-light, #eee);
	border-radius: var(--gravityboard-border-radius-sm, 3px);
	margin-right: var(--gravityboard-spacing-sm, 8px);
	vertical-align: middle;
}

/* General class for icons in the filter checkbox list */
.filterCheckboxIcon-iZtHa {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: var(--gravityboard-spacing-sm, 8px);
}

/* Base style for Checklist Filter Icons */
.filterChecklistIcon-ZAZzP {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-left: var(--gravityboard-spacing-xxs, 2px);
	margin-right: var(--gravityboard-spacing-xs, 6px);
	border-radius: 50%;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: calc(var(--gravityboard-avatar-size-sm, 24px) / 2);
	vertical-align: middle;
}

/* Specific Checklist Icons variants */
.filterChecklistIconNone-N_ozW {
	background-color: var(--gravityboard-neutral-color-light, #dfe1e6);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27var%28--gravityboard-icon-color-dark, %2342526E%29%27 width=%2712px%27 height=%2712px%27%3E%3Cpath d=%27M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z%27/%3E%3C/svg%3E");
}

.filterChecklistIconIncomplete-mZMRT {
	background-color: var(--gravityboard-warning-color, #ffab00);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27white%27 width=%2712px%27 height=%2712px%27%3E%3Cpath d=%27M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z%27/%3E%3C/svg%3E");
}

.filterChecklistIconComplete-XlMK1 {
	background-color: var(--gravityboard-success-color, #36b37e);
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27white%27 width=%2712px%27 height=%2712px%27%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27/%3E%3C/svg%3E");
}

.checklistText-sZbVb {

	/* Styling for checklist filter option text */
}

/* KanbanBoard.module.css */

/* Skip link for accessibility */
.skipLink-K7Zau {
	position: absolute;
	top: -1000em; /* WordPress standard - more reliable than px values */
	left: var(--gravityboard-spacing-unit, 8px);
	height: auto;
	width: auto;
	display: block;
	font-size: var(--gravityboard-font-size-base, 14px);
	font-weight: var(--gravityboard-font-weight-semibold, 600);
	padding: var(--gravityboard-spacing-md, 16px) var(--gravityboard-spacing-lg, 24px);
	background: var(--gravityboard-primary-color, #0073aa) !important; /* Use theme-friendly primary color instead of hardcoded #f0f0f1 */
	color: var(--gravityboard-text-color-on-primary, #fff) !important; /* Use theme-friendly text color instead of hardcoded #2271b1 */
	text-decoration: none;
	border-radius: var(--gravityboard-border-radius-md, 6px);
	z-index: 100000;
	line-height: normal;
	transition: all 0.2s ease-in-out; /* Smooth transition for all properties */
	box-shadow: var(--gravityboard-box-shadow-md, 0 2px 8px rgba(0, 0, 0, 0.2)); /* Add subtle shadow for better visibility */
	border: var(--gravityboard-border-width, 1px) solid transparent; /* Prepare for focus styling */
}

.skipLink-K7Zau:focus,
.skipLinkVisible-jQ061 {
	top: var(--gravityboard-spacing-unit, 8px); /* Bring back to visible position */
	outline: var(--gravityboard-border-width, 1px) solid var(--gravityboard-focus-ring-color, #4c9aff);
	outline-offset: var(--gravityboard-spacing-unit, 8px);
}

/* Ensure skip link is always above other content in fullscreen mode */
.gravityboardContainer-TFkd5.isFullscreen-GcqEd .skipLink-K7Zau {
	position: fixed; /* Use fixed positioning in fullscreen to prevent layout issues */
	top: -1000em; /* Keep offscreen when not focused */
	left: var(--gravityboard-spacing-md, 16px); /* Slightly more margin in fullscreen */
	z-index: 1000000; /* Higher z-index for fullscreen */
}

.gravityboardContainer-TFkd5.isFullscreen-GcqEd .skipLink-K7Zau:focus,
.gravityboardContainer-TFkd5.isFullscreen-GcqEd .skipLinkVisible-jQ061 {
	top: var(--gravityboard-spacing-md, 16px); /* Show with more margin in fullscreen */
}

/* Screen reader only class for live regions */
.srOnly-xDF7r {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* --- Smooth DND Specific Dragging Styles --- */

.is-dragging .smooth-dnd-container.vertical > .smooth-dnd-draggable-wrapper {
	cursor: grabbing !important;
}

/* Apply to the card itself when it's being dragged - assuming .card is globally styled or part of Card.module.css */

/* If Card.js uses Card.module.css, this rule might be better there or be more specific if .card is also a global class */
.isDragging-noqgH .lane-f0YPQ {
	display: none !important;
}

.smooth-dnd-ghost {
	height: 400px !important;
	width: 272px !important;
	cursor: grabbing !important;
	opacity: 0.9 !important;
	position: fixed !important;
	transform: none !important;
	z-index: 99999;
	box-shadow: none !important;
	background-color: transparent !important;
}

.smooth-dnd-container.vertical > .smooth-dnd-draggable-wrapper {
	overflow: visible !important;
}

/* Styles for the main Kanban board container and its states */
.gravityboardContainer-TFkd5 {
	min-height: 500px;
	width: 100%;
	position: relative;
	display: block;
	transition: all 0.15s ease;
	overflow-x: hidden; /* Hide the "skip to board" link */
	outline: none; /* Remove default focus outline */
	font-size: var(--gravityboard-font-size-base);
	color: var(--gravityboard-text-color-default, #333);
}

.gravityboardContainer-TFkd5,
.gravityboardContainer-TFkd5 * {
	font-family: var(--gravityboard-font-family-sans-serif);
	text-transform: none;
}

/* Provide clear focus indication for keyboard users */
.gravityboardContainer-TFkd5:focus-visible {
	outline: 2px solid var(--gravityboard-focus-color, #0073aa);
	outline-offset: 2px;
	border-radius: var(--gravityboard-border-radius-xs, 3px);
}

.gravityboardContainer-TFkd5.isFullscreen-GcqEd {

	/* Applied when fullscreen mode is active */

	/* Note: body.gravityboard-fullscreen styles should be handled globally or via JS body class toggling */

	/* For module purposes, we assume the container itself gets the .isFullscreen class */
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	z-index: 999999;
	background-color: var(--gravityboard-background-color-light, #f1f2f4);
	max-width: 100%;
}

.gravityboardContainer-TFkd5.isFullscreen-GcqEd .boardContainerMain-GAF8c {
	height: calc(100vh - var(--gravityboard-spacing-xxl, 50px)); /* Assuming 50px is header height */
	border-radius: 0;
}

.gravityboardContainer-TFkd5 button,
.gravityboardContainer-TFkd5 button:hover,
.gravityboardContainer-TFkd5 button:active {
	box-shadow: none;
}

/* Styles specific to the fullscreen toggle button */
.fullscreenToggleButton-CHoOw {
}

.fullscreenToggleText-JmWc6 {

	/* Styles for the text within the fullscreen toggle button */

	/* For example, if you want to hide it on small screens or change font */
}

.boardHeader-qmZxo {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--gravityboard-spacing-unit, 8px) 0;
}

.gravityboardContainer-TFkd5.isFullscreen-GcqEd .boardHeader-qmZxo {
	padding:
		var(--gravityboard-spacing-unit, 8px)
		var(--gravityboard-spacing-md, 16px);
}

.boardTitle-j0Kip {
	font-size: var(--gravityboard-font-size-lg, 18px) !important;
	font-weight: var(--gravityboard-font-weight-semibold, 600) !important;
	color: var(--gravityboard-text-color-dark, #333) !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

.gravityboardError-bHHJ3 {

	/* Styles for the error message when no feed ID is provided */
	padding: var(--gravityboard-spacing-xxl, 50px);
	text-align: center;
	color: var(--gravityboard-error-color, #ae2a19);
	font-size: var(--gravityboard-font-size-md, 16px);
	background-color: var(--gravityboard-error-color-subtle, #ffebee);
	border: 1px solid var(--gravityboard-error-color, #ae2a19);
	border-radius: var(--gravityboard-border-radius-md, 4px);
}

.gravityboardLoading-pRqjj {
	text-align: center;
	padding: var(--gravityboard-spacing-xxl, 50px);
	color: var(--gravityboard-text-color-default, #666);
	font-size: var(--gravityboard-font-size-md, 16px);
}

.boardContainerMain-GAF8c {
	display: flex;
	flex: 1;
	overflow-x: auto;
	padding:
		var(--gravityboard-spacing-lg, 20px)
		var(--gravityboard-spacing-sm, 10px)
		var(--gravityboard-spacing-lg, 24px)
		var(--gravityboard-spacing-sm, 10px);
	min-height: var(--gravityboard-min-height, 400px);
	height: var(--gravityboard-height, 400px);
	border-radius: var(--gravityboard-border-radius-lg, 8px);
	transition: all 0.15s ease;
	background-image: var(--gravityboard-board-background-image);
	background-color: var(--gravityboard-board-background-color);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.boardContainerMain-GAF8c.isFullscreen-GcqEd {
	max-height: calc(100% - var(--gravityboard-spacing-lg, 24px) * 2); /* gravityboardContainer padding */
}

.gravityboardContainer-TFkd5.isFullscreen-GcqEd .boardContainerMain-GAF8c {
	height: 100vh;
	border-radius: 0;
}

.smooth-dnd-container {
	display: flex;
	flex-direction: column;
}

.smooth-dnd-container.horizontal {
	display: flex;
	flex-direction: row;
}

.smooth-dnd-container.horizontal > .smooth-dnd-draggable-wrapper,
.smooth-dnd-container {
	max-height: 100%;
}

.gravityboardContainer-TFkd5.isFullscreen-GcqEd
.smooth-dnd-container.horizontal > .smooth-dnd-draggable-wrapper,
.gravityboardContainer-TFkd5.isFullscreen-GcqEd .smooth-dnd-container {
	max-height: calc(100% - var(--gravityboard-spacing-lg, 24px) * 2); /* gravityboardContainer padding */
}

/* Responsive adjustments */
@media (max-width: 768px) {

	.boardContainerMain-GAF8c {
		padding:
			var(--gravityboard-spacing-sm, 10px)
			var(--gravityboard-spacing-xs, 5px)
			var(--gravityboard-spacing-lg, 20px)
			var(--gravityboard-spacing-xs, 5px);
	}
}

/* Styles for the board header actions (filter, fullscreen buttons) */
.boardHeaderActions-KuylA {
	display: flex;
	align-items: center;
	gap: var(--gravityboard-spacing-sm, 8px);
}

/* High contrast mode support for skip links */
@media (prefers-contrast: high) {
	/* Enhanced skip link visibility in high contrast mode */
	.skipLink-K7Zau {
		background: #000 !important;
		color: #fff !important;
		border: 3px solid #fff !important;
	}

	.skipLink-K7Zau:focus,
	.skipLinkVisible-jQ061 {
		background: #fff !important;
		color: #000 !important;
		border: 3px solid #000 !important;
		outline: 3px solid #000 !important;
	}

	.gravityboardContainer-TFkd5.isFullscreen-GcqEd .skipLink-K7Zau {
		background: #000 !important;
		color: #fff !important;
		border: 3px solid #fff !important;
	}

	.gravityboardContainer-TFkd5.isFullscreen-GcqEd .skipLink-K7Zau:focus,
	.gravityboardContainer-TFkd5.isFullscreen-GcqEd .skipLinkVisible-jQ061 {
		background: #fff !important;
		color: #000 !important;
		border: 3px solid #000 !important;
		outline: 3px solid #000 !important;
	}
}

:root{--gravityboard-min-height:400px;--gravityboard-height:400px;--gravityboard-lane-width:272px;--gravityboard-primary-color:#0073aa;--gravityboard-secondary-color:#d54e21;--gravityboard-accent-color:#0079bf;--gravityboard-text-color:#3c434a;--gravityboard-text-color-light:#50575e;--gravityboard-border-color:#ccd0d4;--gravityboard-background-color:#0079bf;--gravityboard-background-color-light-gray:#f1f2f4;--gravityboard-white:#fff;--gravityboard-black:#000;--gravityboard-success-color:#4ab866;--gravityboard-warning-color:#a46c1b;--gravityboard-error-color:#a13a37;--gravityboard-error-color-alpha-30:#d636384d;--gravityboard-board-background-image:none;--gravityboard-board-background-color:var(--gravityboard-background-color);--gravityboard-error-text-color:#dc3232;--gravityboard-error-border-color:#d63638;--gravityboard-error-placeholder-color:#8e5d5e;--gravityboard-background-color-white:#fff;--gravityboard-background-color-light:#fafbfc;--gravityboard-background-color-medium-gray:#f0f0f0;--gravityboard-background-color-hover:#091e420a;--gravityboard-background-color-hover-light:#091e420a;--gravityboard-background-color-hover-dark:#0000001a;--gravityboard-background-color-active-light:#091e4221;--gravityboard-background-color-active-dark:#091e424f;--gravityboard-background-color-overlay:#06152f99;--gravityboard-background-color-light-overlay:#fff6;--gravityboard-background-color-light-overlay-subtle:#fff3;--gravityboard-background-color-dark-overlay:#0000001a;--gravityboard-text-color-default:#172b4d;--gravityboard-text-color-dark:#333;--gravityboard-text-color-heading:#172b4d;--gravityboard-text-color-subtle:#5e6c84;--gravityboard-text-color-placeholder:#5e6c84;--gravityboard-text-color-disabled:#a0a5aa;--gravityboard-text-color-on-primary:#fff;--gravityboard-primary-color-dark:#0079bf;--gravityboard-border-color-light:#dfe1e6;--gravityboard-border-color-form-control:#0000;--gravityboard-link-color:#0a4b78;--gravityboard-link-color-hover:#005a87;--gravityboard-danger-color:#ae2a19;--gravityboard-danger-background-color-hover:#fff0f0;--gravityboard-danger-background-color-active:#ffe0e0;--gravityboard-focus-ring-color:#4c9aff;--gravityboard-icon-color-default:#626f86;--gravityboard-icon-color-hover:#44546f;--gravityboard-icon-color-dark:#42526e;--gravityboard-neutral-color-light:#dfe1e6;--gravityboard-mention-background-color:#e0f2ff;--gravityboard-mention-text-color:#0052cc;--gravityboard-font-family-sans-serif:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif;--gravityboard-font-family-serif:"Noto Serif",serif;--gravityboard-font-size-base:14px;--gravityboard-font-size-sm:13px;--gravityboard-font-size-lg:16px;--gravityboard-font-size-xs:12px;--gravityboard-font-size-md:16px;--gravityboard-font-size-xl:20px;--gravityboard-font-weight-normal:400;--gravityboard-font-weight-medium:500;--gravityboard-font-weight-semibold:600;--gravityboard-font-weight-bold:700;--gravityboard-line-height-base:1.5;--gravityboard-line-height-form-control:1.5;--gravityboard-spacing-unit:8px;--gravityboard-spacing-xs:calc(var(--gravityboard-spacing-unit)*0.5);--gravityboard-spacing-sm:var(--gravityboard-spacing-unit);--gravityboard-spacing-md:calc(var(--gravityboard-spacing-unit)*2);--gravityboard-spacing-lg:calc(var(--gravityboard-spacing-unit)*3);--gravityboard-spacing-xl:calc(var(--gravityboard-spacing-unit)*4);--gravityboard-spacing-xxs:calc(var(--gravityboard-spacing-unit)*0.25);--gravityboard-border-width:1px;--gravityboard-border-radius-xs:3px;--gravityboard-border-radius-sm:5px;--gravityboard-border-radius-md:6px;--gravityboard-border-radius-lg:12px;--gravityboard-box-shadow:0 1px 1px #0000000a;--gravityboard-box-shadow-sm:0 2px 2px 0 #091e421f,0 1px 1.25px 0 #091e421a;--gravityboard-box-shadow-md:0 2px 5px #091e4240;--gravityboard-box-shadow-lg:0 8px 16px -4px #091e4240,0 0 0 1px #091e4214;--gravityboard-box-shadow-form-control:0 1px 1px 0 #091e4240,0 0 1px 0 #091e424f;--gravityboard-avatar-size-sm:24px;--gravityboard-avatar-size-card:32px;--gravityboard-card-description-max-height:200px;--gravityboard-form-control-border-color:#dfe1e6;--gravityboard-form-control-border-color-focus:#2b66ea;--gravityboard-form-control-border-color-error:#d63638;--gravityboard-form-control-border-color-error-focus:#d63638;--gravityboard-form-control-border-color-disabled:#dfe1e6;--gravityboard-form-control-border-color-hover:#dfe1e6;--gravityboard-form-control-border-color-active:#dfe1e6;--gravityboard-form-control-error-outline:calc(var(--gravityboard-border-width)*2) solid var(--gravityboard-error-color-alpha-30);--gravityboard-form-control-error-box-shadow:0 0 0 var(--gravityboard-border-width) var(--gravityboard-error-color);--gravityboard-button-primary-text-color:#fff;--gravityboard-button-primary-background-color:#0079bf;--gravityboard-button-primary-border-color:#0079bf;--gravityboard-button-primary-background-hover-color:#0d5e9c;--gravityboard-button-primary-border-hover-color:#135e96;--gravityboard-button-secondary-text-color:#2c3338;--gravityboard-button-secondary-background-color:var(--gravityboard-background-color-light);--gravityboard-button-secondary-border-color:#c3c4c7;--gravityboard-button-secondary-background-hover-color:var(--gravityboard-background-color-white);--gravityboard-button-secondary-border-hover-color:#8c8f94;--gravityboard-button-secondary-text-hover-color:#0a4b78;--gravityboard-button-link-delete-text-color:#d63638;--gravityboard-button-link-delete-background-hover-color:#d636381f;--gravityboard-button-link-delete-text-hover-color:#730505;--gravityboard-auto-scroll-zone-size:50px;--gravityboard-auto-scroll-speed:5px;--gravityboard-auto-scroll-max-speed:10px;--gravityboard-transition-duration-fast:0.1s;--gravityboard-transition-duration-medium:0.2s;--gravityboard-transition-duration-slow:0.5s}