/**
 * Small Groups Manager frontend shortcode styles.
 */

/* Canvas + standalone shell */
body.sgmgr-standalone-page .sgmgr-wrap--frontend,
.sgmgr-wrap--frontend.sgmgr-wrap--standalone {
	--sgmgr-bg: #f0f2f5;
	--sgmgr-card-bg: #ffffff;
	--sgmgr-text: #1d2327;
	--sgmgr-text-muted: #646970;
	--sgmgr-text-subtle: #8c8f94;
	--sgmgr-border: #dcdcde;
	--sgmgr-primary: #2271b1;
	--sgmgr-primary-hover: #135e96;
	--sgmgr-danger: #d63638;
	--sgmgr-draft: #dba617;
	--sgmgr-finalized: #00a32a;
	--sgmgr-radius: 8px;
	--sgmgr-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

	max-width: none;
	margin: 0;
	width: 100%;
	color: var(--sgmgr-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

.sgmgr-wrap--frontend.sgmgr-wrap--medium {
	max-width: var(--sgmgr-width-medium, 760px);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 32px 24px 48px;
	box-sizing: border-box;
}

.sgmgr-wrap--frontend.sgmgr-wrap--standalone:not(.sgmgr-wrap--medium),
.sgmgr-wrap--frontend:has(#sgmgr-tab-board) {
	max-width: none;
	width: 100%;
}

/* Isolate plugin UI from theme / UIkit styles */
.sgmgr-wrap--frontend a:not(.sgmgr-btn):not(.sgmgr-project-card__title-link) {
	color: var(--sgmgr-primary);
}

.sgmgr-wrap--frontend .sgmgr-btn,
.sgmgr-wrap--frontend button.sgmgr-btn,
.sgmgr-wrap--frontend a.sgmgr-btn {
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	font-family: inherit;
}

.sgmgr-wrap--frontend .sgmgr-form__input,
.sgmgr-wrap--frontend input.sgmgr-form__input,
.sgmgr-wrap--frontend select.sgmgr-form__input,
.sgmgr-wrap--frontend textarea.sgmgr-form__input,
.sgmgr-wrap--frontend .sgmgr-projects-search__input,
.sgmgr-wrap--frontend .sgmgr-board-search__input {
	appearance: auto;
	-webkit-appearance: auto;
	background: #fff;
	color: var(--sgmgr-text);
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	font-family: inherit;
	height: auto;
	min-height: 0;
}

.sgmgr-wrap--frontend label.sgmgr-projects-search,
.sgmgr-wrap--frontend label.sgmgr-board-search {
	display: grid;
}

.sgmgr-wrap--frontend label.sgmgr-checkbox {
	font-weight: 400;
	color: var(--sgmgr-text);
}

.sgmgr-wrap--frontend .sgmgr-checkbox input {
	margin: 0;
}

.sgmgr-wrap--frontend h1,
.sgmgr-wrap--frontend h2,
.sgmgr-wrap--frontend h3,
.sgmgr-wrap--frontend .sgmgr-title,
.sgmgr-wrap--frontend .sgmgr-project-card__title {
	font-family: inherit;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	color: var(--sgmgr-text);
}

.sgmgr-wrap--frontend p,
.sgmgr-wrap--frontend .sgmgr-subtitle,
.sgmgr-wrap--frontend .sgmgr-hint {
	font-family: inherit;
	color: var(--sgmgr-text-muted);
}

.sgmgr-wrap--frontend .sgmgr-card {
	background: var(--sgmgr-card-bg);
	border: 1px solid var(--sgmgr-border);
	box-shadow: var(--sgmgr-shadow);
}

.sgmgr-wrap--frontend .sgmgr-project-card__title-link {
	color: var(--sgmgr-text);
	text-decoration: none;
}

.sgmgr-wrap--frontend .sgmgr-project-card__title-link:hover {
	color: var(--sgmgr-primary);
}

.sgmgr-wrap--frontend .sgmgr-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sgmgr-wrap--frontend .sgmgr-assignment-board,
.sgmgr-wrap--frontend .sgmgr-board-toolbar,
.sgmgr-wrap--frontend .sgmgr-tab-panel {
	max-width: none;
}

.sgmgr-wrap--frontend .sgmgr-board-column__header h3 {
	font-weight: 700;
}

@media (max-width: 782px) {
	body.admin-bar .sgmgr-wrap--frontend .sgmgr-board-sidebar {
		top: 46px;
	}

	body.sgmgr-canvas-template .sgmgr-canvas,
	body.sgmgr-standalone-page .sgmgr-wrap--frontend:not(.sgmgr-wrap--medium) {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (min-width: 1200px) {
	body.sgmgr-canvas-template .sgmgr-canvas {
		padding: 32px 40px;
	}
}