Newer
Older
tonitalia-pluginsoci / assets / css / admin.css
.ton-reg-shortcode-box {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-left: 4px solid #2d6a4f;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	margin: 1rem 0 1.5rem;
	max-width: 52rem;
	padding: 1rem 1.25rem 1.25rem;
}

.ton-reg-shortcode-box__title {
	font-size: 1.1em;
	margin: 0 0 0.5rem;
}

.ton-reg-shortcode-box__text {
	margin: 0 0 1rem;
}

.ton-reg-shortcode-box__code {
	margin: 0 0 0.5rem;
}

.ton-reg-shortcode-box__code code {
	display: inline-block;
	font-size: 14px;
	padding: 0.35rem 0.6rem;
}

.ton-reg-shortcode-box__hint {
	margin: 0.75rem 0 0;
}

.ton-reg-shortcode-box__hint code {
	font-size: 13px;
}

.ton-reg-doc-block {
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	margin: 0 0 1rem;
	max-width: 40rem;
	padding: 1rem 1.25rem;
}

.ton-reg-doc-block h3 {
	margin: 0 0 0.5rem;
}

.ton-reg-doc-block__file {
	margin: 0 0 0.75rem;
}

.ton-reg-doc-block__upload {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.ton-reg-doc-block__upload input[type="file"] {
	max-width: 100%;
}

.ton-reg-consents th {
	width: 220px;
}

.ton-reg-consent {
	display: inline-block;
	font-weight: 600;
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
}

.ton-reg-consent--yes {
	background: #d8f3dc;
	color: #1b4332;
}

.ton-reg-consent--no {
	background: #ffe5e5;
	color: #9b2226;
}

.ton-reg-consent--neutral {
	color: #646970;
	font-weight: 400;
}

/* —— Elenco iscrizioni (admin) —— */

.ton-reg-status {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	white-space: nowrap;
}

.ton-reg-status--pending {
	background: #fff3cd;
	color: #664d03;
}

.ton-reg-status--admitted {
	background: #d8f3dc;
	color: #1b4332;
}

.ton-reg-status--rejected {
	background: #ffe5e5;
	color: #9b2226;
}

.ton-reg-status--anonymized {
	background: #f0f0f1;
	color: #50575e;
}

.ton-reg-admin-list .ton-reg-admin-list__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.75rem;
	float: none;
	margin: 0.75rem 0 1rem;
}

.ton-reg-admin-list .ton-reg-admin-list__filters li {
	display: inline;
	margin: 0;
}

.ton-reg-admin-list .ton-reg-list-search {
	clear: both;
	margin: 0 0 1rem;
}

.ton-reg-admin-list .ton-reg-admin-list__search {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	float: none;
	margin: 0;
	width: 100%;
}

.ton-reg-admin-list .ton-reg-admin-list__search input[type="search"] {
	flex: 1 1 12rem;
	margin: 0;
	max-width: none;
	width: auto;
}

.ton-reg-list-table .wp-list-table .column-cognome .row-title {
	font-size: 14px;
}

.ton-reg-list-table .tablenav {
	margin-top: 0.75rem;
}

