/**
 * Newsroom OS — settings / inbox dashboard layout (uses tokens from nros-theme.css).
 */

.nros-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 24px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.nros-card {
	background: var(--nros-surface);
	border: 1px solid var(--nros-border);
	border-radius: 10px;
	padding: 20px;
	box-shadow: var(--nros-shadow-sm);
}

.nros-card h3 {
	margin-top: 0;
	font-size: 16px;
	color: var(--nros-text);
	border-bottom: 1px solid var(--nros-border-subtle);
	padding-bottom: 12px;
	margin-bottom: 15px;
	font-weight: 600;
}

.nros-col-12 { grid-column: span 12; }
.nros-col-8 { grid-column: span 8; }
.nros-col-6 { grid-column: span 6; }
.nros-col-4 { grid-column: span 4; }

@media (max-width: 1024px) {
	.nros-col-12,
	.nros-col-8,
	.nros-col-6,
	.nros-col-4 {
		grid-column: span 12;
	}
}

.nros-kpi-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 24px;
}

.nros-kpi {
	background: var(--nros-surface);
	border: 1px solid var(--nros-border);
	padding: 20px;
	border-radius: 10px;
	box-shadow: var(--nros-shadow-sm);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.nros-kpi-label {
	font-size: 12px;
	color: var(--nros-text-muted);
	font-weight: 600;
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
}

.nros-kpi-val {
	font-size: 32px;
	font-weight: 700;
	color: var(--nros-text);
}

.nros-kpi-sub {
	font-size: 11px;
	color: var(--nros-text-subtle);
	margin-top: 5px;
}

.nros-status-badge {
	font-size: 11px;
	padding: 3px 8px;
	border-radius: 12px;
	font-weight: 600;
}

.nros-status-pending {
	background: #fff8e5;
	color: #926c0a;
	border: 1px solid #f0b849;
}

.nros-status-overdue {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

.nros-status-done {
	background: #ecfdf5;
	color: #065f46;
	border: 1px solid #a7f3d0;
}

@media (prefers-color-scheme: dark) {
	.nros-status-pending {
		background: rgba(146, 64, 14, 0.25);
		color: #fcd34d;
		border-color: rgba(251, 191, 36, 0.35);
	}
	.nros-status-overdue {
		background: rgba(127, 29, 29, 0.35);
		color: #fca5a5;
		border-color: rgba(248, 113, 113, 0.35);
	}
	.nros-status-done {
		background: rgba(6, 78, 59, 0.35);
		color: #6ee7b7;
		border-color: rgba(52, 211, 153, 0.35);
	}
}

body.wp-admin.is-dark-theme .nros-status-pending {
	background: rgba(146, 64, 14, 0.25);
	color: #fcd34d;
	border-color: rgba(251, 191, 36, 0.35);
}

body.wp-admin.is-dark-theme .nros-status-overdue {
	background: rgba(127, 29, 29, 0.35);
	color: #fca5a5;
	border-color: rgba(248, 113, 113, 0.35);
}

body.wp-admin.is-dark-theme .nros-status-done {
	background: rgba(6, 78, 59, 0.35);
	color: #6ee7b7;
	border-color: rgba(52, 211, 153, 0.35);
}

.nros-command-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
	position: sticky;
	top: 32px;
	background: var(--nros-bg-muted);
	z-index: 5;
	padding: 8px 0;
}

.nros-filter-chip {
	border: 1px solid var(--nros-border);
	background: var(--nros-surface);
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	color: var(--nros-text);
}

.nros-filter-chip.active {
	background: var(--nros-accent);
	border-color: var(--nros-accent);
	color: #fff;
}

.nros-actions-select {
	font-size: 12px;
	min-height: 28px;
}

.nros-view-toggle {
	display: flex;
	gap: 6px;
	margin-left: auto;
}

.nros-view-btn {
	border: 1px solid var(--nros-border);
	background: var(--nros-surface);
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 12px;
	cursor: pointer;
	color: var(--nros-text);
}

.nros-view-btn.active {
	background: var(--nros-accent);
	color: #fff;
	border-color: var(--nros-accent);
}

#nros-kanban-view {
	display: none;
	margin-bottom: 12px;
}

#nros-kanban-view.is-visible {
	display: block;
}

.nros-kanban {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	padding-bottom: 6px;
	scrollbar-width: thin;
}

.nros-kanban-col {
	flex: 0 0 240px;
	min-width: 220px;
	background: var(--nros-bg-muted, #f8fafc);
	border: 1px solid var(--nros-border);
	border-radius: 10px;
	min-height: 220px;
}

.nros-kanban-head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-bottom: 1px solid var(--nros-border-subtle);
	font-size: 12px;
	font-weight: 700;
	color: var(--nros-text);
}

.nros-kanban-head__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

