/*
 * Hookbird admin.
 * Identity: airmail. A post-office navy header,
 * quiet white working surfaces below it, one blue for actions.
 */
.hookbird-topbar,
.hookbird-wrap,
.hookbird-tour,
.hookbird-welcome {
	--hookbird-navy: #14213d;
	--hookbird-navy-2: #1d2d52;
	--hookbird-blue: #2b56d9;
	--hookbird-blue-soft: #edf1fd;
	--hookbird-red: #d64532;
	--hookbird-ink: #1b2233;
	--hookbird-muted: #5d6678;
	--hookbird-line: #e3e6ec;
	--hookbird-surface: #fff;
	--hookbird-tint: #f6f7fb;
	--hookbird-ok: #127a52;
	--hookbird-ok-soft: #e7f6ef;
	--hookbird-warn: #9a5208;
	--hookbird-warn-soft: #fdf3e2;
	--hookbird-bad: #b8322a;
	--hookbird-bad-soft: #fcecea;
	--hookbird-radius: 10px;
	--hookbird-radius-sm: 6px;
}

/* ---------- Header ---------- */
.hookbird-topbar {
	margin: 0 0 0 -20px;
	background:
		radial-gradient(1200px 260px at 12% -40%, rgba(64, 104, 230, .38), transparent 60%),
		radial-gradient(900px 240px at 95% 140%, rgba(43, 86, 217, .28), transparent 60%),
		var(--hookbird-navy);
	color: #fff;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
/* A faint dot grid, like the paper of a sorting table. */
.hookbird-topbar::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1.2px);
	background-size: 18px 18px;
	mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);
}

