/*
 * Exhibitor portal shortcodes (forms progress, deadlines, invoices, link buttons).
 * Namespaced under the .ff-exhibitor wrappers so nothing leaks into the rest of the
 * site and the theme's rules do not reach in. Flat by house rule. The zebra table
 * and the accent link button are the shared components in shared/components.css;
 * tokens come from shared/tokens.css.
 */

.ff-exhibitor {
	margin: 0 0 var( --fm-space-5 );
	color: var( --fm-color-ink );
}

/* Table: the black-header zebra recipe is shared (components.css); this table
   tops its cells (multi-line rows) and keeps odd rows transparent explicitly. */
.ff-exhibitor .ff-table th,
.ff-exhibitor .ff-table td {
	vertical-align: top;
}

.ff-exhibitor .ff-table tbody tr:nth-child( odd ) {
	background-color: transparent;
}

.ff-exhibitor .ff-table a {
	color: inherit;
	text-decoration: underline;
}

/* Status + overdue badges. Sized and weighted like the surrounding cell text,
   matching the nominations table's status pill: only the tinted pill marks them
   out, and the colour carries the meaning. */
.ff-exhibitor .ff-status,
.ff-exhibitor .ff-badge {
	display: inline-block;
	font-family: var( --fm-font-body ) !important;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.4;
	padding: 2px 12px;
	border-radius: 100px;
}

.ff-exhibitor .ff-status {
	color: var( --fm-color-ink );
}

.ff-exhibitor .ff-status--completed {
	background: var( --fm-color-accent );
}

.ff-exhibitor .ff-status--in_progress {
	background: var( --fm-color-progress );
}

.ff-exhibitor .ff-status--not_started {
	background: var( --fm-color-neutral );
}

.ff-exhibitor .ff-badge {
	margin-left: var( --fm-space-2 );
}

.ff-exhibitor .ff-badge--overdue {
	color: #ffffff;
	background: var( --fm-color-danger );
}

/* Action column on the completed-forms table. */
.ff-exhibitor .ff-col-action {
	width: 28px;
	text-align: center;
}

.ff-exhibitor .ff-icon-done {
	color: var( --fm-color-success );
}

.ff-exhibitor-deadlines__title {
	margin: 0 0 var( --fm-space-2 );
	text-transform: uppercase;
	font-family: var( --fm-font-heading ) !important;
}

/* Link buttons (press images / passes / booth plan): the shared accent action
   button (portal.css); only the inter-button spacing lives here. */
.ff-button.ff-exhibitor-button {
	margin: 0 var( --fm-space-2 ) var( --fm-space-2 ) 0;
}

.ff-exhibitor-invoices__empty {
	color: rgba( 0, 0, 0, 0.6 );
}