html,
body {
	overflow-x: clip;
}

@supports not (overflow: clip) {
	html,
	body {
		overflow-x: hidden;
	}
}

.ssrss-wrap {
	--ssrss-ink: #17202a;
	--ssrss-muted: #667085;
	--ssrss-line: #d8dee8;
	--ssrss-soft: #f5f7fa;
	--ssrss-teal: #0f766e;
	--ssrss-coral: #c2410c;
	--ssrss-gold: #a16207;
	--ssrss-blue: #1d4ed8;
	box-sizing: border-box;
	color: var(--ssrss-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	max-width: min(1180px, 100%);
	margin: 0 auto;
	padding: 28px 18px 56px;
	width: 100%;
}

body.page {
	--wp--style--global--content-size: min(1180px, calc(100vw - 36px));
	--wp--style--global--wide-size: min(1500px, calc(100vw - 36px));
}

.entry-content > .ssrss-wrap,
.wp-block-post-content > .ssrss-wrap,
.is-layout-constrained > .ssrss-wrap {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: min(1180px, calc(100vw - 36px)) !important;
	text-align: left;
	width: 100%;
}

.entry-content > .ssrss-dashboard,
.wp-block-post-content > .ssrss-dashboard,
.is-layout-constrained > .ssrss-dashboard {
	max-width: min(1500px, calc(100vw - 36px)) !important;
}

.entry-content > .ssrss-feed-page,
.wp-block-post-content > .ssrss-feed-page,
.is-layout-constrained > .ssrss-feed-page {
	max-width: min(1100px, calc(100vw - 36px)) !important;
}

footer .wp-block-navigation[aria-label=" 2"],
footer .wp-block-navigation[aria-label=" 3"] {
	display: none !important;
}

.ssrss-wrap * {
	box-sizing: border-box;
}

.ssrss-wrap h1,
.ssrss-wrap h2,
.ssrss-wrap h3,
.ssrss-wrap p {
	margin-top: 0;
}

.ssrss-eyebrow {
	color: var(--ssrss-coral);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.ssrss-lead,
.ssrss-page-head p,
.ssrss-panel-copy p {
	color: var(--ssrss-muted);
	font-size: 17px;
	line-height: 1.65;
}

.ssrss-hero {
	align-items: stretch;
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
	min-height: 560px;
	padding: 38px 0;
}

.ssrss-hero-copy {
	align-self: center;
}

.ssrss-hero h1,
.ssrss-dashboard-head h1,
.ssrss-page-head h1 {
	font-size: 52px;
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.02;
	margin-bottom: 18px;
}

.ssrss-actions,
.ssrss-head-actions,
.ssrss-feed-actions,
.ssrss-inline-form,
.ssrss-auth-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ssrss-button,
.ssrss-wrap button,
.ssrss-icon-button {
	align-items: center;
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-ink);
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 750;
	justify-content: center;
	line-height: 1;
	min-height: 42px;
	padding: 0 16px;
	text-decoration: none;
	transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
	white-space: nowrap;
}

.ssrss-button:hover,
.ssrss-icon-button:hover {
	border-color: #98a2b3;
	box-shadow: 0 8px 22px rgba(23, 32, 42, .08);
	transform: translateY(-1px);
}

.ssrss-button-primary {
	background: var(--ssrss-teal);
	border-color: var(--ssrss-teal);
	color: #fff;
}

.ssrss-button-danger {
	color: #b42318;
}

.ssrss-hero-visual {
	align-self: center;
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	box-shadow: 0 28px 80px rgba(16, 24, 40, .16);
	display: grid;
	gap: 10px;
	overflow: hidden;
	padding: 10px;
}

.ssrss-hero-visual img {
	aspect-ratio: 16 / 10;
	border: 1px solid var(--ssrss-line);
	border-radius: 6px;
	display: block;
	object-fit: cover;
	object-position: top;
	width: 100%;
}

.ssrss-hero-stats {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ssrss-hero-stats div {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 6px;
	padding: 11px;
}

.ssrss-hero-stats span,
.ssrss-hero-stats strong {
	display: block;
	font-size: 12px;
	overflow-wrap: anywhere;
}

.ssrss-hero-stats span {
	color: var(--ssrss-muted);
	font-weight: 750;
	margin-bottom: 5px;
}

.ssrss-hero-stats strong {
	font-size: 13px;
}

.ssrss-band,
.ssrss-panel,
.ssrss-auth-panel {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	padding: 24px;
}

.ssrss-feature-grid,
.ssrss-metrics,
.ssrss-plan-grid,
.ssrss-doc-grid,
.ssrss-connector-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ssrss-feature,
.ssrss-metric,
.ssrss-plan,
.ssrss-doc-block,
.ssrss-connector {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	padding: 18px;
}

.ssrss-feature strong,
.ssrss-feature span,
.ssrss-metric span,
.ssrss-metric strong,
.ssrss-connector strong,
.ssrss-connector span {
	display: block;
}

.ssrss-feature span,
.ssrss-metric span,
.ssrss-connector span {
	color: var(--ssrss-muted);
	font-size: 14px;
	margin-top: 6px;
}

.ssrss-metric strong {
	font-size: 24px;
}

.ssrss-dashboard-head,
.ssrss-section-title,
.ssrss-feed-title,
.ssrss-key-row {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: space-between;
}

.ssrss-dashboard-head,
.ssrss-page-head {
	margin-bottom: 24px;
}

.ssrss-dashboard {
	max-width: min(1500px, 100%);
}

.ssrss-new-feed-page {
	max-width: min(1180px, 100%);
}

.ssrss-app-shell {
	align-items: start;
	display: grid;
	gap: 22px;
	grid-template-columns: 270px minmax(0, 1fr);
}

.ssrss-app-sidebar {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 16px;
	max-height: calc(100vh - 28px);
	overflow: auto;
	padding: 16px;
	position: sticky;
	top: 14px;
}

.ssrss-sidebar-brand strong,
.ssrss-sidebar-brand span,
.ssrss-sidebar-status span,
.ssrss-sidebar-feeds span,
.ssrss-sidebar-feeds small {
	display: block;
}

.ssrss-sidebar-brand strong {
	font-size: 17px;
	font-weight: 850;
}

.ssrss-sidebar-brand span,
.ssrss-sidebar-search span,
.ssrss-sidebar-feeds small {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 750;
}

.ssrss-sidebar-search input,
.ssrss-feed-toolbar input[type="search"] {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-ink);
	font-size: 14px;
	min-height: 38px;
	padding: 0 10px;
	width: 100%;
}

.ssrss-sidebar-nav {
	display: grid;
	gap: 6px;
}

.ssrss-sidebar-nav a,
.ssrss-sidebar-feeds a {
	border-radius: 8px;
	color: var(--ssrss-ink);
	font-size: 14px;
	font-weight: 750;
	padding: 9px 10px;
	text-decoration: none;
}

.ssrss-sidebar-nav a {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.ssrss-sidebar-nav a:hover,
.ssrss-sidebar-feeds a:hover {
	background: var(--ssrss-soft);
}

.ssrss-sidebar-status {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ssrss-sidebar-status span {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 999px;
	color: var(--ssrss-muted);
	font-size: 12px;
	padding: 6px 8px;
}

.ssrss-sidebar-feeds {
	border-top: 1px solid var(--ssrss-line);
	display: grid;
	gap: 4px;
	max-height: 380px;
	overflow: auto;
	padding-top: 10px;
}

.ssrss-sidebar-feeds a {
	min-width: 0;
}

.ssrss-sidebar-feeds span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ssrss-app-main {
	min-width: 0;
}

.ssrss-metrics,
.ssrss-panel,
.ssrss-feed-list,
.ssrss-source-strip {
	margin-bottom: 22px;
}

.ssrss-section-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.ssrss-panel {
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(220px, .5fr) minmax(0, 1fr);
}

.ssrss-new-feed-hero {
	align-items: start;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr);
	margin-bottom: 24px;
}

.ssrss-new-feed-copy {
	padding-top: 12px;
}

.ssrss-new-feed-copy h1 {
	font-size: 48px;
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.04;
	margin: 8px 0 14px;
}

.ssrss-back-link {
	color: var(--ssrss-muted);
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 18px;
	text-decoration: none;
}

.ssrss-new-feed-stats {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 22px;
}

.ssrss-new-feed-stats span {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 800;
	padding: 12px;
}

.ssrss-new-feed-stats strong {
	color: var(--ssrss-ink);
	display: block;
	font-size: 18px;
	margin-top: 4px;
}

.ssrss-generator-card,
.ssrss-source-picker {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(23, 32, 42, .08);
	padding: 18px;
}

.ssrss-generator-tabs {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 16px;
	padding: 4px;
}

.ssrss-generator-tabs span,
.ssrss-generator-tabs a {
	border-radius: 6px;
	color: var(--ssrss-muted);
	font-size: 13px;
	font-weight: 850;
	padding: 10px 12px;
	text-align: center;
	text-decoration: none;
}

.ssrss-generator-tabs .is-active {
	background: #fff;
	box-shadow: 0 4px 14px rgba(23, 32, 42, .08);
	color: var(--ssrss-ink);
}

.ssrss-new-feed-form {
	display: grid;
	gap: 14px;
}

.ssrss-generator-line {
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.ssrss-wrap .ssrss-generator-line input[type="text"] {
	font-size: 18px;
	min-height: 58px;
	padding: 0 16px;
}

.ssrss-generator-line .ssrss-button {
	min-height: 58px;
	padding: 0 20px;
}

.ssrss-builder-tools {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	padding: 10px;
}

.ssrss-builder-fields {
	align-items: end;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

.ssrss-builder-fields .ssrss-button {
	min-height: 42px;
	white-space: nowrap;
}

.ssrss-builder-preview {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	max-height: 390px;
	overflow: auto;
	padding: 10px;
}

.ssrss-builder-patterns {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.ssrss-builder-patterns > span {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 850;
	margin-right: 2px;
}

.ssrss-wrap .ssrss-builder-patterns button {
	align-items: center;
	background: #f1fbf9;
	border: 1px solid #bfe5df;
	border-radius: 8px;
	color: var(--ssrss-teal);
	display: inline-flex;
	gap: 8px;
	min-height: 34px;
	padding: 0 10px;
}

.ssrss-builder-patterns strong {
	font-size: 12px;
}

.ssrss-builder-patterns small {
	color: var(--ssrss-muted);
	font-size: 11px;
	font-weight: 800;
}

.ssrss-builder-results {
	display: grid;
	gap: 6px;
}

.ssrss-wrap .ssrss-builder-result {
	align-items: center;
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-ink);
	display: grid;
	gap: 10px;
	grid-template-columns: 48px minmax(0, 1fr);
	min-height: 56px;
	padding: 6px;
	text-align: left;
	width: 100%;
}

.ssrss-wrap .ssrss-builder-result:hover {
	border-color: var(--ssrss-teal);
}

.ssrss-builder-thumb {
	aspect-ratio: 1;
	background: var(--ssrss-soft);
	border-radius: 6px;
	display: block;
	height: 48px;
	overflow: hidden;
	width: 48px;
}

.ssrss-builder-thumb img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ssrss-builder-result strong,
.ssrss-builder-result small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ssrss-builder-result strong {
	font-size: 13px;
	line-height: 1.25;
}

.ssrss-builder-result small {
	color: var(--ssrss-muted);
	font-size: 11px;
	font-weight: 750;
	margin-top: 2px;
}

.ssrss-builder-loading,
.ssrss-builder-error {
	color: var(--ssrss-muted);
	font-size: 13px;
	font-weight: 750;
	padding: 4px;
}

.ssrss-builder-error {
	color: var(--ssrss-red);
}

.ssrss-feed-options {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ssrss-feed-options .ssrss-checkbox {
	grid-column: 1 / -1;
}

.ssrss-source-picker {
	box-shadow: none;
}

.ssrss-source-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
}

.ssrss-wrap .ssrss-source-tabs button {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 999px;
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 850;
	min-height: 32px;
	padding: 0 12px;
}

.ssrss-wrap .ssrss-source-tabs button.is-active {
	background: #17202a;
	border-color: #17202a;
	color: #fff;
}

.ssrss-source-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	margin-top: 16px;
}

.ssrss-wrap .ssrss-source-card {
	align-content: start;
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-ink);
	display: grid;
	gap: 7px;
	justify-content: stretch;
	min-height: 116px;
	padding: 13px;
	text-align: left;
	white-space: normal;
}

.ssrss-wrap .ssrss-source-card:hover,
.ssrss-wrap .ssrss-source-card.is-selected {
	border-color: var(--ssrss-teal);
	box-shadow: 0 10px 26px rgba(15, 118, 110, .12);
	transform: translateY(-1px);
}

.ssrss-source-icon {
	align-items: center;
	background: #e8f5f3;
	border: 1px solid #bfddd8;
	border-radius: 7px;
	color: var(--ssrss-teal);
	display: inline-flex;
	font-size: 11px;
	font-weight: 900;
	height: 32px;
	justify-content: center;
	width: 38px;
}

.ssrss-source-card strong {
	font-size: 14px;
	line-height: 1.2;
}

.ssrss-source-card small {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.ssrss-feed-form {
	align-items: end;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(180px, 1fr)) auto;
}

.ssrss-inline-form {
	align-items: end;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.ssrss-panel > *,
.ssrss-inline-form,
.ssrss-key-list,
.ssrss-log-list {
	min-width: 0;
}

.ssrss-wrap label span {
	color: var(--ssrss-muted);
	display: block;
	font-size: 13px;
	font-weight: 750;
	margin-bottom: 7px;
}

.ssrss-wrap input[type="text"],
.ssrss-wrap input[type="url"],
.ssrss-wrap input[type="password"],
.ssrss-wrap select {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-ink);
	font-size: 15px;
	min-height: 42px;
	padding: 0 12px;
	width: 100%;
}

.ssrss-checkbox {
	align-items: center;
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: flex;
	gap: 9px;
	min-height: 42px;
	padding: 9px 12px;
}

.ssrss-checkbox input {
	margin: 0;
}

.ssrss-checkbox span {
	margin: 0;
}

.ssrss-bundle-form,
.ssrss-webhook-form {
	display: grid;
	gap: 12px;
}

.ssrss-bundle-create-line,
.ssrss-bundle-picker-bar {
	align-items: end;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.ssrss-bundle-picker {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 8px;
	padding: 8px;
}

.ssrss-bundle-picker input[type="search"] {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-ink);
	font-size: 13px;
	min-height: 34px;
	padding: 0 9px;
	width: 100%;
}

.ssrss-bundle-picker-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
}

.ssrss-bundle-picker-actions span {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 800;
}

.ssrss-bundle-feed-list {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	max-height: min(340px, 50vh);
	overflow: auto;
}

.ssrss-bundle-feed {
	align-items: center;
	border-top: 1px solid var(--ssrss-line);
	color: var(--ssrss-ink);
	display: grid;
	gap: 8px;
	grid-template-columns: auto minmax(0, 1fr);
	padding: 8px 10px;
}

.ssrss-bundle-feed:first-child {
	border-top: 0;
}

.ssrss-bundle-feed:hover {
	background: #fbfcfe;
}

.ssrss-bundle-feed input {
	margin: 0;
}

.ssrss-bundle-feed strong,
.ssrss-bundle-feed small {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ssrss-bundle-feed strong {
	font-size: 13px;
	line-height: 1.25;
}

.ssrss-bundle-feed small {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 700;
	margin-top: 2px;
}

.ssrss-bundle-form .ssrss-button:disabled {
	cursor: not-allowed;
	opacity: .55;
}

.ssrss-check-list {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ssrss-check-list label {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-ink);
	display: flex;
	gap: 9px;
	min-height: 42px;
	padding: 10px;
}

.ssrss-source-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ssrss-source-strip span {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 999px;
	color: var(--ssrss-muted);
	font-size: 13px;
	font-weight: 700;
	padding: 7px 10px;
}

.ssrss-feed-toolbar {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(220px, 1fr) minmax(140px, .35fr) minmax(180px, .45fr);
	margin-bottom: 10px;
	padding: 9px;
}

.ssrss-feed-toolbar label span {
	font-size: 12px;
	margin-bottom: 5px;
}

.ssrss-feed-toolbar input[type="search"],
.ssrss-feed-toolbar select {
	font-size: 13px;
	min-height: 34px;
	padding: 0 9px;
}

.ssrss-bulk-feed-form {
	align-items: center;
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(145px, auto) minmax(360px, 1fr) minmax(300px, auto);
	margin-bottom: 10px;
	padding: 9px;
	position: sticky;
	top: 44px;
	z-index: 20;
}

.ssrss-bulk-feed-form.is-active {
	border-color: #1d4ed8;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
}

.ssrss-bulk-label {
	display: grid;
	gap: 2px;
}

.ssrss-bulk-label strong {
	color: var(--ssrss-ink);
	font-size: 13px;
	font-weight: 900;
}

.ssrss-bulk-label span {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 800;
}

.ssrss-bulk-main,
.ssrss-bulk-all {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.ssrss-bulk-all {
	justify-content: flex-end;
}

.ssrss-bulk-all label {
	margin: 0;
	max-width: 180px;
}

.ssrss-bulk-all input {
	font-size: 12px;
	min-height: 32px;
	padding: 0 8px;
	text-transform: uppercase;
}

.ssrss-bulk-count {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 800;
}

.ssrss-bulk-feed-form .ssrss-button {
	min-height: 32px;
	padding: 0 10px;
}

.ssrss-bulk-feed-form .ssrss-button:disabled {
	cursor: not-allowed;
	opacity: .55;
}

.ssrss-feed-table {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	overflow: visible;
}

.ssrss-feed-list-head {
	background: #f8fafc;
	border-bottom: 1px solid var(--ssrss-line);
	color: var(--ssrss-muted);
	display: grid;
	font-size: 11px;
	font-weight: 850;
	gap: 12px;
	grid-template-columns: 26px minmax(160px, 1fr) minmax(150px, .75fr) minmax(110px, .45fr) minmax(260px, auto);
	letter-spacing: 0;
	padding: 8px 10px;
	text-transform: uppercase;
}

.ssrss-feed-row {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-bottom: 12px;
	padding: 18px;
}

.ssrss-feed-row-compact {
	display: block;
	border: 0;
	border-radius: 0;
	border-top: 1px solid var(--ssrss-line);
	margin: 0;
	padding: 9px 10px;
	position: relative;
	scroll-margin-top: 18px;
}

.ssrss-feed-list-head + .ssrss-feed-row-compact {
	border-top: 0;
}

.ssrss-feed-row-compact:hover {
	background: #fbfcfe;
	z-index: 3;
}

.ssrss-feed-topline {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: 26px minmax(0, 1fr);
}

.ssrss-feed-select {
	align-items: center;
	color: var(--ssrss-muted);
	display: flex;
	font-size: 11px;
	font-weight: 800;
	justify-content: center;
	margin: 0;
	text-transform: uppercase;
}

.ssrss-feed-select input {
	height: 16px;
	margin: 0;
	width: 16px;
}

.ssrss-feed-row-compact .ssrss-feed-main {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(160px, .85fr) minmax(160px, 1fr) minmax(110px, .45fr) minmax(190px, auto);
	min-width: 0;
}

.ssrss-feed-row-compact .ssrss-feed-title {
	gap: 8px;
	justify-content: flex-start;
	min-width: 0;
}

.ssrss-feed-row-compact .ssrss-feed-title h3 {
	font-size: 14px;
	font-weight: 850;
	line-height: 1.2;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ssrss-feed-main p {
	color: var(--ssrss-muted);
	margin-bottom: 8px;
	overflow-wrap: anywhere;
}

.ssrss-feed-row-compact .ssrss-feed-main p {
	margin: 0;
}

.ssrss-feed-source-line {
	align-items: center;
	display: flex;
	font-size: 12px;
	gap: 7px;
	min-width: 0;
}

.ssrss-feed-source-line span:first-child {
	color: var(--ssrss-ink);
	flex: 0 0 auto;
	font-weight: 800;
}

.ssrss-feed-source-line a,
.ssrss-feed-source-line span:last-child {
	color: var(--ssrss-muted);
	min-width: 0;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ssrss-feed-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ssrss-feed-row-compact .ssrss-feed-meta {
	flex-wrap: nowrap;
	gap: 6px;
	min-width: 0;
	overflow: hidden;
}

.ssrss-feed-meta span {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 999px;
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 750;
	padding: 5px 8px;
}

.ssrss-feed-row-compact .ssrss-feed-meta span {
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 12px;
	font-weight: 750;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ssrss-feed-row-compact .ssrss-feed-meta span + span::before {
	color: #c3cad6;
	content: "/";
	margin-right: 6px;
}

.ssrss-feed-tools {
	border-top: 1px solid var(--ssrss-line);
	display: grid;
	gap: 10px;
	margin-top: 12px;
	padding-top: 12px;
}

.ssrss-feed-row-compact .ssrss-feed-tools {
	border-top: 0;
	gap: 6px;
	margin-top: 4px;
	padding-top: 0;
}

.ssrss-feed-row-compact .ssrss-xml-line {
	grid-template-columns: minmax(220px, 1fr) repeat(4, auto);
}

.ssrss-feed-row-compact .ssrss-feed-url-line {
	grid-column: 1 / -1;
	gap: 6px;
}

.ssrss-feed-row-compact .ssrss-feed-url-line input {
	font-size: 12px;
	min-height: 30px;
	padding: 0 10px;
}

.ssrss-feed-row-compact .ssrss-feed-actions {
	align-items: center;
	gap: 6px;
	justify-content: flex-end;
	min-width: 0;
}

.ssrss-feed-row-compact .ssrss-feed-edit-details {
	grid-column: 1 / -1;
	margin-top: -2px;
}

.ssrss-feed-row-compact .ssrss-feed-actions form {
	margin: 0;
}

.ssrss-feed-row-compact .ssrss-button,
.ssrss-feed-row-compact .ssrss-icon-button {
	border-radius: 6px;
	font-size: 12px;
	min-height: 30px;
	padding: 0 9px;
}

.ssrss-feed-details {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	padding: 10px 12px;
}

.ssrss-feed-row-compact .ssrss-feed-details {
	background: transparent;
	border: 0;
	padding: 0;
}

.ssrss-feed-row-compact .ssrss-feed-actions .ssrss-feed-details {
	position: relative;
}

.ssrss-feed-row-compact .ssrss-feed-details[open] {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	margin-top: 7px;
	padding: 8px;
}

.ssrss-feed-row-compact .ssrss-feed-actions .ssrss-feed-details[open] {
	background: transparent;
	border: 0;
	margin-top: 0;
	padding: 0;
	z-index: 10;
}

.ssrss-feed-details summary {
	cursor: pointer;
	font-size: 14px;
	font-weight: 800;
}

.ssrss-feed-row-compact .ssrss-feed-details summary {
	align-items: center;
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 6px;
	color: var(--ssrss-muted);
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	justify-content: center;
	line-height: 1;
	min-height: 30px;
	padding: 0 9px;
	white-space: nowrap;
}

.ssrss-feed-row-compact .ssrss-feed-details summary::-webkit-details-marker {
	display: none;
}

.ssrss-feed-detail-popover {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(23, 32, 42, .16);
	display: grid;
	gap: 10px;
	padding: 12px;
	position: absolute;
	right: 0;
	top: 36px;
	width: min(520px, calc(100vw - 48px));
	z-index: 30;
}

.ssrss-filter-popover {
	width: min(720px, calc(100vw - 48px));
}

.ssrss-feed-row-compact .ssrss-feed-edit-details .ssrss-feed-detail-popover {
	box-shadow: none;
	margin-top: 8px;
	position: static;
	width: 100%;
}

.ssrss-filter-form {
	display: grid;
	gap: 12px;
}

.ssrss-filter-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ssrss-filter-grid label,
.ssrss-filter-form .ssrss-checkbox {
	display: grid;
	gap: 6px;
}

.ssrss-filter-grid span {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.ssrss-filter-grid textarea {
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	font: inherit;
	min-height: 68px;
	padding: 9px 10px;
	resize: vertical;
	width: 100%;
}

.ssrss-filter-hint {
	color: var(--ssrss-muted);
	font-size: 12px;
	line-height: 1.45;
	margin: 0;
}

.ssrss-filter-actions {
	display: flex;
	justify-content: flex-end;
}

.ssrss-badge {
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	padding: 5px 9px;
	text-transform: uppercase;
}

.ssrss-badge-active {
	background: #dcfce7;
	color: #166534;
}

.ssrss-badge-error {
	background: #fee2e2;
	color: #991b1b;
}

.ssrss-badge-queued {
	background: #fef3c7;
	color: #92400e;
}

.ssrss-xml-line {
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) repeat(4, auto);
}

.ssrss-feed-error,
.ssrss-notice {
	border-radius: 8px;
	margin: 12px 0;
	padding: 12px 14px;
}

.ssrss-feed-error,
.ssrss-notice-error {
	background: #fee2e2;
	color: #991b1b;
}

.ssrss-notice-warning {
	background: #fff7ed;
	color: #9a3412;
}

.ssrss-feed-row-compact .ssrss-feed-error {
	font-size: 12px;
	line-height: 1.3;
	margin: 0;
	overflow: hidden;
	padding: 6px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ssrss-notice-success {
	background: #dcfce7;
	color: #166534;
}

.ssrss-preview-list {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 12px 0 0;
	padding-left: 0;
}

.ssrss-preview-list li {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: 48px minmax(0, 1fr);
	min-height: 48px;
}

.ssrss-preview-list li:not(:has(img)) {
	grid-template-columns: minmax(0, 1fr);
}

.ssrss-preview-list img {
	aspect-ratio: 1;
	border-radius: 6px;
	object-fit: cover;
	width: 48px;
}

.ssrss-preview-list a {
	color: var(--ssrss-blue);
	text-decoration: none;
}

.ssrss-embed-line {
	align-items: center;
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	padding: 10px;
}

.ssrss-embed-line code {
	background: #101828;
	border-radius: 6px;
	color: #d0d5dd;
	overflow-wrap: anywhere;
	padding: 6px 8px;
}

.ssrss-empty {
	background: #fff;
	border: 1px dashed #98a2b3;
	border-radius: 8px;
	color: var(--ssrss-muted);
	padding: 22px;
}

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

.ssrss-plan {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.ssrss-plan-featured {
	border-color: var(--ssrss-teal);
	box-shadow: 0 18px 44px rgba(15, 118, 110, .15);
}

.ssrss-plan strong {
	font-size: 28px;
}

.ssrss-plan ul {
	color: var(--ssrss-muted);
	margin: 0;
	padding-left: 18px;
}

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

.ssrss-doc-block code {
	background: #101828;
	border-radius: 6px;
	color: #d0d5dd;
	display: block;
	margin-top: 10px;
	overflow-x: auto;
	padding: 12px;
}

.ssrss-connector.is-ready {
	border-color: #86efac;
}

.ssrss-connector.is-waiting {
	border-color: #fed7aa;
}

.ssrss-key-list {
	display: grid;
	gap: 10px;
}

.ssrss-mini-row,
.ssrss-log-row {
	align-items: center;
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: 10px;
	padding: 12px;
}

.ssrss-mini-row input {
	margin-top: 8px;
}

.ssrss-mini-row span,
.ssrss-log-row span,
.ssrss-log-row small {
	color: var(--ssrss-muted);
	display: block;
	overflow-wrap: anywhere;
}

.ssrss-mini-actions {
	align-items: center;
	display: flex;
	gap: 8px;
}

.ssrss-log-row {
	grid-template-columns: 90px minmax(0, 1fr) auto;
}

.ssrss-log-error {
	border-color: #fecaca;
}

.ssrss-log-info {
	border-color: #bfdbfe;
}

.ssrss-auth-links {
	margin-top: 16px;
}

.ssrss-auth-links a {
	color: var(--ssrss-blue);
	font-weight: 750;
	text-decoration: none;
}

.ssrss-widget {
	display: grid;
	gap: 12px;
}

.ssrss-widget-item {
	align-items: center;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	color: var(--ssrss-ink);
	display: grid;
	gap: 12px;
	grid-template-columns: 72px minmax(0, 1fr);
	padding: 10px;
	text-decoration: none;
}

.ssrss-widget-item img {
	aspect-ratio: 1;
	border-radius: 6px;
	object-fit: cover;
	width: 72px;
}

.ssrss-public-body {
	background: #f5f7fa;
	margin: 0;
}

.ssrss-feed-page {
	max-width: 980px;
}

.ssrss-public-nav,
.ssrss-public-head,
.ssrss-public-head-actions,
.ssrss-public-source,
.ssrss-feed-tabs,
.ssrss-public-list-head,
.ssrss-public-meta {
	align-items: center;
	display: flex;
	gap: 10px;
}

.ssrss-public-nav,
.ssrss-public-head,
.ssrss-public-list-head {
	justify-content: space-between;
}

.ssrss-public-nav {
	margin-bottom: 22px;
}

.ssrss-public-nav-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.ssrss-public-brand {
	color: var(--ssrss-ink);
	font-size: 18px;
	font-weight: 850;
	text-decoration: none;
}

.ssrss-public-head {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	margin-bottom: 12px;
	padding: 24px;
}

.ssrss-public-head h1 {
	font-size: 34px;
	letter-spacing: 0;
	line-height: 1.12;
	margin-bottom: 12px;
}

.ssrss-public-head-actions {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.ssrss-public-source {
	color: var(--ssrss-muted);
	flex-wrap: wrap;
	font-size: 14px;
}

.ssrss-public-source span {
	background: var(--ssrss-soft);
	border: 1px solid var(--ssrss-line);
	border-radius: 999px;
	color: var(--ssrss-ink);
	font-weight: 750;
	padding: 6px 10px;
}

.ssrss-public-source a {
	color: var(--ssrss-blue);
	overflow-wrap: anywhere;
	text-decoration: none;
}

.ssrss-feed-tabs {
	border-bottom: 1px solid var(--ssrss-line);
	margin-bottom: 18px;
	overflow-x: auto;
	padding: 0 2px;
}

.ssrss-feed-tabs a,
.ssrss-feed-tabs span {
	color: var(--ssrss-muted);
	font-size: 14px;
	font-weight: 800;
	padding: 12px 10px;
	text-decoration: none;
	white-space: nowrap;
}

.ssrss-feed-tabs .is-active {
	border-bottom: 3px solid var(--ssrss-teal);
	color: var(--ssrss-ink);
}

.ssrss-feed-url-card {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(180px, .45fr) minmax(0, 1fr);
	margin-bottom: 16px;
	padding: 20px;
}

.ssrss-feed-url-card h2 {
	font-size: 18px;
	margin-bottom: 8px;
}

.ssrss-feed-url-card p,
.ssrss-public-card p {
	color: var(--ssrss-muted);
	line-height: 1.55;
	margin-bottom: 0;
}

.ssrss-public-list-head {
	color: var(--ssrss-muted);
	font-size: 14px;
	margin-bottom: 12px;
}

.ssrss-public-list-head strong {
	color: var(--ssrss-ink);
}

.ssrss-public-items {
	display: grid;
	gap: 12px;
}

.ssrss-public-card {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	display: grid;
	gap: 16px;
	grid-template-columns: 160px minmax(0, 1fr);
	padding: 14px;
}

.ssrss-public-card:not(:has(.ssrss-public-thumb)) {
	grid-template-columns: minmax(0, 1fr);
}

.ssrss-public-thumb img {
	aspect-ratio: 16 / 10;
	border-radius: 6px;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ssrss-public-title {
	color: var(--ssrss-ink);
	display: block;
	font-size: 18px;
	font-weight: 850;
	line-height: 1.3;
	margin-bottom: 8px;
	text-decoration: none;
}

.ssrss-public-title:hover {
	color: var(--ssrss-blue);
}

.ssrss-public-meta {
	color: var(--ssrss-muted);
	flex-wrap: wrap;
	font-size: 13px;
	font-weight: 750;
	margin-top: 12px;
}

body.page-id-50 .wp-block-post-title,
body:has(.ssrss-dashboard) .wp-block-post-title {
	display: none;
}

body.page-id-50 #wp--skip-link--target,
body:has(.ssrss-dashboard) #wp--skip-link--target {
	margin-block-start: 16px !important;
	margin-top: 16px !important;
}

body.page-id-50 #wp--skip-link--target > .wp-block-group.alignfull,
body:has(.ssrss-dashboard) #wp--skip-link--target > .wp-block-group.alignfull {
	padding-bottom: 36px !important;
	padding-top: 16px !important;
}

body.page-id-50 #wp--skip-link--target .entry-content,
body:has(.ssrss-dashboard) #wp--skip-link--target .entry-content {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.ssrss-wrap.ssrss-dashboard {
	padding-top: 12px;
}

.ssrss-dashboard .ssrss-app-shell {
	gap: 16px;
}

.ssrss-dashboard .ssrss-app-main {
	display: grid;
	gap: 10px;
}

.ssrss-dashboard .ssrss-dashboard-head {
	align-items: flex-end;
	border-bottom: 1px solid var(--ssrss-line);
	margin-bottom: 0;
	padding-bottom: 8px;
}

.ssrss-dashboard .ssrss-dashboard-head .ssrss-eyebrow {
	display: none;
}

.ssrss-dashboard .ssrss-dashboard-head h1 {
	font-size: 24px;
	line-height: 1.1;
	margin: 0;
}

.ssrss-dashboard .ssrss-head-actions .ssrss-button {
	min-height: 34px;
	padding: 0 12px;
}

.ssrss-dashboard .ssrss-metrics,
.ssrss-dashboard .ssrss-feed-list,
.ssrss-dashboard .ssrss-source-strip {
	margin-bottom: 0;
}

.ssrss-dashboard .ssrss-metrics {
	gap: 8px;
}

.ssrss-dashboard .ssrss-metric {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-height: 46px;
	padding: 9px 11px;
}

.ssrss-dashboard .ssrss-metric span {
	font-size: 12px;
	margin-top: 0;
}

.ssrss-dashboard .ssrss-metric strong {
	font-size: 16px;
	line-height: 1.15;
}

.ssrss-dashboard .ssrss-section-title {
	margin-bottom: 8px;
}

.ssrss-dashboard .ssrss-section-title h2 {
	font-size: 18px;
	line-height: 1.2;
	margin: 0;
}

.ssrss-dashboard .ssrss-section-actions {
	gap: 8px;
}

.ssrss-dashboard .ssrss-section-actions span {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 800;
}

.ssrss-dashboard .ssrss-section-actions .ssrss-button {
	min-height: 34px;
	padding: 0 12px;
}

.ssrss-dashboard .ssrss-feed-toolbar {
	margin-bottom: 8px;
	padding: 8px;
}

.ssrss-dashboard .ssrss-bulk-feed-form {
	gap: 7px;
	grid-template-columns: minmax(105px, auto) minmax(250px, 1fr) minmax(250px, auto);
	margin-bottom: 8px;
	padding: 7px;
	top: 12px;
}

.ssrss-dashboard .ssrss-bulk-label strong {
	font-size: 12px;
}

.ssrss-dashboard .ssrss-bulk-label span {
	font-size: 11px;
}

.ssrss-dashboard .ssrss-bulk-main,
.ssrss-dashboard .ssrss-bulk-all {
	gap: 6px;
}

.ssrss-dashboard .ssrss-bulk-all label span {
	display: none;
}

.ssrss-dashboard .ssrss-bulk-all input {
	min-height: 30px;
}

.ssrss-dashboard .ssrss-feed-table {
	border-radius: 8px;
}

.ssrss-dashboard .ssrss-feed-list-head {
	padding: 7px 10px;
}

.ssrss-dashboard .ssrss-feed-row-compact {
	padding: 8px 10px;
}

.ssrss-dashboard .ssrss-empty {
	font-size: 14px;
	line-height: 1.45;
	padding: 14px;
}

.ssrss-dashboard-tools {
	display: grid;
	gap: 8px;
}

.ssrss-tool-panel {
	background: #fff;
	border: 1px solid var(--ssrss-line);
	border-radius: 8px;
	overflow: hidden;
}

.ssrss-tool-summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	list-style: none;
	padding: 9px 12px;
}

.ssrss-tool-summary::-webkit-details-marker {
	display: none;
}

.ssrss-tool-summary::after {
	color: var(--ssrss-muted);
	content: "+";
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
}

.ssrss-tool-panel[open] .ssrss-tool-summary::after {
	content: "-";
}

.ssrss-tool-summary span,
.ssrss-tool-summary strong,
.ssrss-tool-summary small {
	display: block;
	min-width: 0;
}

.ssrss-tool-summary strong {
	font-size: 14px;
	line-height: 1.2;
}

.ssrss-tool-summary small {
	color: var(--ssrss-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	margin-top: 2px;
}

.ssrss-tool-body {
	border-top: 1px solid var(--ssrss-line);
	padding: 10px 12px 12px;
}

.ssrss-tool-stack {
	display: grid;
	gap: 10px;
}

.ssrss-tool-note {
	color: var(--ssrss-muted);
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
}

.ssrss-dashboard-tools .ssrss-doc-grid,
.ssrss-dashboard-tools .ssrss-connector-grid {
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.ssrss-dashboard-tools .ssrss-doc-block,
.ssrss-dashboard-tools .ssrss-connector {
	padding: 10px;
}

.ssrss-dashboard-tools .ssrss-doc-block code {
	font-size: 12px;
	margin-top: 7px;
	padding: 8px;
}

.ssrss-dashboard-tools .ssrss-bundle-form,
.ssrss-dashboard-tools .ssrss-webhook-form {
	gap: 8px;
}

.ssrss-dashboard-tools .ssrss-mini-row,
.ssrss-dashboard-tools .ssrss-log-row {
	margin-top: 8px;
	padding: 9px;
}

.ssrss-dashboard-tools .ssrss-empty {
	padding: 12px;
}

@media (max-width: 900px) {
	.ssrss-app-shell,
	.ssrss-hero,
	.ssrss-new-feed-hero,
	.ssrss-panel,
	.ssrss-feed-row,
	.ssrss-feed-form,
	.ssrss-generator-line,
	.ssrss-builder-fields,
	.ssrss-inline-form,
	.ssrss-bundle-create-line,
	.ssrss-bundle-picker-bar,
	.ssrss-feed-toolbar,
	.ssrss-bulk-feed-form,
	.ssrss-feed-topline {
		grid-template-columns: 1fr;
	}

	.ssrss-feed-list-head {
		display: none;
	}

	.ssrss-feed-row-compact .ssrss-feed-main {
		grid-template-columns: 1fr;
		gap: 5px;
	}

	.ssrss-feed-row-compact .ssrss-feed-actions {
		justify-content: flex-start;
	}

	.ssrss-bulk-all {
		justify-content: flex-start;
	}

	.ssrss-app-sidebar {
		max-height: none;
		position: static;
	}

	.ssrss-sidebar-feeds {
		max-height: 220px;
	}

	.ssrss-feature-grid,
	.ssrss-metrics,
	.ssrss-plan-grid,
	.ssrss-doc-grid,
	.ssrss-connector-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ssrss-hero h1,
	.ssrss-new-feed-copy h1,
	.ssrss-dashboard-head h1,
	.ssrss-page-head h1 {
		font-size: 38px;
	}
}

@media (max-width: 620px) {
	.ssrss-wrap {
		padding: 18px 12px 42px;
	}

	.ssrss-feature-grid,
	.ssrss-metrics,
	.ssrss-plan-grid,
	.ssrss-doc-grid,
	.ssrss-connector-grid,
	.ssrss-new-feed-stats,
	.ssrss-feed-options,
	.ssrss-xml-line,
	.ssrss-check-list,
	.ssrss-mini-row,
	.ssrss-log-row,
	.ssrss-public-head,
	.ssrss-feed-url-card,
	.ssrss-public-card {
		grid-template-columns: 1fr;
	}

	.ssrss-dashboard-head,
	.ssrss-section-title,
	.ssrss-feed-title,
	.ssrss-key-row,
	.ssrss-section-actions,
	.ssrss-public-nav,
	.ssrss-public-head,
	.ssrss-public-list-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.ssrss-generator-card,
	.ssrss-source-picker {
		padding: 14px;
	}

	.ssrss-source-tabs {
		justify-content: flex-start;
	}

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

	.ssrss-button,
	.ssrss-icon-button {
		width: 100%;
	}

	.ssrss-bulk-main,
	.ssrss-bulk-all {
		align-items: stretch;
		flex-direction: column;
	}

	.ssrss-bulk-all label {
		max-width: none;
	}

	.ssrss-feed-row-compact .ssrss-button,
	.ssrss-feed-row-compact .ssrss-icon-button {
		flex: 0 0 auto;
		width: auto;
	}

	.ssrss-feed-row-compact .ssrss-feed-actions {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 2px;
		scrollbar-width: none;
	}

	.ssrss-feed-row-compact .ssrss-feed-actions::-webkit-scrollbar {
		display: none;
	}

	.ssrss-feed-row-compact .ssrss-feed-actions .ssrss-feed-details {
		flex: 0 0 auto;
	}

	.ssrss-feed-row-compact .ssrss-feed-details summary {
		width: 100%;
	}

	.ssrss-feed-row-compact .ssrss-feed-actions:has(.ssrss-feed-details[open]) {
		flex-wrap: wrap;
		overflow: visible;
	}

	.ssrss-feed-row-compact .ssrss-feed-actions .ssrss-feed-details[open] {
		flex-basis: 100%;
	}

	.ssrss-feed-detail-popover {
		margin-top: 6px;
		position: static;
		width: 100%;
	}

	.ssrss-filter-grid {
		grid-template-columns: 1fr;
	}

	.ssrss-feed-row-compact .ssrss-feed-actions,
	.ssrss-public-head-actions {
		width: 100%;
	}

	.ssrss-public-head h1 {
		font-size: 28px;
	}

	.ssrss-public-thumb img {
		height: auto;
	}
}

@media (max-width: 900px) {
	.ssrss-dashboard .ssrss-bulk-feed-form {
		grid-template-columns: 1fr;
		position: static;
	}

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

@media (max-width: 620px) {
	.ssrss-dashboard .ssrss-dashboard-head {
		align-items: flex-start;
	}

	.ssrss-dashboard .ssrss-metrics,
	.ssrss-dashboard-tools .ssrss-doc-grid,
	.ssrss-dashboard-tools .ssrss-connector-grid {
		grid-template-columns: 1fr;
	}
}