/* TK9-PUB-005 — Tracking, Recovery & Trust Polish */

.tracking-view {
	background:
		radial-gradient(circle at 88% 8%, rgba(209,165,67,.08), transparent 25%),
		linear-gradient(180deg, #fff, #fbfdfc);
}
.tracking-view .compact-reference { margin-bottom: 14px; }
.tracking-guidance {
	width: min(100%, 680px);
	margin: 0 auto 18px;
	padding: 17px;
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 14px;
	align-items: start;
	border: 1px solid #cfe0d8;
	border-radius: 18px;
	background: linear-gradient(145deg, #f1f8f5, #fff);
	text-align: right;
}
.tracking-guidance-icon {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border-radius: 14px;
	background: var(--brand);
	color: #fff;
	font-weight: 900;
	font-size: 1rem;
}
.tracking-guidance-copy .eyebrow { margin: 0 0 2px; }
.tracking-guidance-copy h3 { margin: 0; color: var(--brand); font-size: 1rem; }
.tracking-guidance-copy > p:last-of-type { margin: 6px 0 0; color: #4f655d; font-size: .78rem; line-height: 1.8; }
.tracking-guidance-action { width: auto; min-height: 42px; margin-top: 12px; padding-block: .65rem; }
.tracking-guidance[data-status="UNDER_REVIEW"] { border-color: #c8d8e8; background: linear-gradient(145deg, #f2f7fc, #fff); }
.tracking-guidance[data-status="UNDER_REVIEW"] .tracking-guidance-icon { background: #315f8b; }
.tracking-guidance[data-status="UNDER_REVIEW"] h3 { color: #315f8b; }
.tracking-guidance[data-status="NEEDS_EDIT"] { border-color: #e5c48e; background: linear-gradient(145deg, #fff7e8, #fff); box-shadow: 0 12px 30px rgba(161,93,21,.08); }
.tracking-guidance[data-status="NEEDS_EDIT"] .tracking-guidance-icon { background: #a15d15; }
.tracking-guidance[data-status="NEEDS_EDIT"] h3 { color: #8c4f10; }
.tracking-guidance[data-status="APPROVED"] { border-color: #b8d8c8; background: linear-gradient(145deg, #eff9f4, #fff); }
.tracking-guidance[data-status="APPROVED"] .tracking-guidance-icon { background: #147148; }
.tracking-guidance[data-status="APPROVED"] h3 { color: #147148; }
.tracking-guidance[data-status="NOT_ELIGIBLE"] { border-color: #e4c3c0; background: linear-gradient(145deg, #fff5f4, #fff); }
.tracking-guidance[data-status="NOT_ELIGIBLE"] .tracking-guidance-icon { background: var(--danger); }
.tracking-guidance[data-status="NOT_ELIGIBLE"] h3 { color: var(--danger); }

.recovery-trust-note {
	margin: 12px 0 18px;
	padding: 14px 15px;
	border: 1px solid #cfe0d8;
	border-radius: 15px;
	background: #f1f8f5;
}
.recovery-trust-note strong { display: block; color: var(--brand); font-size: .82rem; }
.recovery-trust-note p { margin: 5px 0 0; color: #4f655d; font-size: .74rem; line-height: 1.85; }
.recovery-public-form .field { position: relative; }
.recovery-public-form .field input[aria-invalid="true"],
.recovery-public-form .field select[aria-invalid="true"] { border-color: #c85a52; box-shadow: 0 0 0 3px rgba(200,90,82,.08); }
.recovery-public-form .field-error { min-height: 1.15em; margin-top: 5px; }
.recovery-success-card {
	padding: 14px 15px;
	border: 1px solid #b8d8c8;
	border-radius: 15px;
	background: #eff9f4;
}
.recovery-success-card strong { display: block; color: #147148; font-size: .82rem; }
.recovery-success-card p { margin: 5px 0 0; color: #496159; font-size: .74rem; line-height: 1.8; }
.recovery-success-card.is-existing { border-color: #ddc48f; background: #fff8e9; }
.recovery-success-card.is-existing strong { color: #8a651d; }
.revision-trust-strip {
	margin: -4px 0 15px;
	padding: 11px 12px;
	display: flex;
	gap: 8px;
	align-items: flex-start;
	border-radius: 12px;
	background: #fff8e9;
	color: #765b25;
	font-size: .7rem;
	line-height: 1.75;
}
.revision-trust-strip strong { flex: 0 0 auto; }
.revision-panel:focus { outline: 3px solid rgba(18,63,52,.14); outline-offset: 4px; }

.tracking-trust-grid {
	width: min(100%, 680px);
	margin: 14px auto 0;
	display: grid;
	gap: 10px;
}
.tracking-trust-card {
	padding: 14px;
	display: grid;
	grid-template-columns: 36px 1fr;
	gap: 11px;
	border: 1px solid #d8e2dd;
	border-radius: 15px;
	background: #fff;
	text-align: right;
}
.tracking-trust-icon {
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	border-radius: 10px;
	background: var(--brand-soft);
	color: var(--brand);
	font-size: .9rem;
	font-weight: 900;
}
.tracking-trust-card h3 { margin: 0; color: var(--brand); font-size: .82rem; }
.tracking-trust-card p, .tracking-trust-card ul { margin: 5px 0 0; color: var(--muted); font-size: .7rem; line-height: 1.8; }
.tracking-trust-card ul { padding-right: 17px; }
.tracking-trust-card li + li { margin-top: 3px; }
.tracking-share-card { border-color: #cbded5; background: linear-gradient(145deg, #f4faf7, #fff); }
.tracking-inline-actions > * { min-width: 0; }

@media (min-width: 760px) {
	.tracking-trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
	.tracking-view { padding-inline: 14px; }
	.tracking-guidance { grid-template-columns: 40px 1fr; padding: 14px; gap: 11px; }
	.tracking-guidance-icon { width: 38px; height: 38px; border-radius: 12px; }
	.tracking-guidance-action { width: 100%; }
	.tracking-recovery-panel { padding: 15px; }
	.revision-trust-strip { flex-direction: column; gap: 2px; }
	.tracking-inline-actions { display: grid; grid-template-columns: 1fr; }
	.tracking-inline-actions > * { width: 100%; }
}
@media (max-width: 390px) {
	.tracking-guidance { grid-template-columns: 1fr; }
	.tracking-guidance-icon { width: 36px; height: 36px; }
	.tracking-trust-card { grid-template-columns: 1fr; }
}

/* TK9-PUB-006 — Public help contact actions */
.tracking-help-copy { min-width: 0; }
.tracking-help-contact {
	margin-top: 10px;
	padding: 10px 12px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 2px 10px;
	align-items: baseline;
	border: 1px solid #d8e2dd;
	border-radius: 12px;
	background: #f8fbf9;
}
.tracking-help-contact strong { color: var(--brand); font-size: .72rem; }
.tracking-help-contact span { color: #263f36; font-weight: 800; font-size: .78rem; text-align: left; }
.tracking-help-contact small { grid-column: 2; color: var(--muted); font-size: .62rem; text-align: left; }
.tracking-help-actions {
	margin-top: 9px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}
.tracking-help-action {
	width: 100%;
	min-width: 0;
	min-height: 40px;
	padding: .62rem .7rem;
	font-size: .7rem;
}
.tracking-help-privacy { margin-top: 9px !important; color: #765b25 !important; }
@media (max-width: 620px) {
	.tracking-help-actions { grid-template-columns: 1fr; }
}
