.sbfr-app,
.sbfr-admin {
	--sbfr-accent: #118dff;
	--sbfr-radius: 10px;
	--sbfr-border: #d9e2ea;
	--sbfr-text: #14213d;
	--sbfr-muted: #5f6b7a;
	--sbfr-bg: #f6f8fb;
	--sbfr-panel: #ffffff;
	color: var(--sbfr-text);
	font-family: var(--sbfr-font-family, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.sbfr-app {
	width: min(1180px, calc(100% - 28px));
	margin: 20px auto;
}

.sbfr-layout-flush {
	width: 100%;
	margin-top: 0;
}

.sbfr-header,
.sbfr-panel,
.sbfr-card,
.sbfr-chart,
.sbfr-table-wrap {
	background: var(--sbfr-panel);
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	box-shadow: 0 8px 24px rgba(20, 33, 61, 0.07);
}

.sbfr-layout-flush .sbfr-header,
.sbfr-layout-flush .sbfr-panel,
.sbfr-layout-flush .sbfr-card,
.sbfr-layout-flush .sbfr-chart,
.sbfr-layout-flush .sbfr-table-wrap {
	box-shadow: none;
}

.sbfr-header {
	padding: 22px;
	margin-bottom: 16px;
}

.sbfr-header p {
	margin: 0 0 6px;
	color: var(--sbfr-accent);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.sbfr-header h1,
.sbfr-panel h2,
.sbfr-card h2,
.sbfr-chart h2 {
	margin: 0 0 8px;
	font-size: 24px;
	line-height: 1.2;
}

.sbfr-panel,
.sbfr-card,
.sbfr-table-wrap,
.sbfr-chart {
	padding: 18px;
	margin-bottom: 16px;
}

.sbfr-table-wrap,
.sbfr-scroll-safe {
	box-sizing: border-box;
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

.sbfr-grid {
	display: grid;
	gap: 16px;
}

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

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

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

.sbfr-form-grid,
.sbfr-admin-split,
.sbfr-report-builder-controls {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.sbfr-form-grid-tight {
	align-items: center;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.sbfr-column-builder-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 14px;
}

.sbfr-table-config {
	padding: 0;
}

.sbfr-table-config-details {
	background: #fff;
	border-radius: var(--sbfr-radius);
}

.sbfr-table-config-details summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	list-style: none;
	padding: 12px 14px;
}

.sbfr-table-config-details summary::-webkit-details-marker {
	display: none;
}

.sbfr-table-config-details summary span {
	font-size: 13px;
	font-weight: 900;
}

.sbfr-table-config-details summary small {
	color: var(--sbfr-muted);
	font-size: 11px;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sbfr-table-config-details summary::after {
	align-items: center;
	background: #f7fbff;
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	content: "+";
	display: inline-flex;
	flex: 0 0 24px;
	font-size: 16px;
	font-weight: 900;
	height: 24px;
	justify-content: center;
	line-height: 1;
}

.sbfr-table-config-details[open] summary {
	border-bottom: 1px solid var(--sbfr-border);
}

.sbfr-table-config-details[open] summary::after {
	content: "−";
}

.sbfr-table-config-details form {
	padding: 12px 14px 14px;
}

.sbfr-column-config-grid {
	align-items: end;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(240px, 1.4fr) auto minmax(180px, .9fr) minmax(190px, 1fr) minmax(190px, 1fr);
}

.sbfr-column-config-grid .sbfr-field {
	margin: 0;
}

.sbfr-column-config-grid select[multiple] {
	font-size: 12px;
	min-height: 154px;
	padding: 6px;
}

.sbfr-column-config-grid select[multiple] option {
	border-radius: 5px;
	padding: 4px 6px;
}

.sbfr-column-order-buttons {
	display: grid;
	gap: 6px;
	justify-content: start;
	padding-bottom: 1px;
}

.sbfr-column-chip {
	align-items: center;
	background: #fff;
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	display: inline-flex;
	gap: 6px;
	padding: 5px 7px;
}

.sbfr-column-chip.is-selected {
	background: #f8fbff;
	border-color: color-mix(in srgb, var(--sbfr-accent) 45%, var(--sbfr-border));
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sbfr-accent) 16%, transparent);
}

.sbfr-column-chip label {
	align-items: center;
	display: inline-flex;
	gap: 5px;
	font-size: 12px;
	font-weight: 800;
	margin: 0;
}

.sbfr-icon-button {
	align-items: center;
	background: #f6f8fb;
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	color: var(--sbfr-text);
	cursor: pointer;
	display: inline-flex;
	font-size: 11px;
	font-weight: 900;
	height: 24px;
	justify-content: center;
	line-height: 1;
	width: 24px;
}

.sbfr-icon-button:hover,
.sbfr-icon-button:focus {
	border-color: var(--sbfr-accent);
	color: var(--sbfr-accent);
	outline: none;
}

.sbfr-report-builder-controls {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: end;
	background: var(--sbfr-panel);
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	margin-bottom: 16px;
	padding: 16px;
}

.sbfr-report-builder-controls .sbfr-field {
	margin-bottom: 0;
}

.sbfr-report-builder-controls .sbfr-form-actions {
	margin-top: 0;
}

.sbfr-report-builder-controls .sbfr-button {
	width: 100%;
	justify-content: center;
	min-height: 42px;
}

.sbfr-report-builder-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
}

.sbfr-report-builder-meta span {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	background: #fff;
	color: var(--sbfr-text);
	font-size: 12px;
	font-weight: 800;
	padding: 7px 10px;
}

.sbfr-chart-grid,
.sbfr-report-card-grid {
	display: grid;
	gap: 14px;
	margin-bottom: 16px;
}

.sbfr-chart-grid-cols-1,
.sbfr-report-card-grid-cols-1 {
	grid-template-columns: minmax(0, 1fr);
}

.sbfr-chart-grid-cols-2,
.sbfr-report-card-grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sbfr-chart-grid-cols-3,
.sbfr-report-card-grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sbfr-report-card-grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sbfr-chart-grid .sbfr-chart,
.sbfr-report-card {
	margin: 0;
}

.sbfr-report-card {
	background: var(--sbfr-panel);
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	box-shadow: 0 8px 24px rgba(20, 33, 61, 0.07);
	color: var(--sbfr-text);
	display: grid;
	gap: 7px;
	padding: 15px;
	text-decoration: none;
}

.sbfr-report-card:hover,
.sbfr-report-card:focus {
	border-color: var(--sbfr-accent);
	box-shadow: 0 12px 30px rgba(17, 141, 255, 0.16);
	outline: none;
}

.sbfr-report-card strong {
	font-size: 15px;
	line-height: 1.25;
}

.sbfr-report-card span,
.sbfr-report-card small {
	color: var(--sbfr-muted);
	font-size: 12px;
	font-weight: 800;
}

.sbfr-workflow-domain-card em {
	color: var(--sbfr-muted);
	font-size: 12px;
	font-style: normal;
	line-height: 1.45;
}

.sbfr-domain-card-stages {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 4px;
}

.sbfr-domain-card-stages i {
	background: color-mix(in srgb, var(--sbfr-accent) 10%, #fff);
	border: 1px solid color-mix(in srgb, var(--sbfr-accent) 24%, var(--sbfr-border));
	border-radius: 999px;
	color: var(--sbfr-text);
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	padding: 5px 8px;
}

.sbfr-surface-grid {
	display: grid;
	gap: 14px;
	margin-bottom: 16px;
}

.sbfr-surface-cols-1 {
	grid-template-columns: minmax(0, 1fr);
}

.sbfr-surface-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sbfr-surface-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sbfr-surface-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sbfr-surface-card {
	background: var(--sbfr-panel);
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	box-shadow: 0 8px 24px rgba(20, 33, 61, 0.07);
	display: grid;
	overflow: hidden;
}

.sbfr-surface-card.is-list {
	grid-template-columns: minmax(180px, 280px) 1fr;
}

.sbfr-surface-image {
	aspect-ratio: 16 / 10;
	background: #edf2f7;
	display: block;
	overflow: hidden;
}

.sbfr-surface-card.is-list .sbfr-surface-image {
	aspect-ratio: auto;
	min-height: 100%;
}

.sbfr-surface-image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.sbfr-surface-card-body {
	display: grid;
	gap: 12px;
	padding: 14px;
}

.sbfr-surface-card-head {
	align-items: start;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.sbfr-surface-card-head strong {
	display: block;
	font-size: 16px;
	line-height: 1.25;
}

.sbfr-surface-card-head span,
.sbfr-surface-card-head small {
	color: var(--sbfr-muted);
	font-size: 12px;
	font-weight: 800;
}

.sbfr-surface-card-head small {
	background: #f6f8fb;
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	padding: 5px 8px;
	white-space: nowrap;
}

.sbfr-surface-price {
	color: var(--sbfr-accent);
	font-size: 20px;
	font-weight: 900;
}

.sbfr-surface-fields {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sbfr-surface-fields div {
	background: #f8fbff;
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	padding: 8px;
}

.sbfr-surface-fields span {
	color: var(--sbfr-muted);
	display: block;
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
}

.sbfr-surface-fields b {
	display: block;
	font-size: 12px;
	font-weight: 800;
	overflow-wrap: anywhere;
}

.sbfr-report-table-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 10px;
}

.sbfr-report-table-meta span {
	align-items: center;
	background: #f8fbff;
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	color: var(--sbfr-muted);
	display: inline-flex;
	font-size: 11px;
	font-weight: 800;
	padding: 6px 9px;
}

.sbfr-scroll-table {
	max-height: min(72vh, 760px);
	overflow: auto;
	overscroll-behavior: contain;
}

.sbfr-scroll-table .sbfr-table {
	min-width: 1460px;
	table-layout: fixed;
}

.sbfr-wide-table {
	min-width: 980px;
}

.sbfr-scroll-table .sbfr-table th,
.sbfr-scroll-table .sbfr-table td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sbfr-scroll-table .sbfr-table td:nth-child(1),
.sbfr-scroll-table .sbfr-table td:nth-child(2),
.sbfr-scroll-table .sbfr-table td:nth-child(5) {
	white-space: normal;
}

.sbfr-scroll-table .sbfr-table thead th {
	background: #f8fbff;
	position: sticky;
	top: 0;
	z-index: 2;
}

.sbfr-scroll-table .sbfr-table th:last-child,
.sbfr-scroll-table .sbfr-table td:last-child {
	background: #fff;
	box-shadow: -8px 0 14px rgba(20, 33, 61, 0.06);
	position: sticky;
	right: 0;
	min-width: 172px;
	width: 172px;
	z-index: 1;
}

.sbfr-scroll-table .sbfr-table thead th:last-child {
	z-index: 3;
}

.sbfr-scroll-table .sbfr-table th:nth-last-child(2),
.sbfr-scroll-table .sbfr-table td:nth-last-child(2) {
	padding-right: 24px;
}

.sbfr-scroll-table .sbfr-table td:last-child .sbfr-action-list {
	justify-content: flex-end;
}

.sbfr-surface-builder-controls {
	display: grid;
	gap: 14px;
}

.sbfr-builder-section {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #fff;
	padding: 14px;
}

.sbfr-section-manager {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f8fbff;
	margin: 0 0 14px;
	padding: 12px;
}

.sbfr-section-create {
	display: grid;
	grid-template-columns: minmax(180px, 1.2fr) minmax(160px, .8fr) auto;
	gap: 10px;
	align-items: end;
}

.sbfr-section-list {
	display: grid;
	gap: 7px;
	margin-top: 10px;
}

.sbfr-section-row {
	display: grid;
	grid-template-columns: minmax(160px, 1fr) auto auto;
	gap: 8px;
	align-items: center;
	border: 1px solid #e4ebf2;
	border-radius: 8px;
	background: #fff;
	padding: 6px;
}

.sbfr-section-row input {
	border: 0;
	box-shadow: none;
	font-size: 12px;
	font-weight: 800;
	min-height: 28px;
	padding: 4px 6px;
}

.sbfr-section-usage {
	color: var(--sbfr-muted);
	font-size: 11px;
	font-weight: 800;
	white-space: nowrap;
}

.sbfr-section-actions {
	display: flex;
	gap: 4px;
	justify-content: flex-end;
}

.sbfr-surface-report-picker {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.sbfr-surface-report-picker > div {
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	max-height: 260px;
	overflow: auto;
	padding: 10px;
}

.sbfr-surface-report-picker strong {
	display: block;
	font-size: 12px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.sbfr-surface-report-picker .sbfr-checkbox {
	align-items: flex-start;
	border-top: 1px solid #eef3f7;
	font-size: 12px;
	padding: 7px 0;
}

.sbfr-builder-output textarea {
	width: 100%;
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
	min-height: 92px;
	padding: 10px;
	resize: vertical;
}

.sbfr-builder-preview-shell .sbfr-builder-preview {
	width: 100%;
	margin: 0;
}

.sbfr-embedded-report-table {
	margin-bottom: 16px;
}

.sbfr-embedded-report-table .sbfr-table-wrap {
	margin-bottom: 0;
}

.sbfr-field {
	display: grid;
	gap: 6px;
	margin: 0 0 14px;
	font-weight: 700;
}

.sbfr-field.is-sbfr-hidden {
	display: none;
}

.sbfr-field span,
.sbfr-field small {
	display: block;
}

.sbfr-field small,
.sbfr-card p,
.sbfr-header div,
.sbfr-notice,
.description {
	color: var(--sbfr-muted);
}

.sbfr-field input,
.sbfr-field select,
.sbfr-field textarea,
.sbfr-local-search,
.sbfr-search-row input {
	width: 100%;
	min-height: 42px;
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	padding: 9px 11px;
	background: #fff;
	color: var(--sbfr-text);
	font: inherit;
}

.sbfr-field textarea {
	min-height: 110px;
	resize: vertical;
}

.sbfr-stepper {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
}

.sbfr-step-pill,
.sbfr-button {
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	background: #fff;
	color: var(--sbfr-text);
	cursor: pointer;
	font-weight: 800;
	padding: 9px 14px;
	text-decoration: none;
}

.sbfr-step-pill.is-active,
.sbfr-button-primary {
	border-color: var(--sbfr-accent);
	background: var(--sbfr-accent);
	color: #fff;
}

.sbfr-button-secondary {
	background: #f9fbfd;
}

.sbfr-button-danger {
	border-color: #d64550;
	background: #d64550;
	color: #fff;
}

.sbfr-workflow-actions {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f9fbfd;
	margin: 0 0 16px;
	padding: 14px;
}

.sbfr-workflow-actions h3 {
	margin: 0 0 12px;
	font-size: 18px;
}

.sbfr-workflow-options,
.sbfr-workflow-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.sbfr-workflow-buttons .sbfr-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 156px;
}

.sbfr-workflow-empty {
	color: var(--sbfr-muted);
	font-size: 13px;
	font-weight: 800;
}

.sbfr-step {
	display: none;
	padding: 18px;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #fff;
}

.sbfr-step.is-active {
	display: block;
}

.sbfr-form-actions,
.sbfr-header-actions,
.sbfr-search-row,
.sbfr-inline-form {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
}

.sbfr-checkbox,
.sbfr-choice-stack label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
}

.sbfr-table {
	width: 100%;
	max-width: none;
	border-collapse: collapse;
	font-size: 13px;
}

.sbfr-table th,
.sbfr-table td {
	padding: 8px 9px;
	border-bottom: 1px solid var(--sbfr-border);
	text-align: left;
	vertical-align: middle;
	line-height: 1.35;
	max-width: 360px;
	overflow-wrap: anywhere;
}

.sbfr-table th {
	background: #f5f8fc;
	color: #344054;
	font-size: 12px;
	text-transform: uppercase;
}

.sbfr-table tbody tr {
	transition: background-color .14s ease, box-shadow .14s ease;
}

.sbfr-clickable-row {
	cursor: pointer;
}

.sbfr-clickable-row:hover,
.sbfr-clickable-row:focus {
	background: #f8fbff;
	box-shadow: inset 3px 0 0 var(--sbfr-accent);
	outline: none;
}

.sbfr-sort-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	letter-spacing: inherit;
	padding: 0 14px 0 0;
	text-align: left;
	text-transform: inherit;
}

.sbfr-sort-button::before,
.sbfr-sort-button::after {
	content: "";
	position: absolute;
	right: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: .34;
}

.sbfr-sort-button::before {
	top: calc(50% - 7px);
	border-bottom: 5px solid currentColor;
}

.sbfr-sort-button::after {
	top: calc(50% + 2px);
	border-top: 5px solid currentColor;
}

.sbfr-table th[aria-sort="ascending"] .sbfr-sort-button::before,
.sbfr-table th[aria-sort="descending"] .sbfr-sort-button::after {
	opacity: 1;
}

.sbfr-unsortable {
	cursor: default;
}

.sbfr-status,
.sbfr-icon-link,
.sbfr-badge-cloud span,
.sbfr-attachment-link {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	background: rgba(17, 141, 255, 0.1);
	color: #07508f;
	font-size: 12px;
	font-weight: 800;
	padding: 5px 9px;
	text-decoration: none;
}

.sbfr-value-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.sbfr-value-list > span {
	display: inline-flex;
	min-width: 0;
}

.sbfr-attachment-link {
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sbfr-kpi-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin: 16px 0;
}

.sbfr-kpi {
	background: #fff;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	padding: 16px;
}

.sbfr-kpi strong {
	display: block;
	font-size: 28px;
}

.sbfr-workflow-gallery .sbfr-kpi-row {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sbfr-workflow-map {
	overflow: hidden;
}

.sbfr-stage-strip {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
}

.sbfr-stage-strip span {
	align-items: center;
	background: color-mix(in srgb, var(--sbfr-accent) 10%, #fff);
	border: 1px solid color-mix(in srgb, var(--sbfr-accent) 28%, var(--sbfr-border));
	border-radius: var(--sbfr-radius);
	color: var(--sbfr-text);
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	justify-content: center;
	min-height: 38px;
	padding: 8px 10px;
	text-align: center;
}

.sbfr-page-head,
.sbfr-page-actions,
.sbfr-builder-tabs,
.sbfr-save-strip,
.sbfr-field-palette,
.sbfr-builder-field-head,
.sbfr-builder-field-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sbfr-page-head {
	justify-content: space-between;
	margin: 0 0 14px;
}

.sbfr-page-head h1,
.sbfr-page-head p {
	margin: 0;
}

.sbfr-page-head p {
	color: var(--sbfr-muted);
	margin-top: 4px;
	max-width: 780px;
}

.sbfr-page-actions {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.sbfr-builder-tabs {
	background: #fff;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	margin: 0 0 12px;
	padding: 6px;
	position: sticky;
	top: 32px;
	z-index: 10;
}

.sbfr-builder-tabs button {
	border: 0;
	border-radius: calc(var(--sbfr-radius) - 2px);
	background: transparent;
	color: var(--sbfr-text);
	cursor: pointer;
	font-weight: 900;
	padding: 9px 14px;
}

.sbfr-builder-tabs button.is-active {
	background: var(--sbfr-accent);
	color: #fff;
}

.sbfr-tab-panel {
	display: none;
}

.sbfr-tab-panel.is-active {
	display: block;
}

.sbfr-template-picker h3 {
	margin: 8px 0 10px;
}

.sbfr-template-grid,
.sbfr-shortcode-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.sbfr-template-card,
.sbfr-shortcode-cards > div {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #fff;
	color: var(--sbfr-text);
	padding: 12px;
	text-align: left;
}

.sbfr-template-card {
	cursor: pointer;
	min-height: 104px;
}

.sbfr-template-card:hover {
	border-color: var(--sbfr-accent);
	box-shadow: 0 8px 18px rgba(17, 141, 255, 0.12);
}

.sbfr-template-card strong,
.sbfr-template-card span,
.sbfr-shortcode-cards strong,
.sbfr-shortcode-cards code {
	display: block;
}

.sbfr-template-card span,
.sbfr-shortcode-cards code {
	color: var(--sbfr-muted);
	font-size: 12px;
	margin-top: 5px;
}

.sbfr-field-palette {
	flex-wrap: wrap;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f9fbfd;
	margin-bottom: 12px;
	padding: 10px;
}

.sbfr-field-preset-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: -4px 0 12px;
}

.sbfr-field-palette .button {
	min-height: 32px;
}

.sbfr-no-code-builder {
	display: grid;
	gap: 10px;
}

.sbfr-builder-field-card {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #fff;
	padding: 8px;
	font-size: 13px;
}

.sbfr-builder-field-head {
	border-bottom: 1px solid var(--sbfr-border);
	margin: -2px 0 10px;
	padding-bottom: 8px;
}

.sbfr-builder-field-head strong {
	min-width: 150px;
}

.sbfr-builder-field-head small {
	color: var(--sbfr-muted);
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sbfr-builder-field-actions {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.sbfr-builder-field-actions button {
	border: 1px solid var(--sbfr-border);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 900;
	height: 28px;
	line-height: 1;
	min-width: 28px;
	padding: 0 6px;
}

.sbfr-builder-field-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(130px, 1fr));
	gap: 8px;
}

.sbfr-builder-field-grid-primary {
	border-bottom: 1px solid #edf2f7;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.sbfr-builder-advanced-panel {
	border: 1px solid #edf2f7;
	border-radius: calc(var(--sbfr-radius) - 2px);
	background: #fbfcfe;
	margin-top: 7px;
}

.sbfr-builder-advanced-panel > summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	list-style: none;
	padding: 8px 10px;
}

.sbfr-builder-advanced-panel > summary::-webkit-details-marker {
	display: none;
}

.sbfr-builder-advanced-panel > summary::after {
	color: var(--sbfr-muted);
	content: "+";
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
}

.sbfr-builder-advanced-panel[open] > summary::after {
	content: "-";
}

.sbfr-builder-advanced-panel summary strong {
	font-size: 12px;
}

.sbfr-builder-advanced-panel summary small {
	color: var(--sbfr-muted);
	font-size: 10px;
	font-weight: 700;
	margin-left: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sbfr-builder-field-grid-advanced {
	border-top: 1px solid #edf2f7;
	padding: 8px;
}

.sbfr-builder-field-grid .sbfr-field,
.sbfr-builder-field-grid .sbfr-checkbox {
	margin: 0;
}

.sbfr-builder-field-grid textarea {
	min-height: 40px;
}

.sbfr-builder-required {
	align-self: end;
	min-height: 42px;
}

.sbfr-builder-field-grid .sbfr-field span,
.sbfr-builder-field-grid .sbfr-checkbox span {
	font-size: 11px;
}

.sbfr-builder-field-grid .sbfr-field small {
	font-size: 10px;
	line-height: 1.35;
}

.sbfr-builder-field-grid .sbfr-field input,
.sbfr-builder-field-grid .sbfr-field select,
.sbfr-builder-field-grid .sbfr-field textarea {
	font-size: 12px;
	min-height: 36px;
	padding: 7px 8px;
}

.sbfr-builder-upload-preview {
	background: #fff;
	border: 1px dashed var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	display: grid;
	gap: 7px;
	grid-column: 1 / -1;
	padding: 10px;
}

.sbfr-builder-upload-preview strong {
	font-size: 12px;
}

.sbfr-builder-upload-preview p {
	color: var(--sbfr-muted);
	font-size: 11px;
	line-height: 1.45;
	margin: 0;
}

.sbfr-doc-chip-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.sbfr-doc-chip-grid span {
	background: #f4f7fb;
	border: 1px solid #e3ebf3;
	border-radius: 999px;
	color: var(--sbfr-text);
	font-size: 10px;
	font-weight: 800;
	padding: 4px 7px;
}

.sbfr-upload-preview {
	display: grid;
	gap: 7px;
	margin-top: 4px;
}

.sbfr-upload-preview-item {
	align-items: center;
	background: #f8fbff;
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	display: flex;
	font-size: 12px;
	font-weight: 700;
	gap: 8px;
	min-height: 42px;
	padding: 7px;
}

.sbfr-upload-preview-item img {
	aspect-ratio: 1;
	border-radius: 6px;
	height: 34px;
	object-fit: cover;
	width: 34px;
}

.sbfr-upload-file-icon {
	align-items: center;
	background: #fff;
	border: 1px solid #dbe5ef;
	border-radius: 6px;
	color: var(--sbfr-muted);
	display: inline-flex;
	font-size: 10px;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	min-width: 34px;
	padding: 0 4px;
}

.is-sbfr-builder-hidden {
	display: none !important;
}

.sbfr-rule-visual {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f9fbfd;
	margin: 0 0 12px;
	padding: 10px;
}

.sbfr-rule-head,
.sbfr-rule-row {
	display: grid;
	gap: 8px;
}

.sbfr-rule-head {
	align-items: center;
	grid-template-columns: 1fr auto;
	margin-bottom: 8px;
}

.sbfr-rule-row {
	grid-template-columns: minmax(130px, 1fr) minmax(120px, .8fr) minmax(150px, 1.2fr) 34px;
	margin-bottom: 8px;
}

.sbfr-rule-action-row {
	grid-template-columns: minmax(150px, 1fr) minmax(170px, 1.3fr) minmax(140px, 1fr) 34px;
}

.sbfr-rule-row select,
.sbfr-rule-row input,
.sbfr-rule-row textarea {
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	font: inherit;
	min-height: 36px;
	padding: 7px 8px;
	width: 100%;
}

.sbfr-icon-button {
	align-items: center;
	background: #fff;
	border: 1px solid var(--sbfr-border);
	border-radius: 8px;
	cursor: pointer;
	display: inline-flex;
	font-weight: 900;
	justify-content: center;
	min-height: 34px;
}

.sbfr-advanced-raw {
	border: 1px dashed var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	margin-top: 14px;
	padding: 10px;
}

.sbfr-advanced-raw summary {
	cursor: pointer;
	font-weight: 900;
}

.sbfr-save-strip {
	justify-content: space-between;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #fff;
	bottom: 0;
	box-shadow: 0 -6px 18px rgba(20, 33, 61, 0.08);
	margin-top: 12px;
	padding: 10px;
	position: sticky;
	z-index: 9;
}

.sbfr-save-strip span {
	color: var(--sbfr-muted);
	font-weight: 800;
}

.sbfr-workflow-lane {
	display: grid;
	grid-template-columns: repeat(6, minmax(130px, 1fr));
	gap: 8px;
	margin: 0 0 14px;
	overflow-x: auto;
}

.sbfr-workflow-lane > div,
.sbfr-empty-state {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f9fbfd;
	padding: 12px;
}

.sbfr-workflow-lane strong,
.sbfr-workflow-lane span {
	display: block;
}

.sbfr-workflow-lane span {
	color: var(--sbfr-muted);
	font-size: 12px;
	margin-top: 4px;
}

.sbfr-action-list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}

.sbfr-action-list a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	background: #fff;
	color: var(--sbfr-text);
	font-size: 12px;
	font-weight: 800;
	min-height: 30px;
	padding: 5px 8px;
	text-decoration: none;
}

.sbfr-action-list a.sbfr-action-icon,
.sbfr-action-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sbfr-border);
	border-radius: 8px;
	background: #fff;
	color: var(--sbfr-text);
	font-size: 12px;
	font-weight: 800;
	width: 30px;
	height: 30px;
	min-width: 30px;
	padding: 0;
	overflow: hidden;
	text-decoration: none;
	text-indent: -999px;
}

.sbfr-svg-action-icon {
	text-indent: 0;
}

.sbfr-svg-action-icon::before,
.sbfr-svg-action-icon::after {
	content: none !important;
	display: none !important;
}

.sbfr-action-icon svg,
.sbfr-icon-button svg {
	display: block;
	fill: none;
	height: 16px;
	pointer-events: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 16px;
}

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

.sbfr-action-icon::before {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	box-sizing: border-box;
	border: 2px solid currentColor;
	border-radius: 3px;
	text-indent: 0;
}

.sbfr-action-icon[data-sbfr-action="open"]::before {
	border-radius: 999px;
}

.sbfr-action-icon[data-sbfr-action="edit"]::before {
	width: 5px;
	height: 16px;
	border-radius: 2px;
	transform: rotate(18deg);
}

.sbfr-action-icon[data-sbfr-action="download"]::before {
	width: 14px;
	height: 14px;
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
}

.sbfr-action-icon[data-sbfr-action="copy"]::before {
	box-shadow: 4px -4px 0 -1px #fff, 4px -4px 0 0 currentColor;
}

.sbfr-action-icon[data-sbfr-action="archive"]::before {
	height: 10px;
	border-top-width: 4px;
}

.sbfr-action-icon[data-sbfr-action="delete"]::before {
	width: 14px;
	height: 2px;
	border: 0;
	border-radius: 2px;
	background: currentColor;
	transform: rotate(45deg);
}

.sbfr-action-icon[data-sbfr-action="delete"]::after {
	content: "";
	position: absolute;
	width: 14px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transform: rotate(-45deg);
}

.sbfr-action-icon[data-sbfr-action="activate"]::before {
	width: 9px;
	height: 15px;
	border-top: 0;
	border-left: 0;
	transform: rotate(45deg);
}

.sbfr-action-icon[data-sbfr-action="view"],
.sbfr-action-icon[data-sbfr-action="open"] {
	color: #1167b1;
}

.sbfr-action-icon[data-sbfr-action="edit"] {
	color: #9a5b00;
}

.sbfr-action-icon[data-sbfr-action="pdf"] {
	color: #c23545;
}

.sbfr-action-icon[data-sbfr-action="message"] {
	color: #6d4edb;
}

.sbfr-action-icon[data-sbfr-action="download"] {
	color: #087f5b;
}

.sbfr-action-icon[data-sbfr-action="csv"] {
	color: #13795b;
}

.sbfr-action-icon[data-sbfr-action="excel"] {
	color: #1d6f42;
}

.sbfr-action-icon[data-sbfr-action="sample"] {
	color: #805ad5;
}

.sbfr-action-icon[data-sbfr-action="table"] {
	color: #2563eb;
}

.sbfr-action-icon[data-sbfr-action="copy"],
.sbfr-action-icon[data-sbfr-action="clone"] {
	color: #42526e;
}

.sbfr-action-icon[data-sbfr-action="archive"] {
	color: #716034;
}

.sbfr-action-icon[data-sbfr-action="delete"] {
	color: #b42318;
}

.sbfr-action-icon[data-sbfr-action="create"] {
	color: #0b7285;
}

.sbfr-action-icon[data-sbfr-action="share"] {
	color: #0f766e;
}

.sbfr-action-icon[data-sbfr-action="report"] {
	color: #4c6ef5;
}

.sbfr-action-icon[data-sbfr-action="board"] {
	color: #7c3aed;
}

.sbfr-action-icon[data-sbfr-action="settings"] {
	color: #475569;
}

.sbfr-action-icon[data-sbfr-action="test"] {
	color: #0f766e;
}

.sbfr-action-icon:hover,
.sbfr-icon-button:hover {
	background: #f6fbff;
	border-color: currentColor;
}

.sbfr-large-action-icon {
	height: 38px;
	min-width: 38px;
	width: 38px;
}

.sbfr-command-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #fff;
	margin: 0 0 14px;
	padding: 10px;
}

