/* Common styles (box-sizing, #eeUserDisplay, forms, notifications, .clearing)
   are in back-end/theme/css/theme.css */

/* Tables */

table {
	width: 100%;
	border-collapse: collapse;
	font-size: 90%;
}

th {
	text-align: left;
	border-bottom: 2px solid #333;
	padding: 6px 8px;
}

td {
	padding: 5px 8px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}

tr:hover td {
	background-color: #f0f0f0;
}

/* Responsive adjustments */
@media (max-width: 900px) {
	table { font-size: 80%; }
	th, td { padding: 4px 5px; }
}

/* ── Sales Summary Stats ────────────────────────────────────── */

.sales-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 28px;
}

.sales-stat {
	flex: 1 1 140px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 14px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fafafa;
}

.sales-stat-value {
	font-size: 22px;
	font-weight: bold;
	color: #222;
}

.sales-stat-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #888;
	margin-top: 4px;
	text-align: center;
}

/* ── Registration Card View ────────────────────────────────── */

.reg-toolbar {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.reg-search-form {
	display: flex;
	align-items: center;
	gap: 8px;
}

.reg-search-input {
	padding: 6px 10px;
	font-size: 14px;
	border: 1px solid #aaa;
	border-radius: 3px;
	width: 280px;
}

.reg-search-btn {
	padding: 6px 14px;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #888;
	border-radius: 3px;
	background: #eee;
}

.reg-search-btn:hover { background: #ddd; }

.reg-clear-btn {
	font-size: 13px;
	color: #666;
	text-decoration: none;
}

.reg-clear-btn:hover { color: #333; }

.reg-count {
	font-size: 13px;
	color: #666;
	margin: 0;
}

.reg-email-heading {
	margin: 28px 0 8px;
	font-size: 15px;
	color: #444;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
}

.reg-card {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 14px;
	background: #fff;
	overflow: hidden;
}

.reg-card-header {
	background: #f5f5f5;
	padding: 10px 14px;
	border-bottom: 1px solid #ddd;
}

.reg-card-domain {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 4px;
}

.reg-dev-domain {
	font-size: 12px;
	font-weight: normal;
	color: #888;
	margin-left: 6px;
}

.reg-card-meta {
	font-size: 13px;
	color: #555;
}

.reg-taxid {
	margin-left: 10px;
	font-size: 12px;
	color: #888;
}

.reg-products {
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
}

.reg-products th {
	background: #fafafa;
	font-size: 12px;
	text-transform: uppercase;
	color: #777;
	border-bottom: 1px solid #e0e0e0;
	padding: 6px 10px;
}

.reg-products td {
	padding: 6px 10px;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
}

.reg-product-row:last-child td {
	border-bottom: none;
}

.reg-product-row:hover td {
	background: #f9f9ff;
}

.reg-card-footer {
	padding: 8px 14px;
	border-top: 1px solid #eee;
	background: #fafafa;
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Shared button base */
.btn-delete-product,
.btn-delete-domain,
.btn-goto-user {
	padding: 4px 10px;
	font-size: 12px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
}

.btn-delete-product {
	border: 1px solid #d9534f;
	color: #d9534f;
	background: transparent;
}

.btn-delete-product:hover {
	background: #d9534f;
	color: #fff;
}

.btn-delete-domain {
	border: 1px solid #a00;
	color: #a00;
	background: transparent;
}

.btn-delete-domain:hover {
	background: #a00;
	color: #fff;
}

.btn-goto-user {
	border: 1px solid #337ab7;
	color: #337ab7;
	background: transparent;
	margin-left: auto;
}

.btn-goto-user:hover {
	background: #337ab7;
	color: #fff;
}