@media (max-width: 782px) {
	.ton-reg-admin-list h1 {
		font-size: 1.4rem;
	}

	.ton-reg-admin-list .ton-reg-admin-list__search {
		align-items: stretch;
	}

	.ton-reg-admin-list .ton-reg-admin-list__search input[type="search"],
	.ton-reg-admin-list .ton-reg-admin-list__search .button {
		width: 100%;
	}

	.ton-reg-list-table {
		margin: 0 -10px;
	}

	.ton-reg-list-table .wp-list-table {
		border: 0;
	}

	.ton-reg-list-table .wp-list-table thead,
	.ton-reg-list-table .wp-list-table tfoot {
		display: none;
	}

	.ton-reg-list-table .wp-list-table tbody {
		display: block;
	}

	.ton-reg-list-table .wp-list-table tbody tr {
		background: #fff;
		border: 1px solid #c3c4c7;
		border-radius: 6px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		display: flex;
		flex-direction: column;
		margin: 0 0 0.75rem;
		padding: 0.35rem 0.75rem 0.75rem;
	}

	.ton-reg-list-table .wp-list-table tbody tr td {
		border: 0;
		display: flex;
		align-items: flex-start;
		gap: 0.75rem;
		justify-content: space-between;
		padding: 0.45rem 0;
		text-align: right;
	}

	.ton-reg-list-table .wp-list-table tbody tr td::before {
		color: #646970;
		content: attr(data-colname);
		flex: 0 0 5.5rem;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
		text-transform: none;
	}

	.ton-reg-list-table .wp-list-table tbody tr td.column-cognome {
		align-items: flex-start;
		border-bottom: 1px solid #dcdcde;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		justify-content: flex-start;
		margin-bottom: 0.35rem;
		order: 1;
		padding: 0.35rem 0 0.65rem;
		text-align: left;
	}

	.ton-reg-list-table .wp-list-table tbody tr td.column-cognome::before {
		display: none;
	}

	.ton-reg-list-table .wp-list-table tbody tr td.column-cognome .row-title {
		display: block;
		font-size: 1rem;
		line-height: 1.35;
		text-align: left;
		width: 100%;
	}

	.ton-reg-list-table .wp-list-table tbody tr td.column-cognome .row-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 0.35rem;
		justify-content: flex-start;
		margin: 0;
		padding: 0;
		position: static;
		visibility: visible;
		width: 100%;
	}

	.ton-reg-list-table .wp-list-table .column-nome {
		display: none;
	}

	.ton-reg-list-table .wp-list-table .column-id {
		font-size: 12px;
		order: 5;
	}

	.ton-reg-list-table .wp-list-table .column-status {
		order: 2;
	}

	.ton-reg-list-table .wp-list-table .column-renewal {
		order: 3;
	}

	.ton-reg-list-table .wp-list-table .column-email {
		order: 4;
		word-break: break-word;
	}

	.ton-reg-list-table .wp-list-table .column-created_at {
		order: 5;
	}

	.ton-reg-list-table .wp-list-table .row-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 0.35rem;
		margin-top: 0.65rem;
	}

	.ton-reg-list-table .wp-list-table tbody tr td.column-cognome .row-actions {
		margin-top: 0;
	}

	.ton-reg-list-table .wp-list-table .row-actions .view a {
		background: #2271b1;
		border-radius: 4px;
		color: #fff;
		display: inline-block;
		font-weight: 600;
		padding: 0.45rem 0.85rem;
		text-decoration: none;
	}

	.ton-reg-list-table .wp-list-table .row-actions .view a:hover,
	.ton-reg-list-table .wp-list-table .row-actions .view a:focus {
		background: #135e96;
		color: #fff;
	}

	.ton-reg-list-table .tablenav .tablenav-pages {
		float: none;
		margin: 0.5rem 0 0;
		text-align: center;
		width: 100%;
	}

	.ton-reg-list-table .tablenav .displaying-num {
		display: block;
		float: none;
		margin: 0 0 0.5rem;
		text-align: center;
		width: 100%;
	}

	.ton-reg-admin-detail .form-table,
	.ton-reg-admin-detail .form-table tbody,
	.ton-reg-admin-detail .form-table tr,
	.ton-reg-admin-detail .form-table th,
	.ton-reg-admin-detail .form-table td {
		display: block;
		width: 100%;
	}

	.ton-reg-admin-detail .form-table th {
		border-bottom: 0;
		padding: 0.75rem 0 0.25rem;
	}

	.ton-reg-admin-detail .form-table td {
		margin: 0 0 0.75rem;
		padding: 0 0 0.75rem;
	}

	.ton-reg-admin-detail .form-table tr {
		border-bottom: 1px solid #dcdcde;
		margin-bottom: 0.25rem;
	}

	.ton-reg-admin-detail .ton-reg-consents th {
		width: auto;
	}

	.ton-reg-admin-detail .ton-reg-doc-block__upload {
		align-items: stretch;
		flex-direction: column;
	}

	.ton-reg-admin-detail .ton-reg-doc-block__upload .button {
		width: 100%;
	}

	.ton-reg-detail-nav__pager {
		align-items: stretch;
		flex-direction: column;
	}

	.ton-reg-detail-nav__pager .button,
	.ton-reg-detail-nav__pager .button.disabled {
		text-align: center;
		width: 100%;
	}

	.ton-reg-detail-nav__current {
		order: -1;
		text-align: left;
	}
}

.ton-reg-admin-list__export {
	margin: 0.75rem 0 1rem;
}

.ton-reg-admin-list__export .description {
	margin-left: 0.5rem;
}

.ton-reg-detail-nav {
	margin: 0 0 1.25rem;
}

.ton-reg-detail-nav__back {
	margin: 0 0 0.75rem;
}

.ton-reg-detail-nav__pager {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
}

.ton-reg-detail-nav__current {
	color: #1d2327;
	flex: 1 1 12rem;
	font-weight: 600;
	min-width: 0;
	text-align: center;
}

.ton-reg-detail-nav__pager .button.disabled {
	color: #a7aaad;
	cursor: default;
	opacity: 0.65;
	pointer-events: none;
}

.ton-reg-renewal {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	white-space: nowrap;
}

.ton-reg-renewal--paid {
	background: #d8f3dc;
	color: #1b4332;
}

.ton-reg-renewal--pending {
	background: #fff3cd;
	color: #664d03;
}

.ton-reg-renewal--reminder {
	background: #ffe8cc;
	color: #9a3412;
}

.ton-reg-renewal--overdue {
	background: #ffe5e5;
	color: #9b2226;
}

.ton-reg-renewal--na {
	background: transparent;
	color: #a7aaad;
	font-weight: 400;
	padding: 0;
}

.ton-reg-profile--admin th {
	width: 220px;
}

.ton-reg-profile--admin .ton-reg-profile__notice,
.ton-reg-profile--admin__notice {
	margin: 0;
	padding: 0.75rem 1rem;
	background: #f0f6fc;
	border-left: 4px solid #72aee6;
}

.ton-reg-profile--admin .ton-reg-profile__download {
	font-weight: 600;
}