/* OMC Events Importer admin styling */

.omc-dash header {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.omc-subnav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 1.5rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid oklch(var(--totalform-lightgray));
}

.omc-subnav-link {
	display: inline-flex;
	align-items: center;
	align-self: center;
	padding: 0.4rem 0.9rem;
	line-height: 1.2;
	border-radius: var(--totalform-radius);
	text-decoration: none;
	font-weight: 500;
	color: oklch(var(--totalform-text-color));
	transition: background-color 200ms ease;
}

.omc-subnav-link:hover {
	background-color: oklch(var(--totalform-nearwhite));
}

.omc-subnav-link.omc-subnav-active {
	background-color: oklch(var(--totalform-nearwhite));
	color: oklch(var(--totalform-darkgray));
}

.omc-stats {
	list-style: none;
	display: flex;
	gap: 1.5rem;
	padding: 0;
	margin: 1rem 0 1.5rem;
}

.omc-stats li {
	background: oklch(var(--totalform-nearwhite));
	border-radius: var(--totalform-radius);
	padding: 1rem 1.5rem;
	min-width: 6rem;
	text-align: center;
}

.omc-stats a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.omc-stat-num {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.1;
}

.omc-stat-num.omc-stat-review { color: #c97400; }
.omc-stat-num.omc-stat-ignored { color: #6b7280; }

.omc-stat-label {
	display: block;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: 0.7;
	margin-top: 0.2rem;
}

.omc-feed-url, .omc-last-run {
	font-size: 0.95rem;
	margin: 0.4rem 0;
}

.omc-flash {
	padding: 0.75rem 1rem;
	border-radius: var(--totalform-radius);
	margin: 0 0 1rem;
}
.omc-flash-success { background: #dcfce7; color: #14532d; }
.omc-flash-error   { background: #fee2e2; color: #7f1d1d; }
.omc-flash-info    { background: oklch(var(--totalform-nearwhite)); }

.omc-run-failed td { opacity: 0.75; }
.omc-ok  { color: #15803d; font-weight: 700; }
.omc-err { color: #b91c1c; font-weight: 500; }
.omc-pending { opacity: 0.5; }

.omc-method {
	display: inline-block;
	padding: 0.15rem 0.5rem;
	border-radius: var(--totalform-radius);
	font-size: 0.85rem;
	font-family: ui-monospace, SFMono-Regular, monospace;
}
.omc-method-regex  { background: #dcfce7; color: #14532d; }
.omc-method-claude { background: #dbeafe; color: #1e3a8a; }
.omc-method-failed { background: #fee2e2; color: #7f1d1d; }
.omc-method-manual { background: #fef3c7; color: #78350f; }

.omc-actions-col { white-space: nowrap; }
.dash-button-danger { background: #fee2e2; color: #7f1d1d; }
.dash-button-danger:hover { background: #fecaca; }

.dash-back-link {
	text-decoration: none;
	opacity: 0.7;
}
.dash-back-link:hover { opacity: 1; }
.dash-crumb-sep { opacity: 0.4; margin: 0 0.3rem; }

.omc-cron-setup {
	background: oklch(var(--totalform-nearwhite) / 0.5);
	border-radius: var(--totalform-radius);
	padding: 1rem 1.25rem;
}
.omc-cron-setup > summary {
	cursor: pointer;
	list-style: none;
	margin: 0;
}
.omc-cron-setup > summary::-webkit-details-marker { display: none; }
.omc-cron-setup > summary::before {
	content: '▸ ';
	display: inline-block;
	transition: transform 150ms ease;
	margin-right: 0.25rem;
}
.omc-cron-setup[open] > summary::before { transform: rotate(90deg); }
.omc-cron-setup h3 {
	margin-top: 1.5rem;
	font-size: 1.05rem;
}
.omc-cron-setup h4 {
	margin-top: 1rem;
	font-size: 0.95rem;
	opacity: 0.85;
}
.omc-cron-setup pre {
	background: oklch(var(--totalform-text-color) / 0.92);
	color: oklch(var(--totalform-white));
	padding: 0.75rem 1rem;
	border-radius: var(--totalform-radius);
	overflow-x: auto;
	font-size: 0.85rem;
	line-height: 1.45;
	margin: 0.5rem 0;
}
.omc-cron-setup code { font-family: ui-monospace, SFMono-Regular, monospace; }
.omc-cron-detected {
	font-size: 0.9rem;
	background: oklch(var(--totalform-white));
	padding: 0.5rem 0.75rem;
	border-radius: var(--totalform-radius);
	margin: 0.75rem 0 1rem;
}
.omc-cron-detected code { font-size: 0.8rem; }
.omc-cron-warning { color: #b91c1c; }
.omc-cron-line { position: relative; }
.omc-cron-copy {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	font-size: 0.8rem;
	padding: 0.25rem 0.6rem;
}
.omc-cron-copy.is-copied { background: #15803d; color: #fff; }