/**
 * Trilobita Post Pruner — admin styles.
 */

/* ── Age mode toggle ────────────────────────────────────────────────────── */
.tripp-mode-toggle {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
}

.tripp-mode-label {
	font-weight: 600;
	color: #3c434a;
}

.tripp-mode-btn {
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid #c3c4c7;
	border-radius: 3px;
	background: #f6f7f7;
	color: #2c3338;
	text-decoration: none;
	font-size: 13px;
	line-height: 1.5;
}

.tripp-mode-btn:hover {
	background: #fff;
	border-color: #8c8f94;
	color: #2c3338;
}

.tripp-mode-btn-active {
	background: var(--wp-admin-theme-color, #2271b1);
	border-color: var(--wp-admin-theme-color, #2271b1);
	color: #fff;
	cursor: default;
}

.tripp-mode-btn-active:hover {
	background: var(--wp-admin-theme-color, #2271b1);
	border-color: var(--wp-admin-theme-color, #2271b1);
	color: #fff;
}

/* ── Table column widths ────────────────────────────────────────────────── */
.column-title {
	width: 30%;
}

.column-age {
	width: 80px;
}

.column-date_created,
.column-date_modified {
	width: 110px;
}

.column-author {
	width: 120px;
}

.column-categories {
	width: 140px;
}

/* ── Never updated badge ─────────────────────────────────────────────────── */
.tripp-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	vertical-align: middle;
	cursor: default;
}

.tripp-badge-never-updated {
	background-color: #fef9e7;
	color: #7a5400;
	border: 1px solid #f5c518;
}

/* ── Age colour coding ──────────────────────────────────────────────────── */
/*
 * Each row gets a pp-age-{1-5} class from single_row().
 * A 4px left border provides an at-a-glance age indicator without
 * disrupting text readability. The Age column badge uses matching colours.
 *
 * 1yr  — amber   #e6a817
 * 2yr  — orange  #d4711a
 * 3yr  — burnt   #c0442b
 * 4yr  — red     #a93226
 * 5yr+ — maroon  #7b241c
 */
tr.tripp-age-1 td:first-child { border-left: 4px solid #e6a817; }
tr.tripp-age-2 td:first-child { border-left: 4px solid #d4711a; }
tr.tripp-age-3 td:first-child { border-left: 4px solid #c0442b; }
tr.tripp-age-4 td:first-child { border-left: 4px solid #a93226; }
tr.tripp-age-5 td:first-child { border-left: 4px solid #7b241c; }

/* Age badge in the Age column. */
.tripp-age-badge {
	font-weight: 600;
	color: #fff;
}

.tripp-age-badge-1 { background-color: #e6a817; border-color: #c68c10; }
.tripp-age-badge-2 { background-color: #d4711a; border-color: #b55c12; }
.tripp-age-badge-3 { background-color: #c0442b; border-color: #a33520; }
.tripp-age-badge-4 { background-color: #a93226; border-color: #8e2118; }
.tripp-age-badge-5 { background-color: #7b241c; border-color: #5e1714; }

/* ── Trash row action ───────────────────────────────────────────────────── */
/* .tripp-row-trash is applied directly to the <a> tag by column_title(). */
.tripp-row-trash {
	color: #b32d2e !important;
}

.tripp-row-trash:hover {
	color: #8b0000 !important;
}