.sbfr-command-bar a {
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	color: var(--sbfr-text);
	font-size: 12px;
	font-weight: 900;
	padding: 7px 10px;
	text-decoration: none;
}

.sbfr-command-bar a:hover,
.sbfr-action-list a:hover {
	border-color: var(--sbfr-accent);
	color: var(--sbfr-accent);
}

.sbfr-card-action {
	text-decoration: none;
}

.sbfr-card-action > span {
	color: var(--sbfr-accent);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.sbfr-section-head,
.sbfr-board-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.sbfr-section-head {
	margin-bottom: 12px;
}

.sbfr-section-head h2 {
	margin: 0;
}

.sbfr-board {
	display: grid;
	grid-template-columns: repeat(4, minmax(190px, 1fr));
	gap: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 8px;
	scrollbar-color: var(--sbfr-accent) #e5edf4;
	scrollbar-width: thin;
}

.sbfr-board::-webkit-scrollbar {
	height: 10px;
}

.sbfr-board::-webkit-scrollbar-track {
	background: #e5edf4;
	border-radius: 999px;
}

.sbfr-board::-webkit-scrollbar-thumb {
	background: var(--sbfr-accent);
	border-radius: 999px;
}

.sbfr-board-column {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f9fbfd;
	min-width: 190px;
	max-height: 520px;
	overflow-y: auto;
	padding: 10px;
	scrollbar-color: rgba(17, 141, 255, 0.7) transparent;
	scrollbar-width: thin;
}

.sbfr-board-title {
	margin-bottom: 10px;
}

.sbfr-board-title span {
	border-radius: 999px;
	background: rgba(17, 141, 255, 0.12);
	color: #07508f;
	font-size: 12px;
	font-weight: 900;
	min-width: 28px;
	padding: 4px 8px;
	text-align: center;
}

.sbfr-board-card {
	display: block;
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	background: #fff;
	color: var(--sbfr-text);
	margin-bottom: 8px;
	padding: 9px;
	text-decoration: none;
}

.sbfr-board-card strong,
.sbfr-board-card span,
.sbfr-board-card small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sbfr-board-card span,
.sbfr-board-card small,
.sbfr-empty-mini {
	color: var(--sbfr-muted);
	font-size: 12px;
}

.sbfr-import-form {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f9fbfd;
	margin-top: 12px;
	padding: 12px;
}

.sbfr-field-row-designer {
	display: grid;
	gap: 6px;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f9fbfd;
	margin-top: 8px;
	max-height: 260px;
	overflow: auto;
	padding: 8px;
}

.sbfr-field-row-item {
	display: grid;
	grid-template-columns: 24px minmax(120px, 1fr) minmax(160px, 1.5fr) auto auto;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	background: #fff;
	cursor: grab;
	padding: 7px;
}

.sbfr-field-row-item small {
	color: var(--sbfr-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sbfr-field-row-item button {
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
	font-size: 11px;
	font-weight: 900;
	padding: 5px 8px;
}

form[data-sbfr-rule-builder] .sbfr-advanced-raw {
	border: 0 !important;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

.sbfr-drag-handle {
	color: var(--sbfr-muted);
	font-weight: 900;
	text-align: center;
}

.sbfr-bulk-toolbar {
	display: grid;
	grid-template-columns: repeat(6, minmax(120px, 1fr));
	gap: 10px;
	align-items: end;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: #f9fbfd;
	margin: 12px 0;
	padding: 12px;
}

.sbfr-bulk-toolbar .sbfr-field,
.sbfr-bulk-toolbar .sbfr-checkbox {
	margin: 0;
}

.sbfr-bulk-note {
	grid-column: span 2;
}

.sbfr-bulk-summary {
	align-items: center;
	align-self: stretch;
	background: #eef6ff;
	border: 1px solid #bfdbfe;
	border-radius: calc(var(--sbfr-radius) - 2px);
	color: #0f3f72;
	display: inline-flex;
	font-size: 12px;
	font-weight: 900;
	min-height: 38px;
	padding: 7px 10px;
}

.sbfr-bulk-summary.is-empty {
	background: #f8fafc;
	border-color: var(--sbfr-border);
	color: var(--sbfr-muted);
}

.sbfr-bulk-toolbar .sbfr-button[disabled] {
	cursor: not-allowed;
	opacity: .55;
}

.sbfr-bulk-form.is-delete-mode .sbfr-bulk-toolbar {
	border-color: #f3a5a5;
	background: #fff7f7;
}

.sbfr-bulk-confirm {
	color: #991b1b;
	font-weight: 800;
}

.sbfr-bulk-toolbar [data-sbfr-bulk-field].is-sbfr-hidden {
	display: none;
}

.sbfr-profile-test {
	border-top: 1px solid var(--sbfr-border);
	margin-top: 18px;
	padding-top: 16px;
}

.sbfr-profile-test-form {
	display: grid;
	gap: 10px;
}

.sbfr-autosave-status {
	border: 1px solid var(--sbfr-border);
	border-radius: 999px;
	color: var(--sbfr-muted);
	font-size: 11px;
	font-weight: 800;
	padding: 5px 9px;
	white-space: nowrap;
}

.sbfr-autosave-status[data-sbfr-autosave-state="saved"] {
	background: #ecfdf3;
	border-color: #bbf7d0;
	color: #166534;
}

.sbfr-autosave-status[data-sbfr-autosave-state="pending"],
.sbfr-autosave-status[data-sbfr-autosave-state="local"] {
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1d4ed8;
}

.sbfr-autosave-status[data-sbfr-autosave-state="failed"] {
	background: #fff7ed;
	border-color: #fed7aa;
	color: #9a3412;
}

.sbfr-compact-panel {
	margin: 12px 0;
	padding: 12px;
}

.sbfr-import-actions {
	display: grid;
	grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(130px, 1fr)) auto;
	gap: 10px;
	align-items: end;
}

.sbfr-import-actions .sbfr-field,
.sbfr-import-actions .sbfr-checkbox {
	margin: 0;
}

.sbfr-chart-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.sbfr-chart-kpis,
.sbfr-report-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sbfr-chart-kpis span {
	align-items: center;
	background: linear-gradient(135deg, rgba(17, 141, 255, 0.12), rgba(26, 171, 64, 0.10));
	border: 1px solid var(--sbfr-border);
	border-radius: 10px;
	display: grid;
	font-size: 11px;
	font-weight: 800;
	min-width: 78px;
	padding: 8px 10px;
	text-align: center;
}

.sbfr-chart-kpis b {
	color: var(--sbfr-accent);
	display: block;
	font-size: 20px;
	line-height: 1;
}

.sbfr-chart-row {
	display: grid;
	grid-template-columns: minmax(120px, 1fr) 44px minmax(160px, 3fr);
	align-items: center;
	gap: 10px;
	margin: 10px 0;
}

.sbfr-chart-row b {
	display: grid;
	font-size: 14px;
	text-align: right;
}

.sbfr-chart-row b small {
	color: var(--sbfr-muted);
	font-size: 10px;
	font-weight: 800;
}

.sbfr-chart-row i {
	display: block;
	width: var(--sbfr-pct);
	height: 16px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--sbfr-color), color-mix(in srgb, var(--sbfr-color) 55%, #ffffff));
	box-shadow: 0 7px 16px color-mix(in srgb, var(--sbfr-color) 26%, transparent);
}

.sbfr-chart-visual {
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	background: linear-gradient(135deg, rgba(17, 141, 255, 0.08), rgba(26, 171, 64, 0.06));
	margin: 0 0 14px;
	min-height: min(var(--sbfr-chart-height, 320px), 900px);
	padding: 14px;
}

.sbfr-chart-wheel-wrap {
	display: grid;
	grid-template-columns: minmax(170px, 220px) 1fr;
	align-items: center;
	gap: 18px;
}

.sbfr-chart-wheel {
	aspect-ratio: 1;
	align-items: center;
	background: conic-gradient(var(--sbfr-wheel));
	border-radius: 50%;
	display: grid;
	justify-items: center;
	position: relative;
}

.sbfr-chart-wheel::after {
	background: #fff;
	border-radius: 50%;
	content: "";
	inset: 28%;
	position: absolute;
}

.sbfr-chart-wheel span {
	display: grid;
	position: relative;
	z-index: 1;
	text-align: center;
}

.sbfr-chart-wheel strong {
	color: var(--sbfr-accent);
	font-size: 28px;
	line-height: 1;
}

.sbfr-chart-legend {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
}

.sbfr-chart-legend span {
	align-items: center;
	display: flex;
	gap: 8px;
	font-size: 12px;
	font-weight: 800;
}

.sbfr-chart-legend i {
	background: var(--sbfr-color);
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	width: 10px;
}

.sbfr-chart-tile-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
	gap: 10px;
}

.sbfr-chart-tile {
	background: linear-gradient(135deg, color-mix(in srgb, var(--sbfr-color) var(--sbfr-pct), #fff), #fff);
	border: 1px solid color-mix(in srgb, var(--sbfr-color) 35%, #d9e2ea);
	border-radius: 10px;
	min-height: 82px;
	padding: 10px;
}

.sbfr-chart-tile strong,
.sbfr-chart-kpi-hero strong {
	color: var(--sbfr-accent);
	display: block;
	font-size: 28px;
	line-height: 1;
}

.sbfr-chart-tile span {
	display: block;
	font-size: 12px;
	font-weight: 800;
	margin-top: 8px;
}

.sbfr-chart-line-strip {
	align-items: end;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(22px, 1fr));
	gap: 7px;
	height: 150px;
}

.sbfr-chart-line-strip i {
	background: linear-gradient(180deg, color-mix(in srgb, var(--sbfr-color) 35%, #fff), var(--sbfr-color));
	border-radius: 999px 999px 4px 4px;
	display: block;
	height: var(--sbfr-pct);
	min-height: 12px;
}

.sbfr-chart-scatter {
	background-image: linear-gradient(#d9e2ea 1px, transparent 1px), linear-gradient(90deg, #d9e2ea 1px, transparent 1px);
	background-size: 25% 25%;
	height: 220px;
	position: relative;
}

.sbfr-chart-scatter i {
	background: color-mix(in srgb, var(--sbfr-color) 80%, #fff);
	border: 2px solid var(--sbfr-color);
	border-radius: 50%;
	height: var(--sbfr-size);
	left: var(--sbfr-x);
	position: absolute;
	top: var(--sbfr-y);
	transform: translate(-50%, -50%);
	width: var(--sbfr-size);
}

.sbfr-chart-flow {
	display: grid;
	gap: 8px;
}

.sbfr-chart-flow div {
	align-items: center;
	background: linear-gradient(90deg, color-mix(in srgb, var(--sbfr-color) 85%, #fff) var(--sbfr-pct), #fff var(--sbfr-pct));
	border: 1px solid color-mix(in srgb, var(--sbfr-color) 35%, #d9e2ea);
	border-radius: 999px;
	display: flex;
	justify-content: space-between;
	min-height: 36px;
	padding: 8px 12px;
}

.sbfr-chart-flow span,
.sbfr-chart-flow strong {
	font-weight: 900;
}

.sbfr-chart-kpi-hero {
	display: grid;
	justify-items: start;
	gap: 8px;
}

.sbfr-chart-kpi-hero span {
	font-size: 18px;
	font-weight: 900;
}

.sbfr-chart-kpi-hero small {
	color: var(--sbfr-muted);
	font-weight: 800;
}

.sbfr-checkbox-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 8px;
	margin: 10px 0 14px;
}

.sbfr-report-filters {
	align-items: end;
	background: #f9fbfd;
	border: 1px solid var(--sbfr-border);
	border-radius: var(--sbfr-radius);
	margin-bottom: 12px;
	padding: 10px;
}

.sbfr-report-filters .sbfr-local-search {
	max-width: 280px;
}

.sbfr-report-filters label {
	display: grid;
	font-size: 11px;
	font-weight: 900;
	gap: 4px;
	min-width: 150px;
}

.sbfr-report-filters select {
	background: #fff;
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	min-height: 38px;
	padding: 7px 9px;
}

.sbfr-format-pill {
	font-weight: 900;
}

.sbfr-format-pill::before {
	background: rgba(17, 141, 255, 0.14);
	border-radius: 999px;
	content: "";
	display: inline-block;
	height: 8px;
	margin-right: 6px;
	width: 8px;
}

.sbfr-format-alert {
	color: #b42318;
	font-weight: 900;
}

.sbfr-format-alert::before {
	background: #f04438;
}

.sbfr-format-success {
	color: #027a48;
	font-weight: 900;
}

.sbfr-format-success::before {
	background: #12b76a;
}

.sbfr-format-number {
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.sbfr-format-negative {
	color: #b42318;
}

.sbfr-format-positive {
	color: #175cd3;
}

.sbfr-pdf-preview iframe {
	background: #fff;
	border: 1px solid var(--sbfr-border);
	border-radius: calc(var(--sbfr-radius) - 2px);
	height: 620px;
	width: 100%;
}

.entry-content .sbfr-app,
.wp-block-post-content .sbfr-app,
.elementor-widget-container .sbfr-app,
.et_pb_module .sbfr-app {
	box-sizing: border-box;
	max-width: 100%;
}

.entry-content .sbfr-app *,
.wp-block-post-content .sbfr-app *,
.elementor-widget-container .sbfr-app *,
.et_pb_module .sbfr-app * {
	box-sizing: border-box;
}

.sbfr-timeline {
	margin: 0;
	padding-left: 20px;
}

.sbfr-timeline li {
	margin: 0 0 12px;
}

.sbfr-timeline span,
.sbfr-timeline small {
	display: block;
	color: var(--sbfr-muted);
}

.sbfr-thread {
	display: grid;
	gap: 10px;
	margin-bottom: 14px;
}

.sbfr-message {
	border: 1px solid var(--sbfr-border);
	border-left: 5px solid var(--sbfr-accent);
	border-radius: var(--sbfr-radius);
	background: #fff;
	padding: 12px;
}

.sbfr-message.is-customer {
	border-left-color: #197278;
}

.sbfr-message.is-internal {
	border-left-color: #d9b300;
	background: #fffaf0;
}

.sbfr-message > div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.sbfr-message p {
	margin: 8px 0 0;
}

.sbfr-badge-cloud,
.sbfr-feature-groups details {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sbfr-feature-groups details {
	display: block;
	margin-bottom: 14px;
}

.sbfr-feature-groups summary {
	cursor: pointer;
	font-weight: 900;
	margin-bottom: 10px;
}

.sbfr-notice {
	border: 1px solid var(--sbfr-border);
	border-left: 5px solid var(--sbfr-accent);
	border-radius: var(--sbfr-radius);
	background: #fff;
	margin: 12px 0;
	padding: 12px 14px;
}

.sbfr-notice-error {
	border-left-color: #d64550;
}

.sbfr-notice-success {
	border-left-color: #1aab40;
}

.sbfr-density-compact .sbfr-panel,
.sbfr-density-compact .sbfr-card,
.sbfr-density-compact .sbfr-table-wrap,
.sbfr-density-compact .sbfr-chart,
.sbfr-density-compact .sbfr-header,
.sbfr-density-compact .sbfr-step {
	padding: 14px;
}

.sbfr-density-compact .sbfr-table th,
.sbfr-density-compact .sbfr-table td {
	padding: 8px;
}

.sbfr-density-dense .sbfr-header {
	display: none;
}

.sbfr-density-dense .sbfr-panel,
.sbfr-density-dense .sbfr-table-wrap,
.sbfr-density-dense .sbfr-chart,
.sbfr-density-dense .sbfr-step {
	padding: 10px;
	box-shadow: none;
}

.sbfr-density-dense .sbfr-table {
	font-size: 12px;
}

.sbfr-density-dense .sbfr-table th,
.sbfr-density-dense .sbfr-table td {
	padding: 6px;
}

@media (max-width: 860px) {
	.sbfr-app {
		width: min(100%, calc(100% - 18px));
		margin: 10px auto;
	}

	.sbfr-grid-2,
	.sbfr-grid-3,
	.sbfr-grid-4,
	.sbfr-form-grid,
	.sbfr-column-config-grid,
	.sbfr-admin-split,
	.sbfr-report-builder-controls,
	.sbfr-kpi-row,
	.sbfr-bulk-toolbar,
	.sbfr-import-actions,
	.sbfr-section-create,
	.sbfr-section-row,
	.sbfr-template-grid,
	.sbfr-shortcode-cards,
	.sbfr-builder-field-grid,
	.sbfr-stage-strip,
	.sbfr-workflow-lane {
		grid-template-columns: 1fr;
	}

	.sbfr-page-head,
	.sbfr-save-strip,
	.sbfr-builder-field-head {
		align-items: stretch;
		flex-direction: column;
	}

	.sbfr-builder-tabs,
	.sbfr-field-palette {
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.sbfr-builder-tabs button,
	.sbfr-field-palette .button {
		white-space: nowrap;
	}

	.sbfr-bulk-note {
		grid-column: auto;
	}

	.sbfr-table-wrap {
		overflow-x: auto;
	}

	.sbfr-scroll-table {
		max-height: 76vh;
	}

	.sbfr-column-order-buttons {
		grid-auto-flow: column;
		grid-template-columns: repeat(2, 34px);
	}

	.sbfr-board {
		grid-auto-columns: minmax(210px, 76vw);
		grid-auto-flow: column;
		grid-template-columns: none;
	}

	.sbfr-field-row-item {
		grid-template-columns: 22px 1fr auto auto;
	}

	.sbfr-field-row-item small {
		grid-column: 2 / -1;
	}

	.sbfr-search-row {
		align-items: stretch;
		flex-direction: column;
	}

	.sbfr-workflow-buttons .sbfr-button,
	.sbfr-workflow-options label {
		width: 100%;
	}

	.sbfr-chart-row {
		grid-template-columns: 1fr 36px;
	}

	.sbfr-chart-row i {
		grid-column: 1 / -1;
	}

	.sbfr-chart-head,
	.sbfr-report-filters {
		align-items: stretch;
		flex-direction: column;
	}

	.sbfr-chart-wheel-wrap {
		grid-template-columns: 1fr;
	}

		.sbfr-chart-grid,
		.sbfr-report-card-grid,
		.sbfr-surface-grid,
		.sbfr-surface-report-picker,
		.sbfr-surface-card.is-list,
		.sbfr-surface-fields {
			grid-template-columns: 1fr;
	}

	.sbfr-report-filters .sbfr-local-search,
	.sbfr-report-filters label {
		max-width: none;
		width: 100%;
	}

	.sbfr-rule-row,
	.sbfr-rule-action-row {
		grid-template-columns: 1fr 34px;
	}

	.sbfr-rule-row select,
	.sbfr-rule-row input,
	.sbfr-rule-row textarea {
		grid-column: 1 / 2;
	}

	.sbfr-rule-row .sbfr-icon-button {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
}