.nros-kanban-head--overdue .nros-kanban-head__dot { background: #ef4444; }
.nros-kanban-head--due-soon .nros-kanban-head__dot { background: #f97316; }
.nros-kanban-head--scheduled .nros-kanban-head__dot { background: #3b82f6; }
.nros-kanban-head--done .nros-kanban-head__dot { background: #22c55e; }

.nros-kanban-head__label {
	flex: 1;
	min-width: 0;
}

.nros-kanban-head__count {
	font-size: 11px;
	font-weight: 600;
	color: var(--nros-text-muted);
	background: var(--nros-surface);
	border: 1px solid var(--nros-border-subtle);
	border-radius: 999px;
	padding: 2px 7px;
}

.nros-kanban-body {
	padding: 10px;
	max-height: 520px;
	overflow: auto;
}

.nros-kanban-card {
	border: 1px solid var(--nros-border);
	border-radius: 8px;
	padding: 10px 10px 10px 12px;
	margin-bottom: 8px;
	background: var(--nros-surface);
	color: var(--nros-text);
	cursor: grab;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.nros-kanban-card__title {
	display: block;
	font-size: 13px;
	line-height: 1.35;
	margin: 0 28px 6px 0;
}

.nros-kanban-card__tag {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 2px 7px;
	border-radius: 4px;
	background: #eef2ff;
	color: #4338ca;
	border: 1px solid #c7d2fe;
}

.nros-kanban-meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 11px;
	color: var(--nros-text-muted);
}

.nros-kanban-meta__author {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.nros-kanban-card__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #e0e7ff;
	color: #4338ca;
	font-size: 9px;
	font-weight: 700;
	flex-shrink: 0;
}

.nros-kanban-card.is-dragging {
	opacity: 0.45;
	cursor: grabbing;
}

.nros-kanban-card {
	position: relative;
}

.nros-kanban-card__select {
	position: absolute;
	top: 8px;
	right: 8px;
	margin: 0;
	cursor: pointer;
	display: inline-flex;
}

.nros-kanban-card__select input {
	margin: 0;
	cursor: pointer;
}

.nros-kanban-card strong {
	display: block;
	padding-right: 22px;
}

.nros-kanban-card.is-selected {
	border-color: var(--nros-accent, #2271b1);
	box-shadow: 0 0 0 2px var(--nros-accent-soft, #cce0f0) inset;
}

.nros-kanban-bulkbar {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 12px;
	padding: 10px 12px;
	border: 1px solid var(--nros-border);
	border-radius: 10px;
	background: var(--nros-surface-raised, var(--nros-surface));
}

.nros-kanban-bulkbar[hidden] {
	display: none;
}

.nros-kanban-bulkbar__count {
	font-weight: 700;
	font-size: 12px;
	color: var(--nros-text);
}

.nros-kanban-bulkbar__move {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--nros-text-muted, #50575e);
}

.nros-kanban-body.is-drag-over {
	background: var(--nros-accent-soft, #eff6ff);
	outline: 2px dashed var(--nros-accent, #2271b1);
	outline-offset: -2px;
	border-radius: 0 0 8px 8px;
}

.nros-kanban-meta {
	font-size: 11px;
	color: var(--nros-text-subtle);
	margin-top: 6px;
	display: flex;
	justify-content: space-between;
}

.nros-kanban-empty {
	margin: 0;
	padding: 8px 4px;
	font-size: 11px;
	color: var(--nros-text-subtle);
	font-style: italic;
}

@media (max-width: 1200px) {
	.nros-kanban {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 700px) {
	.nros-kanban {
		grid-template-columns: 1fr;
	}
}

.nros-pro-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--nros-overlay);
	backdrop-filter: blur(2px);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 10;
	text-align: center;
	padding: 20px;
	color: var(--nros-text);
}

.nros-pro-badge {
	background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
	color: #fff;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	box-shadow: 0 4px 6px rgba(99, 102, 241, 0.2);
}

.nros-avatar {
	width: 32px;
	height: 32px;
	background: var(--nros-accent-soft);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--nros-accent);
	font-weight: bold;
	font-size: 12px;
}

.nros-perf-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid var(--nros-border-subtle);
}

.nros-settings-tabs {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.nros-settings-tab-btn {
	border: 1px solid var(--nros-border);
	background: var(--nros-surface);
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	color: var(--nros-text);
}

.nros-settings-tab-btn.active {
	background: var(--nros-accent);
	border-color: var(--nros-accent);
	color: #fff;
}

.nros-settings-pane {
	display: none;
}

.nros-settings-pane.active {
	display: block;
}

.nros-settings-pane .form-table select,
.nros-settings-pane .form-table .nros-settings-select {
	width: 100%;
	max-width: 42rem;
	min-width: 12rem;
}

.nros-select-detail {
	margin: 8px 0 0;
	max-width: 42rem;
	line-height: 1.5;
	color: var(--nros-text-muted, #646970);
}

.nros-schema-article-body {
	max-width: 42rem;
}

.nros-schema-article-body .description {
	margin-top: 8px;
	max-width: none;
}

.nros-schema-article-body-words {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 10px;
	margin-top: 10px;
	padding: 10px 12px;
	border: 1px solid var(--nros-border-subtle, #dcdcde);
	border-radius: 6px;
	background: var(--nros-bg-muted, #f6f7f7);
}

@media (prefers-color-scheme: dark) {
	.nros-schema-article-body-words {
		background: var(--nros-bg-muted);
		border-color: var(--nros-border);
	}
	.nros-kpi-sub--good { color: #6ee7b7; }
	.nros-kpi-sub--warn { color: #fcd34d; }
	.nros-kpi-sub--bad { color: #fca5a5; }
	.nros-kpi-val--bad { color: #fca5a5; }
	.nros-trend-up { color: #6ee7b7; }
	.nros-trend-down { color: #fca5a5; }
	.nros-google-status__link--alert {
		border-color: rgba(248, 113, 113, 0.55);
		color: #fecaca;
	}
	.nros-google-status__link--ok {
		border-color: rgba(52, 211, 153, 0.55);
		color: #a7f3d0;
	}
	.nros-google-status__sub {
		color: inherit;
		opacity: 0.92;
	}
	.nros-nav-tabs .nav-tab--pro { color: #a5b4fc; }
	.nros-inbox-stat--gsc .nros-inbox-stat__label { color: #6ee7b7; }
	.nros-inbox-val--good { color: #6ee7b7; }
	.nros-inbox-val--warn { color: #fcd34d; }
	.nros-inbox-val--bad { color: #fca5a5; }
	.nros-inbox-val--muted { color: var(--nros-text-muted); }
	.nros-inbox-cats__label,
	.nros-inbox-cats__pill { color: #c7d2fe; border-color: rgba(129, 140, 248, 0.45); }
}

body.wp-admin.is-dark-theme .nros-schema-article-body-words {
	background: var(--nros-bg-muted);
	border-color: var(--nros-border);
}
body.wp-admin.is-dark-theme .nros-kpi-sub--good { color: #6ee7b7; }
body.wp-admin.is-dark-theme .nros-kpi-sub--warn { color: #fcd34d; }
body.wp-admin.is-dark-theme .nros-kpi-sub--bad { color: #fca5a5; }
body.wp-admin.is-dark-theme .nros-kpi-val--bad { color: #fca5a5; }
body.wp-admin.is-dark-theme .nros-trend-up { color: #6ee7b7; }
body.wp-admin.is-dark-theme .nros-trend-down { color: #fca5a5; }
body.wp-admin.is-dark-theme .nros-google-status__link--alert {
	border-color: rgba(248, 113, 113, 0.55);
	color: #fecaca;
}
body.wp-admin.is-dark-theme .nros-google-status__link--ok {
	border-color: rgba(52, 211, 153, 0.55);
	color: #a7f3d0;
}
body.wp-admin.is-dark-theme .nros-google-status__sub {
	color: inherit;
	opacity: 0.92;
}
body.wp-admin.is-dark-theme .nros-nav-tabs .nav-tab--pro { color: #a5b4fc; }
body.wp-admin.is-dark-theme .nros-inbox-stat--gsc .nros-inbox-stat__label { color: #6ee7b7; }
body.wp-admin.is-dark-theme .nros-inbox-val--good { color: #6ee7b7; }
body.wp-admin.is-dark-theme .nros-inbox-val--warn { color: #fcd34d; }
body.wp-admin.is-dark-theme .nros-inbox-val--bad { color: #fca5a5; }
body.wp-admin.is-dark-theme .nros-inbox-val--muted { color: var(--nros-text-muted); }
body.wp-admin.is-dark-theme .nros-inbox-cats__label,
body.wp-admin.is-dark-theme .nros-inbox-cats__pill {
	color: #c7d2fe;
	border-color: rgba(129, 140, 248, 0.45);
}

.nros-schema-article-body-words.is-hidden {
	display: none;
}

.nros-schema-article-body-words label {
	margin: 0;
	font-weight: 500;
	color: var(--nros-text, #1d2327);
}

.nros-schema-article-body-words input[type="number"] {
	width: 5.5em;
	margin: 0;
}

.nros-insights-wrap {
	position: relative;
}

.nros-kpi-row-insights {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1300px) {
	.nros-kpi-row-insights {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.nros-kpi-row-insights {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.nros-insights-wrap.is-demo .nros-dashboard-grid,
.nros-insights-wrap.is-demo .nros-kpi-row {
	filter: blur(1.6px);
	opacity: 0.9;
	pointer-events: none;
}

.nros-insights-table-hint {
	margin: 0 0 10px;
	font-size: 12px;
	color: var(--nros-text-subtle);
}

.nros-insights-channel-empty {
	margin: 0 0 10px;
	font-size: 12px;
	color: #9a3412;
	background: #fff7ed;
	border: 1px solid #fed7aa;
	border-radius: 6px;
	padding: 8px 10px;
}

@media (prefers-color-scheme: dark) {
	.nros-insights-channel-empty {
		color: #fcd34d;
		background: rgba(146, 64, 14, 0.25);
		border-color: rgba(251, 191, 36, 0.35);
	}
}

body.wp-admin.is-dark-theme .nros-insights-channel-empty {
	color: #fcd34d;
	background: rgba(146, 64, 14, 0.25);
	border-color: rgba(251, 191, 36, 0.35);
}

.nros-insights-articles-table .nros-insights-col-trend {
	width: 140px;
	white-space: nowrap;
}

.nros-trend {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
}

.nros-trend__icon {
	font-size: 13px;
	line-height: 1;
}

.nros-trend--up { color: #047857; }
.nros-trend--new { color: #1d4ed8; }
.nros-trend--down { color: #b91c1c; }
.nros-trend--flat { color: var(--nros-text-subtle); }

@media (prefers-color-scheme: dark) {
	.nros-trend--up { color: #6ee7b7; }
	.nros-trend--new { color: #93c5fd; }
	.nros-trend--down { color: #fca5a5; }
}

body.wp-admin.is-dark-theme .nros-trend--up { color: #6ee7b7; }
body.wp-admin.is-dark-theme .nros-trend--new { color: #93c5fd; }
body.wp-admin.is-dark-theme .nros-trend--down { color: #fca5a5; }

.nros-inbox-badge {
	display: inline-block;
	border-radius: 999px;
	padding: 2px 9px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
}

.nros-inbox-badge--done {
	background: #dcfce7;
	color: #15803d;
}

.nros-inbox-badge--overdue {
	background: #fee2e2;
	color: #991b1b;
}

.nros-inbox-badge--due-soon {
	background: #fff7ed;
	color: #9a3412;
}

.nros-inbox-badge--scheduled {
	background: #eff6ff;
	color: #1d4ed8;
}

@media (prefers-color-scheme: dark) {
	.nros-inbox-badge--done {
		background: rgba(6, 78, 59, 0.45);
		color: #6ee7b7;
	}
	.nros-inbox-badge--overdue {
		background: rgba(127, 29, 29, 0.45);
		color: #fca5a5;
	}
	.nros-inbox-badge--due-soon {
		background: rgba(146, 64, 14, 0.35);
		color: #fcd34d;
	}
	.nros-inbox-badge--scheduled {
		background: rgba(30, 58, 138, 0.45);
		color: #93c5fd;
	}
}

body.wp-admin.is-dark-theme .nros-inbox-badge--done {
	background: rgba(6, 78, 59, 0.45);
	color: #6ee7b7;
}

body.wp-admin.is-dark-theme .nros-inbox-badge--overdue {
	background: rgba(127, 29, 29, 0.45);
	color: #fca5a5;
}

body.wp-admin.is-dark-theme .nros-inbox-badge--due-soon {
	background: rgba(146, 64, 14, 0.35);
	color: #fcd34d;
}

body.wp-admin.is-dark-theme .nros-inbox-badge--scheduled {
	background: rgba(30, 58, 138, 0.45);
	color: #93c5fd;
}

.nros-insights-keywords-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 0 16px;
}

/* ---- Layout utilities (Dashboard tab) ---- */
.nros-mb-24 { margin-bottom: 24px; }
.nros-mb-20 { margin-bottom: 20px; }
.nros-mb-14 { margin-bottom: 14px; }
.nros-mb-8 { margin-bottom: 8px; }
.nros-mb-0 { margin-bottom: 0; }
.nros-mt-0 { margin-top: 0; }
.nros-p-20 { padding: 20px; }
.nros-p-15-20 { padding: 15px 20px 0; }
.nros-card--flush { padding: 0; overflow: hidden; position: relative; }
.nros-card--spaced { margin-bottom: 24px; }
.nros-w-full { width: 100%; }
.nros-flex-between { display: flex; justify-content: space-between; align-items: center; }
.nros-flex-center { display: flex; align-items: center; gap: 10px; }
.nros-flex-gap-8 { display: flex; align-items: center; gap: 8px; }
.nros-flex-gap-15 { display: flex; align-items: center; gap: 15px; }
.nros-flex-gap-20 { display: flex; gap: 20px; }
.nros-flex-shrink-0 { flex-shrink: 0; }
.nros-min-w-0 { min-width: 0; flex: 1; }
.nros-no-decoration { text-decoration: none; }
.nros-border-none { border: none; box-shadow: none; }

.nros-wrap-header h1 { display: flex; align-items: center; gap: 10px; }
.nros-version-badge {
	font-size: 12px;
	background: #888;
	color: #fff;
	padding: 3px 8px;
	border-radius: 4px;
	vertical-align: middle;
}
.nros-site-meta { margin-top: 6px; font-size: 12px; color: var(--nros-text-muted); }
.nros-profile-pill {
	margin-left: 8px;
	background: var(--nros-accent-soft);
	color: #4338ca;
	border: 1px solid #c7d2fe;
	border-radius: 999px;
	padding: 2px 8px;
	font-weight: 600;
}
@media (prefers-color-scheme: dark) {
	.nros-profile-pill { color: #c7d2fe; border-color: rgba(129, 140, 248, 0.45); }
}
body.wp-admin.is-dark-theme .nros-profile-pill { color: #c7d2fe; border-color: rgba(129, 140, 248, 0.45); }

.nros-nav-tabs {
	margin-bottom: 24px;
	border-bottom: 1px solid var(--nros-border);
}
.nros-nav-tabs .nav-tab { font-size: 15px; }
.nros-nav-tabs .nav-tab--pro { color: #6366f1; font-weight: bold; }

.nros-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--nros-border);
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.nros-card-title {
	margin: 0;
	border: none;
	padding: 0;
	font-size: 16px;
	color: var(--nros-text);
}
.nros-card-title--sm { font-size: 14px; }
.nros-card-desc { font-size: 12px; color: var(--nros-text-subtle); margin-top: 0; margin-bottom: 14px; }
.nros-card-desc--tight { margin-bottom: 8px; }

.nros-google-status {
	padding: 15px 20px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nros-google-status--alert {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
	box-shadow: 0 4px 6px rgba(239, 68, 68, 0.1);
}
.nros-google-status--ok {
	background: #ecfdf5;
	color: #065f46;
	border: 1px solid #a7f3d0;
	box-shadow: 0 4px 6px rgba(16, 185, 129, 0.05);
}
@media (prefers-color-scheme: dark) {
	.nros-google-status--alert {
		background: rgba(127, 29, 29, 0.35);
		color: #fca5a5;
		border-color: rgba(248, 113, 113, 0.35);
	}
	.nros-google-status--ok {
		background: rgba(6, 78, 59, 0.35);
		color: #6ee7b7;
		border-color: rgba(52, 211, 153, 0.35);
	}
}
body.wp-admin.is-dark-theme .nros-google-status--alert {
	background: rgba(127, 29, 29, 0.35);
	color: #fca5a5;
	border-color: rgba(248, 113, 113, 0.35);
}
body.wp-admin.is-dark-theme .nros-google-status--ok {
	background: rgba(6, 78, 59, 0.35);
	color: #6ee7b7;
	border-color: rgba(52, 211, 153, 0.35);
}
.nros-google-status__icon { font-size: 24px; }
.nros-google-status__title { font-size: 15px; }
.nros-google-status__sub { font-size: 13px; font-weight: normal; }
.nros-google-status__link {
	display: inline-block;
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 4px;
	text-decoration: none;
	background: transparent;
}
.nros-google-status__link--alert { border: 1px solid #fca5a5; color: #b91c1c; }
.nros-google-status__link--ok { border: 1px solid #6ee7b7; color: #047857; }

.nros-kpi-link { text-decoration: none; color: inherit; }
.nros-kpi-val--bad { color: #dc2626; }
.nros-kpi-sub--muted { color: var(--nros-text-subtle); }
.nros-kpi-sub--good { color: #10b981; }
.nros-kpi-sub--warn { color: #f59e0b; }
.nros-kpi-sub--bad { color: #dc2626; }
.nros-kpi-unit { font-size: 16px; color: var(--nros-text-subtle); }

.nros-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}
.nros-form-grid--full { grid-column: span 2; }
.nros-field-label {
	font-weight: 600;
	font-size: 12px;
	display: block;
	margin-bottom: 4px;
	color: var(--nros-text-muted);
}
.nros-field-input { width: 100%; border-radius: 6px; }
.nros-form-actions { grid-column: span 2; margin-top: 10px; }
.nros-form-inline { margin: 0; display: flex; gap: 5px; align-items: center; }
.nros-btn-danger-outline { color: #d63638; border-color: #d63638; }

.nros-kanban-head--overdue { color: #991b1b; background: #fef2f2; }
.nros-kanban-head--due-soon { color: #92400e; background: #fffbeb; }
.nros-kanban-head--scheduled { color: #1d4ed8; background: #eff6ff; }
.nros-kanban-head--done { color: #065f46; background: #ecfdf5; }
@media (prefers-color-scheme: dark) {
	.nros-kanban-head--overdue { color: #fca5a5; background: rgba(127, 29, 29, 0.35); }
	.nros-kanban-head--due-soon { color: #fcd34d; background: rgba(146, 64, 14, 0.25); }
	.nros-kanban-head--scheduled { color: #93c5fd; background: rgba(30, 58, 138, 0.35); }
	.nros-kanban-head--done { color: #6ee7b7; background: rgba(6, 78, 59, 0.35); }
}
body.wp-admin.is-dark-theme .nros-kanban-head--overdue { color: #fca5a5; background: rgba(127, 29, 29, 0.35); }
body.wp-admin.is-dark-theme .nros-kanban-head--due-soon { color: #fcd34d; background: rgba(146, 64, 14, 0.25); }
body.wp-admin.is-dark-theme .nros-kanban-head--scheduled { color: #93c5fd; background: rgba(30, 58, 138, 0.35); }
body.wp-admin.is-dark-theme .nros-kanban-head--done { color: #6ee7b7; background: rgba(6, 78, 59, 0.35); }

.nros-task-keyword { font-size: 10px; color: var(--nros-accent); }
.nros-task-thread-link {
	font-size: 11px;
	color: var(--nros-accent);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.nros-task-thread-link--locked { color: #9a6700; }
.nros-status-scheduled { font-size: 11px; color: var(--nros-text-subtle); }
.nros-empty-cell { text-align: center; padding: 20px; color: var(--nros-text-subtle); }

.nros-unread-badge {
	background: #d63638;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 0 5px;
	border-radius: 9px;
	line-height: 14px;
	height: 18px;
	min-width: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.nros-unread-badge--sm { padding: 2px 7px; }
.nros-unread-badge--md { font-size: 11px; padding: 2px 8px; }
.nros-unread-badge--lg { font-size: 12px; padding: 3px 10px; }

.nros-post-list { margin: 0; padding: 0; list-style: none; }
.nros-post-list__item {
	margin-bottom: 12px;
	border-bottom: 1px solid var(--nros-border-subtle);
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nros-post-list__body { padding-right: 15px; }
.nros-post-list__title {
	font-weight: 600;
	color: var(--nros-text);
	text-decoration: none;
	font-size: 13px;
	display: block;
	margin-bottom: 4px;
	line-height: 1.3;
}
.nros-post-list__meta { font-size: 11px; color: var(--nros-text-subtle); }
.nros-post-list__empty { font-size: 12px; color: var(--nros-text-subtle); }

.nros-thread-list { margin: 0; padding: 0; list-style: none; }
.nros-thread-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 8px;
	border-bottom: 1px solid var(--nros-border-subtle);
	background: transparent;
	text-decoration: none;
	color: var(--nros-text);
}
.nros-thread-row--unread {
	background: #fff7ed;
	border-bottom-color: #fed7aa;
}
@media (prefers-color-scheme: dark) {
	.nros-thread-row--unread {
		background: rgba(146, 64, 14, 0.2);
		border-bottom-color: rgba(251, 191, 36, 0.35);
	}
}
body.wp-admin.is-dark-theme .nros-thread-row--unread {
	background: rgba(146, 64, 14, 0.2);
	border-bottom-color: rgba(251, 191, 36, 0.35);
}
.nros-thread-row__title {
	display: block;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nros-thread-row__time { color: var(--nros-text-subtle); font-size: 11px; }
.nros-thread-done { color: #9ca3af; font-size: 10px; flex-shrink: 0; }

.nros-notice-warn {
	background: #fff7ed;
	border: 1px solid #fed7aa;
	border-radius: 6px;
	padding: 8px 10px;
	font-size: 12px;
	color: #9a3412;
}
@media (prefers-color-scheme: dark) {
	.nros-notice-warn {
		background: rgba(146, 64, 14, 0.25);
		border-color: rgba(251, 191, 36, 0.35);
		color: #fcd34d;
	}
}
body.wp-admin.is-dark-theme .nros-notice-warn {
	background: rgba(146, 64, 14, 0.25);
	border-color: rgba(251, 191, 36, 0.35);
	color: #fcd34d;
}

.nros-ping-input {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--nros-border);
	border-radius: 6px;
	font-size: 13px;
	margin-bottom: 8px;
	background: var(--nros-surface);
	color: var(--nros-text);
}
.nros-ping-result { margin-top: 10px; font-size: 12px; line-height: 1.5; color: var(--nros-text); }

.nros-perf-row--last { border-bottom: none; }
.nros-perf-row__name {
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--nros-text);
}
.nros-perf-row__score { font-size: 15px; color: var(--nros-text); }
.nros-trend-up { color: #10b981; font-size: 12px; }
.nros-trend-down { color: #dc2626; font-size: 12px; }
.nros-trend-flat { color: var(--nros-text-subtle); font-size: 12px; }

.nros-radar-card .newsai-tab {
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	color: var(--nros-text-subtle);
	padding-bottom: 8px;
	margin-bottom: -1px;
}
.nros-radar-card .newsai-tab.active {
	color: var(--nros-accent);
	border-bottom: 2px solid var(--nros-accent);
}
.nros-radar-tabs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--nros-border-subtle);
}
.nros-radar-geo {
	font-size: 11px;
	padding: 2px 24px 2px 8px;
	min-height: 26px;
	border-radius: 4px;
	margin-bottom: 5px;
	background: var(--nros-surface);
	color: var(--nros-text);
	border-color: var(--nros-border);
}
.nros-live-badge {
	font-size: 9px;
	background: #fee2e2;
	color: #dc2626;
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: bold;
}
.nros-radar-pane {
	max-height: 350px;
	overflow-y: auto;
	padding: 15px 20px;
}

.nros-radar-pane .nros-radar-idle {
	display: block;
	text-align: center;
	color: var(--nros-text-subtle);
	font-size: 12px;
	padding: 6px 0;
}

/* Content brief — desk workflow under Trend Radar */
.nros-radar-card .nros-brief-bar--dashboard {
	padding: 14px 20px 18px;
	border-top: 1px solid var(--nros-border-subtle);
	background: var(--nros-bg-subtle, #f9fafb);
}

.nros-brief-bar__label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--nros-text);
	margin: 0 0 4px;
}

.nros-brief-bar__hint {
	margin: 0 0 10px !important;
	font-size: 12px;
	color: var(--nros-text-muted);
}

.nros-brief-bar__input {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.nros-radar-card #newsai-brief-generate {
	margin-bottom: 10px;
}

.nros-brief-output {
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.45;
	color: var(--nros-text);
}

.nros-brief-output h4 {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.35;
}

.nros-brief-output ul {
	margin: 4px 0 8px 18px;
	padding: 0;
}

.nros-brief-error { color: #b91c1c; }
.nros-brief-muted { color: var(--nros-text-muted); }
.nros-brief-success { color: #15803d; }
.nros-brief-cache-note {
	margin-top: 6px;
	font-size: 11px;
	color: var(--nros-text-subtle);
}

.nros-brief-task-tools {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dashed var(--nros-border);
}

.nros-brief-task-tools__lead {
	margin: 0 0 10px !important;
}

.nros-brief-task-tools__row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: flex-end;
}

.nros-brief-task-status {
	margin-top: 8px;
	font-size: 12px;
}

.nros-pro-overlay h4 { margin: 0 0 5px; font-size: 14px; color: var(--nros-text); }
.nros-pro-overlay p { font-size: 12px; color: var(--nros-text-muted); margin: 0; }

.nros-card-title.nros-flex-gap-8 { display: flex; align-items: center; gap: 8px; }

.nros-ping-msg--ok { color: #15803d; }
.nros-ping-msg--err { color: #b91c1c; }
.nros-ping-msg--neutral { color: var(--nros-text); }
.nros-ping-msg--muted { color: var(--nros-text-subtle); }
@media (prefers-color-scheme: dark) {
	.nros-ping-msg--ok { color: #6ee7b7; }
	.nros-ping-msg--err { color: #fca5a5; }
}
body.wp-admin.is-dark-theme .nros-ping-msg--ok { color: #6ee7b7; }
body.wp-admin.is-dark-theme .nros-ping-msg--err { color: #fca5a5; }

.nros-comp-feed-input {
	font-size: 12px;
	min-height: 60px;
}
.nros-comp-save-btn { margin-top: 8px; }
.nros-comp-scroll { max-height: 280px; overflow-y: auto; }
.nros-comp-list { margin: 0; padding: 0; list-style: none; }
.nros-comp-item {
	margin-bottom: 15px;
	border-bottom: 1px solid var(--nros-border-subtle);
	padding-bottom: 12px;
}
.nros-comp-item__meta {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.nros-comp-source {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 3px 8px;
	border-radius: 12px;
	border: 1px solid;
}
.nros-comp-time { font-size: 11px; color: var(--nros-text-subtle); }
.nros-comp-item__body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
}
.nros-comp-link {
	text-decoration: none;
	color: var(--nros-text);
	font-weight: 500;
	font-size: 13px;
	display: block;
	line-height: 1.4;
	flex: 1;
	min-width: 0;
}
.nros-comp-add-btn {
	padding: 0;
	min-width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.nros-comp-empty,
.nros-comp-error {
	text-align: center;
	font-size: 12px;
	color: var(--nros-text-subtle);
}
.nros-comp-error { color: #d63638; }
.nros-comp-placeholder {
	text-align: center;
	padding: 20px;
	color: var(--nros-text-subtle);
	background: var(--nros-bg-muted);
	border-radius: 6px;
	font-size: 12px;
	list-style: none;
}

/* Shared surface helpers for markup that still uses inline light colors */
.nros-admin-wrap .nros-surface-panel,
.nros-admin-wrap [class*="nros-card"][style*="background:#fff"],
.nros-admin-wrap [class*="nros-card"][style*="background: #fff"] {
	background: var(--nros-surface) !important;
	border-color: var(--nros-border) !important;
	color: var(--nros-text);
}

@media print {
	#adminmenumain,
	#wpadminbar,
	#screen-meta,
	#screen-meta-links,
	.notice,
	.update-nag,
	.nav-tab-wrapper,
	.wrap > h1,
	.button,
	.page-title-action {
		display: none !important;
	}
	#wpcontent,
	#wpbody-content {
		margin: 0 !important;
		padding: 0 !important;
	}
	#nros-insights-print-area {
		display: block !important;
		margin: 0 !important;
	}
	#nros-insights-print-area .nros-card {
		box-shadow: none !important;
		border: 1px solid #ddd !important;
		break-inside: avoid;
	}
	#nros-insights-print-area .nros-kpi-row {
		break-inside: avoid;
	}
	a[href]:after {
		content: "" !important;
	}
}

/* Author Inbox (My Inbox) */
.nros-inbox-wrap {
	max-width: 980px;
}

.nros-inbox-header {
	display: flex;
	align-items: center;
	gap: 10px;
}

.nros-inbox-header__badge {
	background: #d63638;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 9px;
}

.nros-inbox-intro {
	color: var(--nros-text-muted);
	max-width: 720px;
}

.nros-inbox-perf {
	background: linear-gradient(135deg, #eef2ff 0%, #fdf2f8 100%);
	border-color: #c7d2fe;
	margin: 18px 0;
}

body.wp-admin.is-dark-theme .nros-inbox-perf {
	background: linear-gradient(135deg, rgba(49, 46, 129, 0.35) 0%, rgba(131, 24, 67, 0.2) 100%);
	border-color: var(--nros-border);
}

.nros-inbox-perf__title {
	margin: 0 0 12px;
	font-size: 15px;
	color: #3730a3;
}

body.wp-admin.is-dark-theme .nros-inbox-perf__title {
	color: var(--nros-text);
}

.nros-inbox-perf__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 10px;
}

.nros-inbox-stat {
	background: var(--nros-surface, #fff);
	border: 1px solid var(--nros-border);
	border-radius: 8px;
	padding: 12px;
}

.nros-inbox-stat--gsc {
	border-color: #bbf7d0;
}

.nros-inbox-stat__label {
	font-size: 11px;
	color: var(--nros-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.nros-inbox-stat--gsc .nros-inbox-stat__label {
	color: #047857;
}

.nros-inbox-stat__val {
	font-size: 22px;
	font-weight: 700;
	color: var(--nros-text);
	line-height: 1.1;
	margin-top: 2px;
}

.nros-inbox-stat__sub {
	font-size: 11px;
	color: var(--nros-text-muted);
	margin-top: 2px;
}

.nros-inbox-val--good { color: #10b981; }
.nros-inbox-val--warn { color: #f59e0b; }
.nros-inbox-val--bad { color: #dc2626; }
.nros-inbox-val--muted { color: #9ca3af; }

.nros-inbox-perf__hint {
	margin: 10px 0 0;
	font-size: 11px;
	color: #4338ca;
}

body.wp-admin.is-dark-theme .nros-inbox-perf__hint {
	color: var(--nros-text-muted);
}

.nros-inbox-cats {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.nros-inbox-cats__label {
	font-size: 11px;
	color: #3730a3;
	font-weight: 600;
}

.nros-inbox-cats__pill {
	font-size: 11px;
	background: var(--nros-surface, #fff);
	color: #3730a3;
	border: 1px solid #c7d2fe;
	padding: 2px 9px;
	border-radius: 10px;
}

.nros-inbox-discussions,
.nros-inbox-assignments {
	margin: 18px 0;
}

.nros-inbox-section-title {
	margin: 0 0 10px;
	font-size: 15px;
}

.nros-inbox-thread-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nros-inbox-thread__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 10px;
	border-bottom: 1px solid var(--nros-border-subtle, #f0f0f1);
	text-decoration: none;
	color: var(--nros-text);
	border-radius: 6px;
}

.nros-inbox-thread__link--unread {
	background: #fff7ed;
	border-bottom-color: #fed7aa;
}

body.wp-admin.is-dark-theme .nros-inbox-thread__link--unread {
	background: rgba(124, 45, 18, 0.15);
	border-bottom-color: var(--nros-border);
}

.nros-inbox-thread__body {
	min-width: 0;
	flex: 1;
}

.nros-inbox-thread__title {
	display: block;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nros-inbox-thread__time {
	color: var(--nros-text-muted);
	font-size: 11px;
}

.nros-inbox-thread__badge {
	background: #d63638;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 9px;
	flex-shrink: 0;
}

.nros-inbox-thread__read {
	color: #9ca3af;
	font-size: 11px;
	flex-shrink: 0;
}

.nros-inbox-empty {
	color: var(--nros-text-muted);
	margin: 0;
}

.nros-inbox-table {
	border: none;
	box-shadow: none;
}

.nros-inbox-table__col-date { width: 90px; }
.nros-inbox-table__col-status { width: 120px; }
.nros-inbox-table__col-actions { width: 160px; }

.nros-inbox-kw {
	font-size: 11px;
	color: var(--nros-accent, #2271b1);
}

.nros-inbox-ref {
	font-size: 11px;
}

.nros-inbox-msg-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.nros-inbox-msg-btn__badge {
	background: #d63638;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 0 6px;
	border-radius: 9px;
	line-height: 14px;
	height: 14px;
	display: inline-flex;
	align-items: center;
}

.nros-inbox-footnote {
	color: var(--nros-text-muted);
	font-size: 12px;
}

/* Classic admin shell (2.7 premium) */
.nros-admin-wrap--classic-shell > h1,
.nros-admin-wrap--classic-shell > .nros-site-meta {
	display: none;
}

.nros-admin-wrap--classic-shell {
	margin: 0 0 0 -20px;
	max-width: none;
	padding: 0;
}

.nros-classic-shell {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 0;
	min-height: calc(100vh - 32px);
	background: #f6f7f9;
	border-top: 1px solid var(--nros-border, #e2e4e7);
}

.nros-classic-sidebar {
	background: var(--nros-sidebar-bg, #0f172a);
	border-right: 1px solid var(--nros-sidebar-border, rgba(255, 255, 255, 0.08));
	padding: 20px 14px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: sticky;
	top: 32px;
	align-self: start;
	height: calc(100vh - 32px);
}

.nros-classic-sidebar__brand {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 4px 8px;
}

.nros-classic-sidebar__logo {
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: linear-gradient(135deg, #6366f1, #8b5cf6);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
	flex-shrink: 0;
}

.nros-classic-sidebar__name {
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -0.03em;
	color: var(--nros-sidebar-text-active, #fff);
}

.nros-classic-sidebar__nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.nros-classic-sidebar__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	color: var(--nros-sidebar-text, #94a3b8);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

.nros-classic-sidebar__link:hover {
	background: rgba(99, 102, 241, 0.15);
	color: #e2e8f0;
}

.nros-classic-sidebar__link.is-active {
	background: rgba(99, 102, 241, 0.22);
	color: var(--nros-sidebar-text-active, #fff);
	font-weight: 600;
	box-shadow: inset 3px 0 0 var(--nros-sidebar-accent, #6366f1);
}

.nros-classic-sidebar__icon {
	font-size: 16px;
	line-height: 1;
	width: 20px;
	text-align: center;
	flex-shrink: 0;
}

.nros-classic-sidebar__foot {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid var(--nros-sidebar-border, rgba(255, 255, 255, 0.08));
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.nros-classic-sidebar__pro {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #c4b5fd;
	text-decoration: none;
}

.nros-classic-sidebar__pro:hover,
.nros-classic-sidebar__pro.is-active {
	background: rgba(139, 92, 246, 0.18);
	color: #ddd6fe;
}

.nros-classic-sidebar__pro-badge {
	margin-left: auto;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 2px 6px;
	border-radius: 999px;
	background: #ecfdf5;
	color: #047857;
}

.nros-classic-sidebar__ver {
	font-size: 11px;
	color: var(--nros-text-muted);
	padding: 0 12px;
}

.nros-classic-main {
	padding: 24px 28px 40px;
	min-width: 0;
	overflow-x: auto;
}

.nros-classic-page-head {
	margin-bottom: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.nros-classic-page-head__actions {
	flex-shrink: 0;
}

.nros-dash-new-task {
	border-radius: 8px !important;
	font-weight: 600 !important;
	padding: 6px 14px !important;
	height: auto !important;
}

.nros-classic-page-head__title {
	margin: 0 0 6px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--nros-text, #0f172a);
}

.nros-classic-page-head__sub {
	margin: 0;
	font-size: 14px;
	color: var(--nros-text-muted, #64748b);
	line-height: 1.45;
	max-width: 42em;
}

/* Settings bento */
.nros-settings-bento {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 1200px;
}

.nros-settings-bento__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
}

.nros-settings-bento__card h3 {
	margin-top: 0;
	border-bottom: none;
	padding-bottom: 0;
	font-size: 15px;
}

.nros-settings-bento__card--react {
	border-left: 4px solid #6366f1;
}

.nros-coming-soon-btn {
	opacity: 0.85;
	cursor: not-allowed !important;
	font-weight: 600 !important;
}

/* Hide WP footer on classic Newsroom admin (premium shell; version in sidebar) */
body.nros-classic-admin-shell #wpfooter,
body.nros-classic-tab-settings #wpfooter,
body[class*="newsai-settings"] #wpfooter {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.nros-classic-admin-shell #wpbody-content,
body.nros-classic-tab-settings #wpbody-content,
body[class*="newsai-settings"] #wpbody-content {
	padding-bottom: 12px;
}

body.nros-classic-tab-settings .nros-settings-bento,
body.nros-classic-tab-settings .nros-classic-main {
	padding-bottom: 48px;
}

.nros-settings-profile-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.nros-settings-bento__form {
	padding: 0;
	overflow: hidden;
}

.nros-settings-bento__form .nros-settings-form {
	margin: 0;
}

.nros-settings-layout {
	display: grid;
	grid-template-columns: 200px minmax(0, 1fr);
	gap: 0;
	min-height: 480px;
}

.nros-settings-nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px 12px;
	background: var(--nros-bg-muted, #f8fafc);
	border-right: 1px solid var(--nros-border-subtle, #e2e8f0);
	overflow-y: auto;
}

.nros-settings-nav .nros-settings-tab-btn {
	width: 100%;
	text-align: left;
	border-radius: 8px;
	border: none;
	padding: 9px 12px;
	font-size: 12px;
	font-weight: 600;
	background: transparent;
	color: var(--nros-text-muted);
	cursor: pointer;
}

.nros-settings-nav .nros-settings-tab-btn:hover {
	background: rgba(255, 255, 255, 0.8);
	color: var(--nros-text);
}

.nros-settings-nav .nros-settings-tab-btn.active {
	background: #fff;
	color: #4338ca;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.nros-settings-panes {
	padding: 20px 24px 8px;
	min-width: 0;
}

.nros-settings-bento__form .submit {
	margin: 0;
	padding: 12px 24px 20px;
	border-top: 1px solid var(--nros-border-subtle);
	background: var(--nros-bg-muted, #fafbfc);
}

/* PRO panel */
.nros-pro-panel {
	max-width: 720px;
	padding: 0;
	overflow: hidden;
	border-radius: 16px;
}

.nros-pro-panel::before {
	content: "";
	display: block;
	height: 4px;
	background: linear-gradient(90deg, #6366f1, #8b5cf6, #f59e0b);
}

.nros-pro-panel__hero {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 14px;
	padding: 24px 28px 16px;
	border-bottom: 1px solid var(--nros-border-subtle);
}

.nros-pro-panel__icon {
	font-size: 28px;
	line-height: 1;
}

.nros-pro-panel__title {
	margin: 0 0 4px;
	font-size: 20px;
	border: none;
	padding: 0;
}

.nros-pro-panel__intro {
	margin: 0;
	font-size: 13px;
	color: var(--nros-text-muted);
	line-height: 1.45;
	max-width: 36em;
}

.nros-pro-panel__status {
	margin-left: auto;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 4px 10px;
	border-radius: 999px;
	background: #f3f4f6;
	color: #6b7280;
}

.nros-pro-panel__status.is-active {
	background: #ecfdf5;
	color: #047857;
}

.nros-pro-panel__body {
	padding: 20px 28px;
	font-size: 14px;
}

.nros-pro-panel__features {
	margin-top: 20px;
	padding: 16px;
	border-radius: 12px;
	background: #f5f3ff;
	border: 1px solid #e9d5ff;
}

.nros-pro-panel__features h4 {
	margin: 0 0 10px;
	font-size: 13px;
	color: #6d28d9;
}

.nros-pro-panel__features ul {
	margin: 0;
	padding-left: 18px;
	line-height: 1.7;
	font-size: 13px;
}

.nros-pro-panel__foot {
	padding: 16px 28px 24px;
	border-top: 1px solid var(--nros-border-subtle);
	background: var(--nros-bg-muted, #fafbfc);
}

.nros-pro-panel__api {
	margin: 0 0 12px;
	font-size: 12px;
	color: var(--nros-text-muted);
}

.nros-pro-panel__api code {
	word-break: break-all;
	font-size: 11px;
}

.nros-pro-panel__buy {
	background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
	border-color: #6366f1 !important;
}

@media (max-width: 1100px) {
	.nros-classic-shell {
		grid-template-columns: 1fr;
	}

	.nros-classic-sidebar {
		position: relative;
		top: 0;
		height: auto;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		border-right: none;
		border-bottom: 1px solid var(--nros-border-subtle);
	}

	.nros-classic-sidebar__nav {
		flex-direction: row;
		flex-wrap: wrap;
		flex: 1;
	}

	.nros-classic-sidebar__foot {
		margin-top: 0;
		border-top: none;
		flex-direction: row;
		align-items: center;
		width: 100%;
		justify-content: space-between;
	}

	.nros-settings-layout {
		grid-template-columns: 1fr;
	}

	.nros-settings-nav {
		flex-direction: row;
		flex-wrap: wrap;
		border-right: none;
		border-bottom: 1px solid var(--nros-border-subtle);
	}
}

@media (max-width: 782px) {
	.nros-admin-wrap--classic-shell {
		margin-left: -10px;
	}

	.nros-classic-main {
		padding: 16px 14px 28px;
	}
}

/* Dashboard bento (Phase 4) */
.nros-dash-bento {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.nros-dash-kpi-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 1100px) {
	.nros-dash-kpi-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.nros-dash-kpi-row {
		grid-template-columns: 1fr;
	}
}

.nros-dash-kpi {
	background: var(--nros-surface);
	border: 1px solid var(--nros-border);
	border-radius: 12px;
	padding: 16px 18px;
	box-shadow: var(--nros-shadow-sm);
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.nros-dash-kpi--link:hover {
	border-color: #c7d2fe;
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.08);
}

.nros-dash-kpi__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.nros-dash-kpi__label {
	font-size: 12px;
	font-weight: 600;
	color: var(--nros-text-muted);
}

.nros-dash-kpi__pill {
	font-size: 10px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 999px;
	white-space: nowrap;
}

.nros-dash-kpi__pill.is-up {
	background: #ecfdf5;
	color: #047857;
	border: 1px solid #a7f3d0;
}

.nros-dash-kpi__pill.is-down {
	background: #fef2f2;
	color: #b91c1c;
	border: 1px solid #fecaca;
}

.nros-dash-kpi__pill.is-warn {
	background: #fffbeb;
	color: #b45309;
	border: 1px solid #fde68a;
}

.nros-dash-kpi__val {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--nros-text);
	line-height: 1.1;
}

.nros-dash-kpi__spark {
	margin-top: 4px;
	opacity: 0.9;
}

.nros-dash-kpi__sub {
	font-size: 11px;
	color: var(--nros-text-muted);
	line-height: 1.35;
}

.nros-dash-kpi--hero {
	background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
	border-color: rgba(99, 102, 241, 0.35);
	color: #f8fafc;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
}

.nros-dash-kpi--hero .nros-dash-kpi__label,
.nros-dash-kpi--hero .nros-dash-kpi__sub {
	color: #94a3b8;
}

.nros-dash-kpi--hero .nros-dash-kpi__val {
	color: #ffffff;
}

.nros-dash-kpi--hero .nros-dash-kpi__pill.is-up {
	background: rgba(16, 185, 129, 0.18);
	color: #6ee7b7;
	border-color: rgba(16, 185, 129, 0.35);
}

.nros-dash-kpi--hero .nros-dash-kpi__pill.is-down {
	background: rgba(248, 113, 113, 0.18);
	color: #fca5a5;
	border-color: rgba(248, 113, 113, 0.35);
}

.nros-dash-kpi--hero .nros-dash-kpi__pill.is-warn {
	background: rgba(251, 191, 36, 0.18);
	color: #fcd34d;
	border-color: rgba(251, 191, 36, 0.35);
}

.nros-dash-kpi--alert {
	background: linear-gradient(145deg, #450a0a 0%, #7f1d1d 100%);
	border-color: rgba(248, 113, 113, 0.4);
	color: #fef2f2;
}

.nros-dash-kpi--alert .nros-dash-kpi__label,
.nros-dash-kpi--alert .nros-dash-kpi__sub {
	color: #fecaca;
}

.nros-dash-kpi--alert .nros-dash-kpi__val {
	color: #ffffff;
}

.nros-dash-kpi--alert .nros-dash-kpi__pill.is-down,
.nros-dash-kpi--alert .nros-dash-kpi__pill.is-up,
.nros-dash-kpi--alert .nros-dash-kpi__pill.is-warn {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.2);
}

.nros-dash-kpi--success {
	background: linear-gradient(145deg, #ecfdf5 0%, #d1fae5 100%);
	border-color: #6ee7b7;
}

.nros-dash-kpi--success .nros-dash-kpi__val {
	color: #047857;
}

.nros-dash-kpi--link.nros-dash-kpi--alert:hover {
	border-color: rgba(252, 165, 165, 0.6);
	box-shadow: 0 4px 16px rgba(127, 29, 29, 0.25);
}

.nros-dash-google .nros-google-status {
	border-radius: 10px;
}

.nros-dash-task-form {
	padding: 0;
	overflow: hidden;
}

.nros-dash-task-form__summary {
	list-style: none;
	cursor: pointer;
	padding: 14px 18px;
	font-weight: 600;
	font-size: 14px;
	color: var(--nros-text-muted);
}

.nros-dash-task-form__summary::-webkit-details-marker {
	display: none;
}

.nros-dash-task-form__body {
	padding: 0 18px 18px;
	border-top: 1px solid var(--nros-border-subtle);
}

.nros-dash-workflow .nros-card-title {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 4px;
}

.nros-dash-workflow__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.nros-dash-workflow__filters {
	flex-wrap: wrap;
	margin-left: 0;
}

.nros-dash-workflow__actions {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--nros-border-subtle);
}

.nros-dash-latest .nros-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.nros-dash-latest .nros-card-title {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.nros-dash-post {
	display: flex;
	align-items: center;
	gap: 12px;
}

.nros-dash-post__thumb {
	width: 48px;
	height: 48px;
	border-radius: 8px;
	object-fit: cover;
	flex-shrink: 0;
	border: 1px solid var(--nros-border-subtle);
}

.nros-dash-post__thumb--placeholder {
	display: block;
	background: linear-gradient(135deg, #e2e8f0, #f1f5f9);
}

.nros-dash-post__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #e0e7ff;
	color: #4338ca;
	font-size: 8px;
	font-weight: 700;
	vertical-align: middle;
	margin-right: 2px;
}

.nros-dash-post__badge {
	flex-shrink: 0;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 4px 8px;
	border-radius: 4px;
	background: #ecfdf5;
	color: #047857;
	border: 1px solid #a7f3d0;
}