/* Ambient layer: one source fans out to three destinations, envelopes travel the routes. */
.hookbird-topbar__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.hookbird-relay {
	position: absolute;
	top: 2px;
	left: 54%;
	width: 640px;
	height: 112px;
	transform: translateX(-50%);
	mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 88%, transparent 100%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 88%, transparent 100%);
}
.hookbird-relay__map { position: absolute; inset: 0; overflow: visible; }
.hookbird-relay__path { stroke: rgba(160, 182, 240, .36); stroke-width: 1.2; stroke-dasharray: 2 7; stroke-linecap: round; }
.hookbird-relay__src { fill: #8fb0ff; }
.hookbird-relay__src-ring { fill: none; stroke: rgba(143, 176, 255, .45); stroke-width: 1.2; }
.hookbird-relay__dst { fill: rgba(255, 255, 255, .25); stroke: rgba(255, 255, 255, .35); stroke-width: 1; }
.hookbird-mail {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: rgba(226, 234, 255, .9);
	opacity: 0;
	offset-anchor: center;
	offset-rotate: auto;
	filter: drop-shadow(0 0 6px rgba(143, 176, 255, .55));
}
.hookbird-mail svg { display: block; }
/* A short comet tail behind each envelope. */
.hookbird-mail::before {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(100% - 2px);
	width: 46px;
	height: 2px;
	margin-top: -1px;
	border-radius: 2px;
	background: linear-gradient(90deg, transparent, rgba(143, 176, 255, .7));
}
.hookbird-mail--1 { offset-path: path("M24 58 C 180 58, 250 22, 420 24 S 590 30, 612 30"); }
.hookbird-mail--2 { offset-path: path("M24 58 C 200 58, 320 62, 612 58"); transform: scale(.82); }
.hookbird-mail--3 { offset-path: path("M24 58 C 180 58, 270 94, 430 92 S 590 86, 612 86"); transform: scale(.9); }
@supports not (offset-path: path("M0 0")) { .hookbird-mail { display: none; } }
@media (max-width: 1280px) { .hookbird-relay { display: none; } }

.hookbird-topbar__inner {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding: 18px 28px 10px;
}
.hookbird-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	text-decoration: none;
}
.hookbird-brand:hover, .hookbird-brand:focus { color: #fff; }
.hookbird-brand:focus-visible { outline: 2px solid #fff; outline-offset: 4px; border-radius: 4px; box-shadow: none; }
.hookbird-brand__mark {
	position: relative;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #fff;
	color: var(--hookbird-navy);
	box-shadow: 0 6px 18px rgba(4, 10, 28, .35), inset 0 -2px 0 rgba(20, 33, 61, .08);
	transition: transform .25s cubic-bezier(.2, .8, .2, 1);
}
.hookbird-brand:hover .hookbird-brand__mark { transform: rotate(-6deg) scale(1.04); }
.hookbird-logo__barb { stroke: var(--hookbird-blue); }
.hookbird-brand__text { display: flex; flex-direction: column; line-height: 1.2; }
.hookbird-brand__name { font-size: 19px; font-weight: 650; letter-spacing: -0.01em; }
.hookbird-brand__tag { font-size: 12.5px; color: #b9c3dc; }
.hookbird-version {
	align-self: flex-start;
	margin-top: 2px;
	padding: 1px 8px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 999px;
	font-size: 11px;
	color: #d7def0;
	font-variant-numeric: tabular-nums;
}

/* Live delivery status. */
.hookbird-pulse {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: 6px;
	padding: 5px 12px 5px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);
	color: #e3e9f8;
	font-size: 12.5px;
	text-decoration: none;
	backdrop-filter: blur(4px);
	transition: background .2s, border-color .2s;
}
.hookbird-pulse:hover, .hookbird-pulse:focus { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .28); color: #fff; }
.hookbird-pulse:focus-visible { outline: 2px solid #fff; outline-offset: 2px; box-shadow: none; }
.hookbird-pulse__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #3ddc97; }
.hookbird-pulse--warn .hookbird-pulse__dot { background: #ffb547; }
.hookbird-pulse--idle .hookbird-pulse__dot { background: #9aa6c4; }
.hookbird-pulse__dot::after {
	content: "";
	position: absolute;
	inset: -4px;
	border-radius: 50%;
	border: 2px solid currentColor;
	color: inherit;
	opacity: 0;
}
.hookbird-pulse--ok .hookbird-pulse__dot::after { color: #3ddc97; }
.hookbird-pulse--warn .hookbird-pulse__dot::after { color: #ffb547; }

.hookbird-topbar__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }
.hookbird-topbtn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 13px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 9px;
	background: rgba(255, 255, 255, .04);
	color: #fff;
	font: inherit;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	transition: transform .18s, background .18s, border-color .18s, box-shadow .18s;
}
.hookbird-topbtn .dashicons { font-size: 17px; width: 17px; height: 17px; transition: transform .25s; }
.hookbird-topbtn:hover, .hookbird-topbtn:focus { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .4); transform: translateY(-1px); }
.hookbird-topbtn:active { transform: translateY(0); }
.hookbird-topbtn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; box-shadow: none; }
.hookbird-topbtn--primary {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: var(--hookbird-navy);
	border-color: #fff;
	font-weight: 600;
	box-shadow: 0 6px 16px rgba(4, 10, 28, .3);
}
.hookbird-topbtn--primary:hover, .hookbird-topbtn--primary:focus { background: #fff; color: var(--hookbird-navy); border-color: #fff; box-shadow: 0 10px 22px rgba(4, 10, 28, .4); }
.hookbird-topbtn--primary:hover .dashicons { transform: rotate(90deg); }
/* A light sweep across the primary button. */
.hookbird-topbtn--primary::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60%;
	width: 40%;
	background: linear-gradient(100deg, transparent, rgba(43, 86, 217, .16), transparent);
	transform: skewX(-18deg);
}

.hookbird-nav { position: relative; display: flex; gap: 2px; padding: 0 22px; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid rgba(0, 0, 0, .25); }
.hookbird-nav__item {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 4px;
	padding: 9px 14px 12px;
	border-radius: 9px 9px 0 0;
	color: #c4cde3;
	font-size: 13.5px;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s, background .2s, transform .2s cubic-bezier(.2, .8, .2, 1);
}
.hookbird-nav__item .dashicons { font-size: 17px; width: 17px; height: 17px; }
.hookbird-nav__item:hover, .hookbird-nav__item:focus {
	color: #fff;
	background: rgba(255, 255, 255, .08);
	transform: translateY(-2px);
}
.hookbird-nav__item:focus-visible { outline: 2px solid #fff; outline-offset: -2px; box-shadow: none; }
/* Only the current page carries the bar. */
.hookbird-nav__item.is-active { color: #fff; font-weight: 600; background: rgba(255, 255, 255, .06); }
.hookbird-nav__item.is-active:hover { transform: none; }
.hookbird-nav__item.is-active::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: linear-gradient(90deg, #8fb0ff, #fff);
	box-shadow: 0 0 12px rgba(143, 176, 255, .7);
}

@media (prefers-reduced-motion: no-preference) {
	.hookbird-relay__path { animation: hookbird-flow 1.6s linear infinite; }
	.hookbird-relay__src-ring { transform-box: fill-box; transform-origin: center; animation: hookbird-breathe 2.4s ease-out infinite; }
	.hookbird-mail { animation: hookbird-travel 9s cubic-bezier(.45, .05, .35, 1) infinite; }
	.hookbird-mail--1 { animation-delay: 0s; }
	.hookbird-mail--2 { animation-delay: 3s; }
	.hookbird-mail--3 { animation-delay: 6s; }
	.hookbird-relay__dst { transform-box: fill-box; transform-origin: center; animation: hookbird-arrive 9s ease-out infinite; }
	.hookbird-relay__dst--1 { animation-delay: 0s; }
	.hookbird-relay__dst--2 { animation-delay: 3s; }
	.hookbird-relay__dst--3 { animation-delay: 6s; }
	.hookbird-pulse--ok .hookbird-pulse__dot::after,
	.hookbird-pulse--warn .hookbird-pulse__dot::after { animation: hookbird-ping 2s cubic-bezier(0, 0, .2, 1) infinite; }
	.hookbird-topbtn--primary::after { animation: hookbird-sweep 5.5s ease-in-out 1.2s infinite; }

	/* One entrance when the page opens: the hook draws itself, the bird looks up, the header settles in. */
	.hookbird-brand .hookbird-logo__stem { stroke-dasharray: 40; stroke-dashoffset: 40; animation: hookbird-draw .8s cubic-bezier(.6, 0, .2, 1) .05s forwards; }
	.hookbird-brand .hookbird-logo__bend { stroke-dasharray: 22; stroke-dashoffset: 22; animation: hookbird-draw .5s cubic-bezier(.6, 0, .2, 1) .7s forwards; }
	.hookbird-brand .hookbird-logo__beak { opacity: 0; transform-box: view-box; transform-origin: 24px 10.5px; animation: hookbird-pop .35s cubic-bezier(.2, 1.6, .4, 1) .75s forwards; }
	.hookbird-brand .hookbird-logo__eye { opacity: 0; animation: hookbird-fade .2s ease .85s forwards; }
	.hookbird-brand .hookbird-logo__barb { opacity: 0; transform-box: view-box; transform-origin: 6.8px 20.8px; animation: hookbird-pop .35s cubic-bezier(.2, 1.6, .4, 1) 1.1s forwards; }
	.hookbird-brand .hookbird-logo__head { transform-box: view-box; transform-origin: 15.5px 14px; animation: hookbird-nod .9s cubic-bezier(.32, .72, 0, 1) 1.25s; }
	.hookbird-brand__text, .hookbird-version, .hookbird-pulse, .hookbird-topbar__actions, .hookbird-nav { animation: hookbird-in .5s cubic-bezier(.2, .8, .2, 1) both; }
	.hookbird-version { animation-delay: .08s; }
	.hookbird-pulse { animation-delay: .14s; }
	.hookbird-topbar__actions { animation-delay: .2s; }
	.hookbird-nav { animation-delay: .26s; }

	/* Each envelope: leaves the source, travels its route over ~3s, then rests while the others go. */
	@keyframes hookbird-travel {
		0% { offset-distance: 0%; opacity: 0; }
		4% { opacity: 1; }
		30% { opacity: 1; }
		34% { offset-distance: 100%; opacity: 0; }
		100% { offset-distance: 100%; opacity: 0; }
	}
	/* The destination lights up as its envelope lands. */
	@keyframes hookbird-arrive {
		0%, 31% { fill: rgba(255, 255, 255, .25); transform: scale(1); }
		34% { fill: #3ddc97; stroke: rgba(61, 220, 151, .9); transform: scale(1.9); }
		46% { fill: rgba(61, 220, 151, .6); transform: scale(1.15); }
		60%, 100% { fill: rgba(255, 255, 255, .25); stroke: rgba(255, 255, 255, .35); transform: scale(1); }
	}
	@keyframes hookbird-flow { to { stroke-dashoffset: -18; } }
	@keyframes hookbird-breathe { 0% { opacity: .9; transform: scale(.6); } 100% { opacity: 0; transform: scale(2.2); } }
	@keyframes hookbird-ping { 0% { opacity: .8; transform: scale(.6); } 80%, 100% { opacity: 0; transform: scale(1.8); } }
	@keyframes hookbird-sweep { 0%, 70% { left: -60%; } 100% { left: 130%; } }
	@keyframes hookbird-draw { to { stroke-dashoffset: 0; } }
	@keyframes hookbird-pop { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: none; } }
	@keyframes hookbird-fade { to { opacity: 1; } }
	@keyframes hookbird-nod { 0%, 100% { transform: none; } 35% { transform: rotate(9deg); } 70% { transform: rotate(-3deg); } }
	@keyframes hookbird-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
}

@media screen and (max-width: 782px) {
	.hookbird-topbar { margin-left: -10px; }
	.hookbird-topbar__inner { padding: 14px 14px 8px; }
	.hookbird-nav { padding: 0 8px; }
	.hookbird-brand__tag { display: none; }
	.hookbird-pulse { order: 3; margin-left: 0; }
	.hookbird-topbar__actions { margin-left: 0; }
}

/* ---------- Page ---------- */
.hookbird-wrap { color: var(--hookbird-ink); max-width: none; margin-right: 20px; }
.hookbird-pagehead { margin: 22px 0 16px; }
.hookbird-pagehead h1 { margin: 0; padding: 0; font-size: 23px; font-weight: 600; line-height: 1.3; color: var(--hookbird-ink); }
.hookbird-pagehead p { margin: 4px 0 0; color: var(--hookbird-muted); font-size: 14px; max-width: 70ch; }
.hookbird-wrap .notice { margin: 0 0 16px; }

.hookbird-muted { color: var(--hookbird-muted); font-weight: normal; }
.hookbird-small { font-size: 12px; margin-top: 3px; }
.hookbird-text-fail { color: var(--hookbird-bad); }
a.hookbird-text-fail:hover, a.hookbird-text-fail:focus { color: #8f241e; }
.hookbird-ok { color: var(--hookbird-ok); }
.hookbird-bad { color: var(--hookbird-bad); }

.hookbird-columns { display: flex; gap: 20px; align-items: flex-start; }
.hookbird-main { flex: 1 1 auto; min-width: 0; }
.hookbird-side { flex: 0 0 320px; position: sticky; top: 52px; }
@media (max-width: 1100px) {
	.hookbird-columns { flex-direction: column; }
	.hookbird-side { position: static; flex-basis: auto; width: 100%; }
}

/* Surfaces */
.hookbird-panel,
.hookbird-card {
	background: var(--hookbird-surface);
	border: 1px solid var(--hookbird-line);
	border-radius: var(--hookbird-radius);
	padding: 20px 22px;
	margin-bottom: 18px;
}
.hookbird-panel--flush { padding: 0; overflow: hidden; }
.hookbird-card h2, .hookbird-panel__title { margin: 0 0 6px; font-size: 15px; font-weight: 600; color: var(--hookbird-ink); }
.hookbird-card > h2 + * { margin-top: 10px; }
.hookbird-panel__row { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.hookbird-card .form-table th { width: 180px; padding-left: 0; }

/* ---------- Endpoints overview ---------- */
.hookbird-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
@media (max-width: 960px) { .hookbird-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.hookbird-kpi {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px 18px;
	background: var(--hookbird-surface);
	border: 1px solid var(--hookbird-line);
	border-radius: var(--hookbird-radius);
}
.hookbird-kpi__label { font-size: 13px; color: var(--hookbird-muted); }
.hookbird-kpi__value { font-size: 28px; font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; }
.hookbird-kpi__value small { font-size: 15px; font-weight: 400; color: var(--hookbird-muted); margin-left: 4px; }
.hookbird-kpi__note { font-size: 12px; color: var(--hookbird-warn); }

.hookbird-table { width: 100%; border-collapse: collapse; }
.hookbird-table th {
	text-align: left;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--hookbird-muted);
	padding: 12px 16px;
	background: var(--hookbird-tint);
	border-bottom: 1px solid var(--hookbird-line);
}
.hookbird-table td { padding: 14px 16px; border-bottom: 1px solid var(--hookbird-line); vertical-align: top; }
.hookbird-table tbody tr:last-child td { border-bottom: 0; }
.hookbird-table tbody tr:hover td { background: #fafbfd; }
.hookbird-row--paused td:first-child { box-shadow: inset 3px 0 0 var(--hookbird-bad); }
.hookbird-row--disabled td { color: var(--hookbird-muted); }

.hookbird-ep { display: flex; gap: 12px; align-items: flex-start; }
.hookbird-ep__icon,
.hookbird-dest__icon {
	flex: none;
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: var(--hookbird-blue-soft);
	color: var(--hookbird-blue);
	font-size: 19px;
}
.hookbird-ep__name { display: block; font-size: 14px; font-weight: 600; text-decoration: none; color: var(--hookbird-ink); }
.hookbird-ep__name:hover, .hookbird-ep__name:focus { color: var(--hookbird-blue); }
.hookbird-ep__meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 3px; font-size: 12.5px; color: var(--hookbird-muted); }
.hookbird-ep__meta code { font-size: 11.5px; padding: 1px 6px; border-radius: 4px; background: var(--hookbird-tint); }

.hookbird-chip {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 2px 9px;
	border-radius: 999px;
	background: var(--hookbird-tint);
	border: 1px solid var(--hookbird-line);
	font-size: 12px;
	white-space: nowrap;
}
.hookbird-chip--more { background: transparent; color: var(--hookbird-muted); }

.hookbird-health { display: flex; align-items: center; gap: 8px; }
.hookbird-health__bar { width: 80px; height: 6px; border-radius: 3px; background: var(--hookbird-bad-soft); overflow: hidden; }
.hookbird-health__bar span { display: block; height: 100%; background: var(--hookbird-ok); border-radius: 3px; }
.hookbird-health__num { font-size: 12.5px; font-variant-numeric: tabular-nums; }

.hookbird-rowactions { white-space: nowrap; text-align: right; }
.hookbird-menu { display: inline-block; position: relative; vertical-align: middle; }
.hookbird-menu summary { list-style: none; padding: 0 6px !important; }
.hookbird-menu summary::-webkit-details-marker { display: none; }
.hookbird-menu summary .dashicons { line-height: 26px; font-size: 16px; }
.hookbird-menu__list {
	position: absolute;
	right: 0;
	top: calc(100% + 4px);
	z-index: 20;
	min-width: 150px;
	padding: 6px;
	background: var(--hookbird-surface);
	border: 1px solid var(--hookbird-line);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(20, 33, 61, .12);
	text-align: left;
}
.hookbird-menu__list a { display: block; padding: 7px 10px; border-radius: 5px; text-decoration: none; color: var(--hookbird-ink); }
.hookbird-menu__list a:hover, .hookbird-menu__list a:focus { background: var(--hookbird-tint); }
.hookbird-menu__list a.hookbird-text-fail { color: var(--hookbird-bad); }

/* Destination picker */
.hookbird-dest-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
@media (max-width: 700px) { .hookbird-dest-grid { grid-template-columns: 1fr; } }
.hookbird-dest {
	display: grid;
	grid-template-columns: 36px 1fr;
	grid-template-rows: auto auto;
	column-gap: 10px;
	align-items: center;
	padding: 12px;
	border: 1px solid var(--hookbird-line);
	border-radius: 9px;
	text-decoration: none;
	color: var(--hookbird-ink);
	background: var(--hookbird-surface);
	transition: border-color .15s, box-shadow .15s;
}
.hookbird-dest__icon { grid-row: span 2; }
.hookbird-dest__name { font-weight: 600; font-size: 13.5px; }
.hookbird-dest__kind { font-size: 12px; color: var(--hookbird-muted); }
.hookbird-dest:hover, .hookbird-dest:focus { border-color: var(--hookbird-blue); box-shadow: 0 0 0 1px var(--hookbird-blue); color: var(--hookbird-ink); }

.hookbird-hero { display: grid; grid-template-columns: 260px 1fr; gap: 6px 28px; align-items: center; padding: 28px; }
.hookbird-hero__art { grid-row: span 2; color: #9aa3b8; }
.hookbird-hero__art svg { width: 100%; height: auto; }
.hookbird-hero__lit { stroke: var(--hookbird-blue); }
.hookbird-hero__text h2 { margin: 0 0 6px; font-size: 20px; font-weight: 600; }
.hookbird-hero__text p { margin: 0; color: var(--hookbird-muted); font-size: 14px; max-width: 60ch; }
.hookbird-hero .hookbird-dest-grid { grid-column: 2; }
@media (max-width: 900px) {
	.hookbird-hero { grid-template-columns: 1fr; }
	.hookbird-hero__art { grid-row: auto; max-width: 260px; }
	.hookbird-hero .hookbird-dest-grid { grid-column: 1; }
}

/* Setup checklist */
.hookbird-checklist__head { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.hookbird-checklist__head h2 { margin: 0; font-size: 15px; }
.hookbird-checklist__head p { margin: 3px 0 0; color: var(--hookbird-muted); }
.hookbird-progress { width: 200px; height: 8px; border-radius: 4px; background: var(--hookbird-tint); border: 1px solid var(--hookbird-line); overflow: hidden; }
.hookbird-progress span { display: block; height: 100%; background: var(--hookbird-blue); }
.hookbird-steps { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; }
.hookbird-step { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--hookbird-line); border-radius: 8px; }
.hookbird-step__dot { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #c4cad6; }
.hookbird-step.is-done .hookbird-step__dot { border-color: var(--hookbird-ok); background: var(--hookbird-ok); color: #fff; }
.hookbird-step__dot .dashicons { font-size: 18px; width: 18px; height: 18px; }
.hookbird-step__text { flex: 1; display: flex; flex-direction: column; }
.hookbird-step__text span { color: var(--hookbird-muted); font-size: 12.5px; }
.hookbird-step.is-done .hookbird-step__text strong { color: var(--hookbird-muted); text-decoration: line-through; text-decoration-color: #c4cad6; }
.hookbird-step__done { color: var(--hookbird-ok); font-weight: 600; font-size: 12.5px; }

/* ---------- Editor ---------- */
.hookbird-presets { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 10px; }
.hookbird-preset { position: relative; }
.hookbird-preset input { position: absolute; opacity: 0; inset: 0; margin: 0; }
.hookbird-preset span {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid var(--hookbird-line);
	border-radius: 8px;
	background: var(--hookbird-surface);
	cursor: pointer;
	font-size: 13px;
}
.hookbird-preset input:checked + span { border-color: var(--hookbird-blue); background: var(--hookbird-blue-soft); box-shadow: 0 0 0 1px var(--hookbird-blue); color: var(--hookbird-navy); font-weight: 600; }
.hookbird-preset input:focus-visible + span { outline: 2px solid var(--hookbird-blue); outline-offset: 2px; }

.hookbird-all-events { display: block; margin-bottom: 12px; padding: 10px 12px; border-radius: 8px; background: var(--hookbird-tint); }
.hookbird-event-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 12px; }
.hookbird-event-groups.is-disabled { opacity: .45; pointer-events: none; }
.hookbird-event-group { border: 1px solid var(--hookbird-line); border-radius: 8px; padding: 8px 14px 12px; margin: 0; }
.hookbird-event-group legend { font-weight: 600; padding: 0 6px; }
.hookbird-event-group legend .button-link { font-weight: normal; margin-left: 6px; font-size: 12px; }
.hookbird-event { display: block; margin: 5px 0; }
.hookbird-event code { font-size: 11px; color: var(--hookbird-muted); background: transparent; padding: 0 0 0 4px; }

.hookbird-rule { display: flex; gap: 6px; align-items: center; margin-bottom: 6px; flex-wrap: wrap; }
.hookbird-rule__field { width: 240px; }
.hookbird-rule__value { width: 200px; }
.hookbird-rule__remove { font-size: 20px; line-height: 1; color: var(--hookbird-bad); text-decoration: none; padding: 0 6px; }

/* ---------- Badges ---------- */
.hookbird-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 9px 2px 8px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	background: #f0f1f4;
	color: #4a5263;
	vertical-align: middle;
}
.hookbird-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.hookbird-badge--success, .hookbird-badge--active { background: var(--hookbird-ok-soft); color: var(--hookbird-ok); }
.hookbird-badge--failed, .hookbird-badge--paused { background: var(--hookbird-bad-soft); color: var(--hookbird-bad); }
.hookbird-badge--pending, .hookbird-badge--processing { background: var(--hookbird-warn-soft); color: var(--hookbird-warn); }
.hookbird-badge--test { background: var(--hookbird-blue-soft); color: var(--hookbird-blue); }
.hookbird-badge--test::before { display: none; }
.hookbird-stat { margin-right: 8px; white-space: nowrap; }

/* ---------- Log ---------- */
.hookbird-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; padding: 12px; background: var(--hookbird-surface); border: 1px solid var(--hookbird-line); border-radius: var(--hookbird-radius); }
.hookbird-wrap table.widefat.hookbird-table { border: 1px solid var(--hookbird-line); border-radius: var(--hookbird-radius); overflow: hidden; box-shadow: none; }
.hookbird-actions a { white-space: nowrap; }

.hookbird-kv th { text-align: left; padding: 5px 18px 5px 0; color: var(--hookbird-muted); font-weight: normal; white-space: nowrap; vertical-align: top; }
.hookbird-kv td { padding: 5px 0; }

.hookbird-code {
	background: var(--hookbird-navy);
	color: #e6ebf7;
	border-radius: 8px;
	padding: 14px 16px;
	overflow: auto;
	max-height: 480px;
	font-size: 12px;
	line-height: 1.55;
	white-space: pre;
}
.hookbird-facts { margin: 0 0 12px; }
.hookbird-facts li { margin-bottom: 5px; }
.hookbird-secret { display: flex; gap: 6px; margin-bottom: 8px; }
.hookbird-details { margin-bottom: 8px; }
.hookbird-details summary { cursor: pointer; color: var(--hookbird-blue); }
.hookbird-verify { margin: 10px 0 8px 18px; padding: 0; font-size: 13px; line-height: 1.55; color: var(--hookbird-ink); }
.hookbird-verify li { margin: 0 0 6px; padding-left: 2px; }

/* ---------- Help & Setup ---------- */
.hookbird-help { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: start; }
.hookbird-help__toc { position: sticky; top: 52px; display: flex; flex-direction: column; gap: 2px; }
.hookbird-help__toc a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 10px;
	border-radius: 7px;
	text-decoration: none;
	color: var(--hookbird-ink);
}
.hookbird-help__toc a:hover, .hookbird-help__toc a:focus { background: var(--hookbird-surface); color: var(--hookbird-blue); }
.hookbird-help__toc .dashicons { color: var(--hookbird-muted); font-size: 18px; }
.hookbird-help__tour { margin-top: 10px !important; align-self: flex-start; }
.hookbird-count { margin-left: auto; padding: 0 7px; border-radius: 999px; background: var(--hookbird-warn-soft); color: var(--hookbird-warn); font-size: 11.5px; font-weight: 600; }
@media (max-width: 900px) {
	.hookbird-help { grid-template-columns: 1fr; }
	.hookbird-help__toc { position: static; flex-direction: row; flex-wrap: wrap; }
}

.hookbird-guide-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0; }
.hookbird-guide-tab {
	padding: 7px 13px;
	border: 1px solid var(--hookbird-line);
	border-radius: 999px;
	background: var(--hookbird-surface);
	color: var(--hookbird-ink);
	font: inherit;
	font-size: 13px;
	cursor: pointer;
}
.hookbird-guide-tab:hover { border-color: #b8c0d1; }
.hookbird-guide-tab[aria-selected="true"] { background: var(--hookbird-navy); border-color: var(--hookbird-navy); color: #fff; }
.hookbird-guide-tab:focus-visible { outline: 2px solid var(--hookbird-blue); outline-offset: 2px; }
.hookbird-guide { border: 1px solid var(--hookbird-line); border-radius: 9px; padding: 18px 20px; background: var(--hookbird-tint); }
.hookbird-guide__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.hookbird-guide__head h3 { margin: 0; font-size: 16px; }
.hookbird-guide__steps { counter-reset: hookbird; list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
.hookbird-guide__steps li { counter-increment: hookbird; display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; font-size: 13.5px; line-height: 1.55; max-width: 76ch; }
.hookbird-guide__steps li::before {
	content: counter(hookbird);
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--hookbird-surface);
	border: 1px solid var(--hookbird-line);
	font-size: 12px;
	font-weight: 600;
	color: var(--hookbird-navy);
}

.hookbird-faq { display: grid; gap: 8px; margin-top: 12px; }
.hookbird-faq__item { border: 1px solid var(--hookbird-line); border-radius: 8px; padding: 0 16px; }
.hookbird-faq__item summary { cursor: pointer; padding: 13px 0; font-weight: 600; list-style-position: outside; }
.hookbird-faq__item[open] summary { color: var(--hookbird-blue); }
.hookbird-faq__item p { margin: 0 0 14px; color: var(--hookbird-ink); line-height: 1.6; max-width: 80ch; }

.hookbird-checks { margin: 14px 0 0; padding: 0; list-style: none; border: 1px solid var(--hookbird-line); border-radius: 9px; overflow: hidden; }
.hookbird-check { display: grid; grid-template-columns: 84px 200px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 11px 14px; border-bottom: 1px solid var(--hookbird-line); margin: 0; }
.hookbird-check:last-child { border-bottom: 0; }
.hookbird-check__state { justify-self: start; padding: 1px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 600; }
.hookbird-check--ok .hookbird-check__state { background: var(--hookbird-ok-soft); color: var(--hookbird-ok); }
.hookbird-check--warn .hookbird-check__state { background: var(--hookbird-warn-soft); color: var(--hookbird-warn); }
.hookbird-check--fail .hookbird-check__state { background: var(--hookbird-bad-soft); color: var(--hookbird-bad); }
.hookbird-check--info .hookbird-check__state { background: var(--hookbird-tint); color: var(--hookbird-muted); }
.hookbird-check__label { font-weight: 600; }
.hookbird-check__detail { color: var(--hookbird-muted); }
@media (max-width: 782px) { .hookbird-check { grid-template-columns: 1fr; gap: 3px; } }

/* Help: support */
.hookbird-support { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 14px; }
.hookbird-support__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 16px;
	border: 1px solid var(--hookbird-line);
	border-radius: 11px;
	background: var(--hookbird-surface);
	transition: border-color .15s, box-shadow .15s, transform .15s;
}
.hookbird-support__card:hover { border-color: #c9d1e2; box-shadow: 0 8px 20px -12px rgba(20, 33, 61, .35); transform: translateY(-1px); }
.hookbird-support__card h3 { margin: 4px 0 0; font-size: 14px; }
.hookbird-support__card p { flex: 1; margin: 0 0 6px; font-size: 12.5px; line-height: 1.5; color: var(--hookbird-muted); }
.hookbird-support__icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: #eef2fd; color: var(--hookbird-blue); font-size: 18px; }
.hookbird-support__card--review .hookbird-support__icon { background: #fff6e0; color: #c98a00; }
.hookbird-support--form { grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); align-items: start; }
.hookbird-support__side { display: grid; gap: 12px; }
.hookbird-support:not(.hookbird-support--form) .hookbird-support__side { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-column: 1 / -1; }
.hookbird-contact { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--hookbird-line); border-radius: 11px; background: var(--hookbird-surface); }
.hookbird-contact__head { display: flex; gap: 12px; align-items: flex-start; }
.hookbird-contact__head h3 { margin: 2px 0 2px; font-size: 14px; }
.hookbird-contact__head p { margin: 0; font-size: 12.5px; color: var(--hookbird-muted); }
.hookbird-contact__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.hookbird-contact__field { display: grid; gap: 5px; margin: 0; }
.hookbird-contact__field label { font-size: 12.5px; font-weight: 600; }
.hookbird-contact__field input, .hookbird-contact__field textarea { width: 100%; max-width: none; margin: 0; padding: 7px 10px; border: 1px solid #c9d1e2; border-radius: 8px; font-size: 13.5px; }
.hookbird-contact__field textarea { min-height: 120px; line-height: 1.5; resize: vertical; }
.hookbird-contact__field input:focus, .hookbird-contact__field textarea:focus { border-color: var(--hookbird-blue); box-shadow: 0 0 0 2px rgba(43, 86, 217, .2); outline: none; }
.hookbird-contact__check { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.hookbird-contact__check input { margin: 2px 0 0; }
.hookbird-contact__foot { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--hookbird-line); }
.hookbird-contact__privacy { flex: 1 1 260px; margin: 0; font-size: 12px; line-height: 1.5; color: var(--hookbird-muted); }
.hookbird-contact__send { min-height: 34px; }
.hookbird-contact__status { display: flex; gap: 8px; align-items: flex-start; padding: 10px 12px; border-radius: 8px; font-size: 13px; line-height: 1.45; }
.hookbird-contact__status .dashicons { flex: none; font-size: 18px; width: 18px; height: 18px; }
.hookbird-contact__status--sent { background: var(--hookbird-ok-soft); color: var(--hookbird-ok); }
.hookbird-contact__status--error { background: var(--hookbird-bad-soft); color: var(--hookbird-bad); }
@media (max-width: 960px) { .hookbird-support--form { grid-template-columns: 1fr; } }
.hookbird-report { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--hookbird-line); }
.hookbird-report__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px; }
.hookbird-report__head h3 { margin: 0 0 2px; font-size: 14px; }
.hookbird-report__head p { margin: 0; font-size: 12.5px; }
.hookbird-report__text { width: 100%; padding: 10px 12px; border: 1px solid var(--hookbird-line); border-radius: 9px; background: #f7f8fb; font-size: 12px; line-height: 1.55; resize: vertical; }
.hookbird-dev { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; margin-top: 10px; }
.hookbird-dev h3 { margin: 0 0 8px; font-size: 13.5px; }
.hookbird-dev p { margin: 8px 0 0; font-size: 12.5px; }

/* ---------- Welcome notice ---------- */
.notice.hookbird-welcome {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding: 16px 18px;
	border: 0;
	border-left: 0;
	border-radius: 10px;
	background: var(--hookbird-navy);
	color: #fff;
	position: relative;
	overflow: hidden;
}
.notice.hookbird-welcome::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: repeating-linear-gradient(-45deg, var(--hookbird-red) 0 10px, #fff 10px 15px, var(--hookbird-blue) 15px 25px, #fff 25px 30px);
}
.hookbird-welcome__mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 11px; background: #fff; color: var(--hookbird-navy); flex: none; }
.hookbird-welcome__body { flex: 1 1 320px; }
.hookbird-welcome__body p { margin: 2px 0; color: #c9d1e6; font-size: 13.5px; }
.hookbird-welcome .hookbird-welcome__title { margin: 0; color: #fff; font-size: 15px; font-weight: 600; }
.hookbird-welcome__actions { display: flex; align-items: center; gap: 14px; }
.hookbird-welcome__actions .button-primary { background: #fff; border-color: #fff; color: var(--hookbird-navy); font-weight: 600; }
.hookbird-welcome__actions .button-primary:hover, .hookbird-welcome__actions .button-primary:focus { background: #e9edf7; border-color: #e9edf7; color: var(--hookbird-navy); }
.notice.hookbird-welcome .hookbird-welcome__dismiss { color: #c9d1e6; }
.notice.hookbird-welcome .hookbird-welcome__dismiss:hover, .notice.hookbird-welcome .hookbird-welcome__dismiss:focus { color: #fff; }

/* ---------- Tour ---------- */
.hookbird-tour { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 16px; }
.hookbird-tour[hidden] { display: none; }
.hookbird-tour__scrim { position: absolute; inset: 0; background: rgba(14, 22, 42, .62); }
.hookbird-tour__card {
	position: relative;
	width: min(560px, 100%);
	max-height: calc(100vh - 32px);
	overflow: auto;
	background: var(--hookbird-surface);
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(14, 22, 42, .35);
	color: var(--hookbird-ink);
}
.hookbird-tour__card:focus { outline: none; }
.hookbird-tour__skip {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	padding: 5px 10px;
	border: 0;
	border-radius: 6px;
	background: rgba(255, 255, 255, .14);
	color: #fff;
	font: inherit;
	font-size: 12.5px;
	cursor: pointer;
}
.hookbird-tour__skip:hover, .hookbird-tour__skip:focus-visible { background: rgba(255, 255, 255, .26); outline: none; }
.hookbird-tour__art {
	position: relative;
	display: grid;
	place-items: center;
	padding: 30px 24px 22px;
	overflow: hidden;
	background:
		radial-gradient(120% 90% at 50% 0%, rgba(84, 120, 230, .28), transparent 62%),
		radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1.2px) 0 0 / 16px 16px,
		var(--hookbird-navy);
	color: #7f8db5;
	border-radius: 16px 16px 0 0;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .06);
}
.hookbird-tour__art svg { width: 100%; max-width: 306px; height: auto; overflow: visible; }
.hookbird-tour__art .lit { stroke: #e9eefc; }
.hookbird-tour__art .ok { stroke: #3fcf8e; }
.hookbird-tour__art .bad { stroke: #ff7a6b; }
.hookbird-tour__art .fill { fill: var(--hookbird-navy); }
.hookbird-tour__art .dash, .hookbird-tour__art .t1-route { stroke-dasharray: 3 6; }
.hookbird-tour__art .pill-ok { stroke: #3fcf8e; fill: rgba(63, 207, 142, .16); }
.hookbird-tour__art .t1-mail, .hookbird-tour__art .t4-mail, .hookbird-tour__art .t5-mail { offset-rotate: 0deg; opacity: 0; }
.hookbird-tour__art .t1-mail--1 { offset-path: path("M112 91 C 168 91, 196 46, 242 46"); }
.hookbird-tour__art .t1-mail--2 { offset-path: path("M112 91 C 170 91, 210 91, 256 91"); }
.hookbird-tour__art .t1-mail--3 { offset-path: path("M112 91 C 168 91, 196 136, 242 136"); }
.hookbird-tour__art .t4-mail { offset-path: path("M118 117 C 146 117, 156 79, 198 79"); }
.hookbird-tour__art .t5-mail { offset-path: path("M88 120H218"); }
.hookbird-tour__art .t4-cursor { transform: translate(104px, 118px); }
.hookbird-tour__art .t5-x, .hookbird-tour__art .t5-retry, .hookbird-tour__art .t3-pass, .hookbird-tour__art .t3-block { opacity: 0; }
.hookbird-tour__art .t5-dst { color: #3fcf8e; }
.hookbird-tour__art .t5-dot--1 { stroke: #ff7a6b; }
.hookbird-tour__art .t5-dot--2 { stroke: #3fcf8e; }
.hookbird-tour__art .t2-pick--1 { color: #e9eefc; }
.hookbird-tour__art .t2-pick, .hookbird-tour__art .t1-node, .hookbird-tour__art .t4-btn, .hookbird-tour__art .t4-ok, .hookbird-tour__art .t1-ping, .hookbird-tour__art .t6-resend {
	transform-box: fill-box;
	transform-origin: center;
}
.hookbird-tour__slide { padding: 0 0 4px; }
.hookbird-tour__slide > :not(.hookbird-tour__art) { margin-left: 30px; margin-right: 30px; }
.hookbird-tour__count { margin: 22px 0 6px; font-size: 11.5px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--hookbird-blue); }
.hookbird-tour h2 { margin: 0 0 8px; font-size: 22px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: var(--hookbird-ink); text-wrap: balance; }
.hookbird-tour__text { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--hookbird-muted); text-wrap: pretty; }
.hookbird-tour__points { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; margin-bottom: 0; padding: 0; list-style: none; }
.hookbird-tour__points li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 5px 11px 5px 8px;
	border: 1px solid #dfe5f2;
	border-radius: 999px;
	background: #f5f7fc;
	font-size: 12.5px;
	font-weight: 550;
	color: var(--hookbird-ink);
}
.hookbird-tour__points svg { flex: none; color: #1e9e63; }
.hookbird-tour__foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 22px; padding: 16px 30px 22px; border-top: 1px solid #edf0f6; }
.hookbird-tour__dots { display: flex; gap: 6px; }
.hookbird-tour__dot { width: 8px; height: 8px; border-radius: 4px; background: #d5dae4; transition: width .25s, background .25s; }
.hookbird-tour__dot.is-on { width: 22px; background: var(--hookbird-blue); }
.hookbird-tour__btns { display: flex; gap: 8px; }
.hookbird-tour__btns .button { min-height: 34px; padding: 0 16px; font-size: 13.5px; }
.hookbird-tour__btns .button[hidden] { display: none; }
.hookbird-tour .button-primary { background: var(--hookbird-blue); border-color: var(--hookbird-blue); }
.hookbird-tour .button-primary:hover, .hookbird-tour .button-primary:focus { background: #2148bd; border-color: #2148bd; }
@media (prefers-reduced-motion: no-preference) {
	.hookbird-tour:not([hidden]) .hookbird-tour__card { animation: hookbird-rise .28s cubic-bezier(.2, .8, .2, 1); }
	@keyframes hookbird-rise { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }

	/* Each slide's text eases in when it is shown. */
	.hookbird-tour__slide:not([hidden]) > :not(.hookbird-tour__art) { animation: hookbird-tour-text .45s cubic-bezier(.2, .8, .2, 1) both; }
	.hookbird-tour__slide:not([hidden]) > h2 { animation-delay: .05s; }
	.hookbird-tour__slide:not([hidden]) > .hookbird-tour__text { animation-delay: .1s; }
	.hookbird-tour__slide:not([hidden]) > .hookbird-tour__points { animation-delay: .16s; }
	@keyframes hookbird-tour-text { from { opacity: 0; transform: translateY(8px); } }
	.hookbird-tour__slide:not([hidden]) .hookbird-tour__svg { animation: hookbird-tour-art .5s cubic-bezier(.2, .8, .2, 1) both; }
	@keyframes hookbird-tour-art { from { opacity: 0; transform: translateY(6px) scale(.97); } }

	/* 1: an event leaves the site and fans out to three apps. */
	.hookbird-tour__art .t1-route { animation: hookbird-flow 1.1s linear infinite; }
	.hookbird-tour__art .t1-ping { animation: hookbird-t-ping 1.5s ease-out infinite; }
	.hookbird-tour__art .t1-mail { animation: hookbird-t1-fly 4.5s cubic-bezier(.45, .05, .35, 1) infinite; }
	.hookbird-tour__art .t1-node { animation: hookbird-t1-hit 4.5s ease-out infinite; }
	.hookbird-tour__art .t1-mail--2, .hookbird-tour__art .t1-node--2 { animation-delay: 1.5s; }
	.hookbird-tour__art .t1-mail--3, .hookbird-tour__art .t1-node--3 { animation-delay: 3s; }
	@keyframes hookbird-t1-fly {
		0% { offset-distance: 0%; opacity: 0; }
		6% { opacity: 1; }
		30% { offset-distance: 100%; opacity: 1; }
		34%, 100% { offset-distance: 100%; opacity: 0; }
	}
	@keyframes hookbird-t1-hit {
		0%, 28% { color: #7f8db5; transform: none; }
		33% { color: #3fcf8e; transform: scale(1.14); }
		52% { color: #3fcf8e; transform: none; }
		70%, 100% { color: #7f8db5; }
	}
	@keyframes hookbird-t-ping { 0% { transform: scale(.6); opacity: 1; } 70%, 100% { transform: scale(1.6); opacity: 0; } }

	/* 2: tiles pop in, then the selection moves from app to app. */
	.hookbird-tour__art .t2-in { transform-box: fill-box; transform-origin: center; animation: hookbird-t2-in .45s cubic-bezier(.2, .9, .3, 1.3) both; }
	.hookbird-tour__art .t2-in--2 { animation-delay: .05s; }
	.hookbird-tour__art .t2-in--3 { animation-delay: .1s; }
	.hookbird-tour__art .t2-in--4 { animation-delay: .15s; }
	.hookbird-tour__art .t2-in--5 { animation-delay: .2s; }
	.hookbird-tour__art .t2-in--6 { animation-delay: .25s; }
	@keyframes hookbird-t2-in { from { opacity: 0; transform: scale(.82); } }
	.hookbird-tour__art .t2-pick { color: #7f8db5; animation: hookbird-t2-pick 6s ease-in-out infinite; }
	.hookbird-tour__art .t2-pick--1 { animation-delay: .5s; }
	.hookbird-tour__art .t2-pick--2 { animation-delay: 1.5s; }
	.hookbird-tour__art .t2-pick--3 { animation-delay: 2.5s; }
	.hookbird-tour__art .t2-pick--6 { animation-delay: 3.5s; }
	.hookbird-tour__art .t2-pick--5 { animation-delay: 4.5s; }
	.hookbird-tour__art .t2-pick--4 { animation-delay: 5.5s; }
	@keyframes hookbird-t2-pick {
		0%, 100% { color: #7f8db5; transform: none; }
		4%, 14% { color: #e9eefc; transform: translateY(-4px) scale(1.04); }
		20% { color: #7f8db5; transform: none; }
	}

	/* 3: boxes get ticked, then events drop through the condition filter. */
	.hookbird-tour__art .t3-tick { stroke-dasharray: 14; animation: hookbird-t3-tick .35s ease-out both; }
	.hookbird-tour__art .t3-tick--1 { animation-delay: .45s; }
	.hookbird-tour__art .t3-tick--2 { animation-delay: .8s; }
	@keyframes hookbird-t3-tick { from { stroke-dashoffset: 14; } to { stroke-dashoffset: 0; } }
	.hookbird-tour__art .t3-chip { transform-box: fill-box; transform-origin: left center; animation: hookbird-t3-chip .4s 1.1s cubic-bezier(.2, .9, .3, 1.3) both; }
	@keyframes hookbird-t3-chip { from { opacity: 0; transform: scaleX(.3); } }
	.hookbird-tour__art .t3-pass { animation: hookbird-t3-pass 3.6s ease-in infinite; }
	.hookbird-tour__art .t3-pass--1 { animation-delay: 1.2s; }
	.hookbird-tour__art .t3-pass--2 { animation-delay: 3s; }
	.hookbird-tour__art .t3-block { animation: hookbird-t3-block 3.6s 2.1s ease-in infinite; }
	@keyframes hookbird-t3-pass {
		0% { transform: translateY(0); opacity: 0; }
		8% { opacity: 1; }
		45% { transform: translateY(122px); opacity: 1; }
		55%, 100% { transform: translateY(138px); opacity: 0; }
	}
	@keyframes hookbird-t3-block {
		0% { transform: translateY(0); opacity: 0; }
		8% { opacity: 1; }
		24% { transform: translateY(44px); opacity: 1; }
		30% { transform: translate(-4px, 44px); }
		36% { transform: translate(4px, 44px); }
		52%, 100% { transform: translate(0, 44px); opacity: 0; }
	}

	/* 4: click "Send test", the message lands in chat with a green tick. */
	.hookbird-tour__art .t4-cursor { animation: hookbird-t4-cursor 6s cubic-bezier(.4, 0, .2, 1) infinite; }
	.hookbird-tour__art .t4-btn { animation: hookbird-t4-btn 6s ease infinite; }
	.hookbird-tour__art .t4-mail { animation: hookbird-t4-mail 6s cubic-bezier(.45, .05, .35, 1) infinite; }
	.hookbird-tour__art .t4-bubble { animation: hookbird-t4-bubble 6s ease-out infinite; }
	.hookbird-tour__art .t4-line { stroke-dasharray: 60; animation: hookbird-t4-line 6s ease-out infinite; }
	.hookbird-tour__art .t4-line--2 { animation-name: hookbird-t4-line2; }
	.hookbird-tour__art .t4-line--3 { animation-name: hookbird-t4-line3; }
	.hookbird-tour__art .t4-ok { animation: hookbird-t4-ok 6s cubic-bezier(.2, .9, .3, 1.4) infinite; }
	@keyframes hookbird-t4-cursor {
		0% { transform: translate(140px, 162px); opacity: 0; }
		8% { opacity: 1; }
		26% { transform: translate(104px, 118px); }
		30% { transform: translate(104px, 118px) scale(.88); }
		34% { transform: translate(104px, 118px); opacity: 1; }
		50%, 100% { transform: translate(104px, 118px); opacity: 0; }
	}
	@keyframes hookbird-t4-btn {
		0%, 28% { transform: none; }
		31% { transform: scale(.94); }
		36%, 100% { transform: none; }
	}
	@keyframes hookbird-t4-mail {
		0%, 32% { offset-distance: 0%; opacity: 0; }
		35% { opacity: 1; }
		50% { offset-distance: 100%; opacity: 1; }
		54%, 100% { offset-distance: 100%; opacity: 0; }
	}
	@keyframes hookbird-t4-bubble {
		0%, 50% { opacity: 0; transform: translateX(-6px); }
		58%, 90% { opacity: 1; transform: none; }
		100% { opacity: 0; }
	}
	@keyframes hookbird-t4-line { 0%, 56% { stroke-dashoffset: 60; } 64%, 100% { stroke-dashoffset: 0; } }
	@keyframes hookbird-t4-line2 { 0%, 60% { stroke-dashoffset: 60; } 68%, 100% { stroke-dashoffset: 0; } }
	@keyframes hookbird-t4-line3 { 0%, 64% { stroke-dashoffset: 60; } 72%, 100% { stroke-dashoffset: 0; } }
	@keyframes hookbird-t4-ok {
		0%, 72% { opacity: 0; transform: scale(.3); }
		78% { opacity: 1; transform: scale(1.12); }
		82%, 90% { opacity: 1; transform: none; }
		100% { opacity: 0; }
	}

	/* 5: the first attempt bounces, a retry goes through. */
	.hookbird-tour__art .t5-track { animation: hookbird-flow 1.1s linear infinite; }
	.hookbird-tour__art .t5-mail { animation: hookbird-t5-mail 6s cubic-bezier(.45, .05, .35, 1) infinite; }
	.hookbird-tour__art .t5-dst { animation: hookbird-t5-dst 6s ease infinite; }
	.hookbird-tour__art .t5-x { animation: hookbird-t5-x 6s ease infinite; }
	.hookbird-tour__art .t5-check { animation: hookbird-t5-check 6s ease infinite; }
	.hookbird-tour__art .t5-retry { animation: hookbird-t5-retry 6s ease infinite; }
	.hookbird-tour__art .t5-dot--1 { animation: hookbird-t5-dot1 6s ease infinite; }
	.hookbird-tour__art .t5-dot--2 { animation: hookbird-t5-dot2 6s ease infinite; }
	@keyframes hookbird-t5-mail {
		0% { offset-distance: 0%; opacity: 0; }
		4% { opacity: 1; }
		22% { offset-distance: 100%; }
		27% { offset-distance: 80%; opacity: 1; }
		31%, 44% { offset-distance: 72%; opacity: 0; }
		45% { offset-distance: 0%; opacity: 0; }
		49% { opacity: 1; }
		66% { offset-distance: 100%; opacity: 1; }
		70%, 100% { offset-distance: 100%; opacity: 0; }
	}
	@keyframes hookbird-t5-dst {
		0%, 20% { color: #7f8db5; transform: none; }
		23% { color: #ff7a6b; transform: translateX(3px); }
		25% { transform: translateX(-3px); }
		27% { transform: translateX(2px); }
		29%, 38% { color: #ff7a6b; transform: none; }
		44%, 64% { color: #7f8db5; }
		67%, 92% { color: #3fcf8e; }
		100% { color: #7f8db5; }
	}
	@keyframes hookbird-t5-x { 0%, 21% { opacity: 0; } 24%, 38% { opacity: 1; } 44%, 100% { opacity: 0; } }
	@keyframes hookbird-t5-check { 0%, 65% { opacity: 0; } 68%, 92% { opacity: 1; } 100% { opacity: 0; } }
	@keyframes hookbird-t5-retry { 0%, 30% { opacity: 0; } 34%, 46% { opacity: 1; } 52%, 100% { opacity: 0; } }
	@keyframes hookbird-t5-dot1 { 0%, 21% { stroke: currentColor; } 24%, 94% { stroke: #ff7a6b; } 100% { stroke: currentColor; } }
	@keyframes hookbird-t5-dot2 { 0%, 65% { stroke: currentColor; } 68%, 94% { stroke: #3fcf8e; } 100% { stroke: currentColor; } }

	/* 6: deliveries stream into the log, a failed one is resent and turns green. */
	.hookbird-tour__art .t6-row { animation: hookbird-t6-row .45s cubic-bezier(.2, .8, .2, 1) both; }
	.hookbird-tour__art .t6-row--1 { animation-delay: .2s; }
	.hookbird-tour__art .t6-row--2 { animation-delay: .4s; }
	.hookbird-tour__art .t6-row--3 { animation-delay: .6s; }
	@keyframes hookbird-t6-row { from { opacity: 0; transform: translateY(-8px); } }
	.hookbird-tour__art .t6-pill { animation: hookbird-t6-pill 5s 1s ease infinite; }
	.hookbird-tour__art .t6-resend { animation: hookbird-t6-spin 5s 1s cubic-bezier(.5, 0, .3, 1) infinite; }
	.hookbird-tour__art .t6-live { animation: hookbird-t-blink 1.6s ease-in-out infinite; }
	@keyframes hookbird-t6-pill {
		0%, 30% { stroke: #ff7a6b; fill: rgba(255, 122, 107, .16); }
		42%, 92% { stroke: #3fcf8e; fill: rgba(63, 207, 142, .16); }
		100% { stroke: #ff7a6b; fill: rgba(255, 122, 107, .16); }
	}
	@keyframes hookbird-t6-spin {
		0%, 14% { transform: none; color: #7f8db5; }
		16% { color: #e9eefc; }
		36% { transform: rotate(360deg); color: #e9eefc; }
		44%, 100% { transform: rotate(360deg); color: #7f8db5; }
	}
	@keyframes hookbird-t-blink { 50% { opacity: .25; } }
}
@supports not (offset-path: path("M0 0")) {
	.hookbird-tour__art .t1-mail, .hookbird-tour__art .t4-mail, .hookbird-tour__art .t5-mail { display: none; }
}

/* ---------- Small screens: tables become stacked rows ---------- */
.hookbird-health__num { white-space: nowrap; }
.hookbird-ep__meta code { word-break: break-all; }
@media (max-width: 782px) {
	.hookbird-panel--flush { overflow: visible; }
	.hookbird-table thead { display: none; }
	.hookbird-table,
	.hookbird-table tbody,
	.hookbird-table tr,
	.hookbird-table td { display: block; width: auto; }
	.hookbird-table tr { padding: 12px 14px; border-bottom: 1px solid var(--hookbird-line); }
	.hookbird-table tbody tr:last-child { border-bottom: 0; }
	.hookbird-table td { padding: 4px 0; border: 0; }
	.hookbird-table tbody tr:hover td { background: transparent; }
	.hookbird-row--paused { box-shadow: inset 3px 0 0 var(--hookbird-bad); }
	.hookbird-row--paused td:first-child { box-shadow: none; }
	.hookbird-rowactions { text-align: left; padding-top: 8px !important; }
	.hookbird-menu__list { left: 0; right: auto; }
	.hookbird-pagehead h1 { font-size: 20px; }
}
.hookbird-savebar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.hookbird-savebar .button-primary { min-height: 36px; padding: 0 18px; }

/* ---------- Destination icons ---------- */
.hookbird-ep__icon svg, .hookbird-dest__icon svg { width: 20px; height: 20px; }
.hookbird-preset span { display: inline-flex; align-items: center; gap: 8px; }
.hookbird-preset__icon { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; font-style: normal; }
.hookbird-preset__icon svg { width: 16px; height: 16px; }
.hookbird-tint--slack { background: #f3ecf9; color: #6b3fa0; }
.hookbird-tint--discord { background: #eceffd; color: #4352c9; }
.hookbird-tint--telegram { background: #e8f4fb; color: #1d78b0; }
.hookbird-tint--teams { background: #eeeefb; color: #4f52b2; }
.hookbird-tint--googlechat { background: #e8f5ec; color: #1e7a3c; }
.hookbird-tint--n8n { background: #fcedf0; color: #b8344f; }
.hookbird-tint--make { background: #f6ecfa; color: #8a33b5; }
.hookbird-tint--zapier { background: #fdf0e6; color: #c1550f; }
.hookbird-tint--custom { background: #eef1f5; color: #3f4a5e; }

/* =====================================================================
 * Polish layer: controls, depth and hover feedback across every screen.
 * ===================================================================== */
.hookbird-wrap {
	--hookbird-line-strong: #cfd5e1;
	--hookbird-shadow-sm: 0 1px 2px rgba(20, 33, 61, .05);
	--hookbird-shadow: 0 1px 2px rgba(20, 33, 61, .04), 0 10px 28px -14px rgba(20, 33, 61, .18);
	--hookbird-shadow-lift: 0 2px 4px rgba(20, 33, 61, .05), 0 16px 34px -14px rgba(20, 33, 61, .28);
	--hookbird-ring: 0 0 0 3px rgba(43, 86, 217, .18);
}

/* Surfaces */
.hookbird-wrap .hookbird-panel,
.hookbird-wrap .hookbird-card,
.hookbird-wrap .hookbird-kpi,
.hookbird-wrap .hookbird-filters { box-shadow: var(--hookbird-shadow); border-color: #e6e9ef; }
.hookbird-wrap .hookbird-kpi { position: relative; overflow: hidden; transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .2s; }
.hookbird-wrap .hookbird-kpi::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--hookbird-blue); opacity: .85; }
.hookbird-wrap .hookbird-kpi:nth-child(2)::before { background: var(--hookbird-ok); }
.hookbird-wrap .hookbird-kpi:nth-child(3)::before { background: var(--hookbird-bad); }
.hookbird-wrap .hookbird-kpi:nth-child(4)::before { background: #7a5cd6; }
.hookbird-wrap .hookbird-kpi:hover { transform: translateY(-2px); box-shadow: var(--hookbird-shadow-lift); }

.hookbird-wrap .hookbird-dest { box-shadow: var(--hookbird-shadow-sm); transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .2s, border-color .2s; }
.hookbird-wrap .hookbird-dest:hover, .hookbird-wrap .hookbird-dest:focus { transform: translateY(-2px); box-shadow: var(--hookbird-shadow-lift); border-color: #b9c6ef; }
.hookbird-wrap .hookbird-dest:focus-visible { outline: 2px solid var(--hookbird-blue); outline-offset: 2px; }
.hookbird-wrap .hookbird-dest__icon, .hookbird-wrap .hookbird-ep__icon { transition: transform .25s cubic-bezier(.2, .8, .2, 1); }
.hookbird-wrap .hookbird-dest:hover .hookbird-dest__icon { transform: scale(1.08) rotate(-4deg); }

.hookbird-wrap .hookbird-step { transition: border-color .2s, box-shadow .2s, background .2s; }
.hookbird-wrap .hookbird-step:not(.is-done):hover { border-color: #b9c6ef; box-shadow: var(--hookbird-shadow-sm); background: #fbfcff; }
.hookbird-wrap .hookbird-progress span { background: linear-gradient(90deg, var(--hookbird-blue), #6f8ff0); }

.hookbird-wrap .hookbird-table tbody tr { transition: background .15s; }
.hookbird-wrap .hookbird-table tbody tr:hover td { background: #f8f9fd; }
.hookbird-wrap .hookbird-table th { font-size: 12.5px; letter-spacing: .01em; }
.hookbird-wrap .hookbird-table code { font-size: 11.5px; padding: 1px 6px; border-radius: 4px; background: var(--hookbird-tint); }

/* Buttons */
.hookbird-wrap .button,
.hookbird-wrap .button.button-small {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border-radius: 8px;
	border-color: var(--hookbird-line-strong);
	background: #fff;
	color: var(--hookbird-ink);
	box-shadow: var(--hookbird-shadow-sm);
	transition: transform .15s, box-shadow .15s, border-color .15s, color .15s, background .15s;
	vertical-align: middle;
}
.hookbird-wrap .button { min-height: 34px; line-height: 1; padding: 0 14px; }
.hookbird-wrap .button.button-small { min-height: 28px; padding: 0 10px; font-size: 12px; }
.hookbird-wrap .button .dashicons { font-size: 15px; width: 15px; height: 15px; }
.hookbird-wrap .button:hover, .hookbird-wrap .button:focus {
	border-color: var(--hookbird-blue);
	color: var(--hookbird-blue);
	background: #fff;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px -4px rgba(43, 86, 217, .35);
}
.hookbird-wrap .button:active { transform: translateY(0); box-shadow: var(--hookbird-shadow-sm); }
.hookbird-wrap .button:focus-visible { outline: none; box-shadow: var(--hookbird-ring); }
.hookbird-wrap .button-primary,
.hookbird-tour .button-primary {
	background: var(--hookbird-blue);
	border-color: var(--hookbird-blue);
	color: #fff;
	box-shadow: 0 6px 14px -6px rgba(43, 86, 217, .65);
}
.hookbird-wrap .button-primary:hover, .hookbird-wrap .button-primary:focus {
	background: #2148bd;
	border-color: #2148bd;
	color: #fff;
	box-shadow: 0 10px 20px -8px rgba(43, 86, 217, .7);
}
.hookbird-wrap .button.delete { color: var(--hookbird-bad); border-color: #ecc5c1; }
.hookbird-wrap .button.delete:hover, .hookbird-wrap .button.delete:focus { color: #fff; background: var(--hookbird-bad); border-color: var(--hookbird-bad); box-shadow: 0 6px 14px -6px rgba(184, 50, 42, .6); }
.hookbird-wrap .button-link { transition: color .15s; }
.hookbird-actions { white-space: nowrap; text-align: right; }
.hookbird-actions .button + .button { margin-left: 6px; }
.hookbird-menu summary.button:hover { transform: none; }

/* Fields and dropdowns */
.hookbird-wrap input[type="text"],
.hookbird-wrap input[type="url"],
.hookbird-wrap input[type="email"],
.hookbird-wrap input[type="number"],
.hookbird-wrap input[type="search"],
.hookbird-wrap textarea,
.hookbird-wrap select {
	min-height: 36px;
	border: 1px solid var(--hookbird-line-strong);
	border-radius: 8px;
	background-color: #fff;
	color: var(--hookbird-ink);
	box-shadow: inset 0 1px 2px rgba(20, 33, 61, .05);
	transition: border-color .15s, box-shadow .15s;
}
.hookbird-wrap input[type="text"],
.hookbird-wrap input[type="url"],
.hookbird-wrap input[type="email"],
.hookbird-wrap input[type="search"] { padding: 0 12px; }
.hookbird-wrap textarea { padding: 8px 12px; }
.hookbird-wrap input[type="number"] { padding: 0 8px; }
.hookbird-wrap select {
	padding: 0 34px 0 12px;
	min-width: 150px;
	line-height: 34px;
	background-position: right 10px center;
	background-size: 14px 14px;
	cursor: pointer;
}
.hookbird-wrap select:hover, .hookbird-wrap input:hover, .hookbird-wrap textarea:hover { border-color: #aeb8cc; }
.hookbird-wrap input:focus, .hookbird-wrap textarea:focus, .hookbird-wrap select:focus { border-color: var(--hookbird-blue); box-shadow: var(--hookbird-ring); outline: none; }
.hookbird-wrap input[readonly] { background: var(--hookbird-tint); }
.hookbird-wrap input[type="checkbox"] { border-radius: 4px; border-color: #aeb8cc; }
.hookbird-wrap input[type="checkbox"]:checked { background: var(--hookbird-blue); border-color: var(--hookbird-blue); }
.hookbird-wrap input[type="checkbox"]:checked::before { filter: brightness(0) invert(1); }
.hookbird-wrap input[type="checkbox"]:focus { box-shadow: var(--hookbird-ring); }
.hookbird-wrap input[type="file"] { max-width: 100%; }

/* Log filters */
.hookbird-filters { gap: 10px; padding: 14px; }
.hookbird-filters select { min-width: 170px; }
.hookbird-filters input[type="search"] { min-width: 220px; flex: 1 1 220px; max-width: 360px; }
.hookbird-filters .hookbird-muted { margin-left: auto; }

/* Editor */
.hookbird-wrap .hookbird-preset span { box-shadow: var(--hookbird-shadow-sm); transition: transform .15s, box-shadow .15s, border-color .15s; }
.hookbird-wrap .hookbird-preset span:hover { transform: translateY(-1px); box-shadow: 0 6px 14px -8px rgba(20, 33, 61, .35); border-color: #b9c6ef; }
.hookbird-wrap .hookbird-event-group { transition: border-color .2s, box-shadow .2s; }
.hookbird-wrap .hookbird-event-group:hover { border-color: #c9d2e6; box-shadow: var(--hookbird-shadow-sm); }
.hookbird-wrap .hookbird-event { padding: 2px 4px; border-radius: 5px; transition: background .15s; cursor: pointer; }
.hookbird-wrap .hookbird-event:hover { background: var(--hookbird-tint); }
.hookbird-wrap .hookbird-card h2 { display: flex; align-items: center; gap: 8px; }
.hookbird-wrap .form-table td { padding-top: 12px; padding-bottom: 12px; }
.hookbird-side .hookbird-card .button { width: auto; }
.hookbird-side select.widefat { width: 100%; }

/* Help */
.hookbird-wrap .hookbird-faq__item { transition: border-color .2s, box-shadow .2s; background: #fff; }
.hookbird-wrap .hookbird-faq__item:hover { border-color: #c9d2e6; }
.hookbird-wrap .hookbird-faq__item[open] { border-color: #b9c6ef; box-shadow: var(--hookbird-shadow-sm); }
.hookbird-wrap .hookbird-guide-tab { box-shadow: var(--hookbird-shadow-sm); transition: transform .15s, background .15s, border-color .15s; }
.hookbird-wrap .hookbird-guide-tab:hover { transform: translateY(-1px); }
.hookbird-wrap .hookbird-guide { background: linear-gradient(180deg, #f8f9fd, #f3f5fa); }
.hookbird-wrap .hookbird-help__toc a { transition: background .15s, color .15s, transform .15s; }
.hookbird-wrap .hookbird-help__toc a:hover { transform: translateX(2px); box-shadow: var(--hookbird-shadow-sm); }

/* Code blocks */
.hookbird-wrap .hookbird-code { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), 0 10px 24px -14px rgba(20, 33, 61, .5); }

/* Notices inside our pages */
.hookbird-wrap .notice { border-radius: 8px; box-shadow: var(--hookbird-shadow-sm); }

@media (prefers-reduced-motion: reduce) {
	.hookbird-wrap *, .hookbird-topbar * { transition: none !important; }
}

/* Links, section dividers, file inputs and pagination */
.hookbird-wrap a:not(.button):not(.hookbird-dest):not(.hookbird-ep__name):not(.hookbird-nav__item) { text-decoration: none; }
.hookbird-wrap a:not(.button):hover { text-decoration: underline; text-underline-offset: 3px; }
.hookbird-wrap a.hookbird-dest:hover, .hookbird-wrap .hookbird-menu__list a:hover, .hookbird-wrap .hookbird-help__toc a:hover { text-decoration: none; }
.hookbird-wrap .hookbird-time { color: var(--hookbird-ink); font-weight: 500; }
.hookbird-wrap .hookbird-time:hover { color: var(--hookbird-blue); }
.hookbird-wrap .hookbird-card > h2:not(:first-child) { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--hookbird-line); }
.hookbird-wrap input[type="file"]::file-selector-button {
	margin-right: 10px;
	padding: 7px 12px;
	border: 1px solid var(--hookbird-line-strong);
	border-radius: 8px;
	background: #fff;
	color: var(--hookbird-ink);
	font: inherit;
	cursor: pointer;
	box-shadow: var(--hookbird-shadow-sm);
	transition: border-color .15s, color .15s;
}
.hookbird-wrap input[type="file"]::file-selector-button:hover { border-color: var(--hookbird-blue); color: var(--hookbird-blue); }
.hookbird-wrap .tablenav { height: auto; margin: 6px 0 18px; }
.hookbird-wrap .tablenav-pages { float: none; display: flex; justify-content: flex-end; }
.hookbird-wrap .tablenav-pages .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 32px;
	height: 32px;
	margin-left: 4px;
	padding: 0 8px;
	border: 1px solid var(--hookbird-line-strong);
	border-radius: 8px;
	background: #fff;
	color: var(--hookbird-ink);
	text-decoration: none;
	box-shadow: var(--hookbird-shadow-sm);
}
.hookbird-wrap .tablenav-pages .page-numbers.current { background: var(--hookbird-navy); border-color: var(--hookbird-navy); color: #fff; }
.hookbird-wrap .tablenav-pages a.page-numbers:hover { border-color: var(--hookbird-blue); color: var(--hookbird-blue); text-decoration: none; }
.hookbird-wrap .tablenav-pages .dots { border: 0; background: transparent; box-shadow: none; }