/* OnHosty Guard Builder UI */
:root {
	--ohgb-bg: #f5f7fb;
	--ohgb-surface: #ffffff;
	--ohgb-surface-soft: #f8fafc;
	--ohgb-border: #d9e0ea;
	--ohgb-border-strong: #c7d1df;
	--ohgb-text: #182230;
	--ohgb-muted: #5f6b7a;
	--ohgb-primary: #155eef;
	--ohgb-primary-dark: #0f49bb;
	--ohgb-success: #14804a;
	--ohgb-warning: #a15c00;
	--ohgb-danger: #b42318;
	--ohgb-radius: 8px;
	--ohgb-shadow: 0 10px 28px rgba(16, 24, 40, 0.08);
}

.ohgb-admin-page,
.ohgb-protection-dashboard,
.ohgb-seller-dashboard,
.ohgb-market,
.ohgb-license-gate,
.ohgb-page-gate,
.ohgb-download-gate,
.ohgb-video-gate {
	color: var(--ohgb-text);
	font-size: 15px;
	line-height: 1.5;
}

.ohgb-admin-page {
	max-width: 1280px;
}

.ohgb-admin-page > h1,
.ohgb-seller-dashboard > h2,
.ohgb-protection-dashboard h2,
.ohgb-market > h2 {
	letter-spacing: 0;
	margin-bottom: 10px;
}

.ohgb-admin-page p,
.ohgb-protection-dashboard p,
.ohgb-seller-dashboard p,
.ohgb-market p {
	color: var(--ohgb-muted);
}

.ohgb-protection-dashboard,
.ohgb-seller-dashboard,
.ohgb-market {
	box-sizing: border-box;
}

.ohgb-seller-dashboard,
.ohgb-market,
.ohgb-license-gate,
.ohgb-page-gate,
.ohgb-download-gate,
.ohgb-video-gate {
	max-width: 1180px;
}

.ohgb-seller-dashboard section,
.ohgb-admin-page form,
.ohgb-admin-page .notice.inline,
.ohgb-module-help,
.ohgb-sales-flow,
.ohgb-license-gate,
.ohgb-page-gate,
.ohgb-download-gate,
.ohgb-video-gate {
	background: var(--ohgb-surface) !important;
	border: 1px solid var(--ohgb-border) !important;
	border-radius: var(--ohgb-radius) !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
	box-sizing: border-box;
}

.ohgb-seller-dashboard section,
.ohgb-module-help,
.ohgb-sales-flow {
	padding: 18px !important;
	margin: 18px 0 !important;
}

.ohgb-seller-dashboard section h3,
.ohgb-sales-flow h4,
.ohgb-module-help summary,
.ohgb-sales-flow summary {
	color: var(--ohgb-text);
	letter-spacing: 0;
}

.ohgb-module-help,
.ohgb-sales-flow {
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

.ohgb-module-help summary,
.ohgb-sales-flow summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 8px;
	list-style: none;
}

.ohgb-module-help summary::-webkit-details-marker,
.ohgb-sales-flow summary::-webkit-details-marker {
	display: none;
}

.ohgb-module-help summary::before,
.ohgb-sales-flow summary::before {
	background: #e8efff;
	border-radius: 50%;
	color: var(--ohgb-primary);
	content: "?";
	display: inline-grid;
	font-size: 12px;
	font-weight: 700;
	height: 22px;
	place-items: center;
	width: 22px;
}

.ohgb-sales-flow > div,
.ohgb-module-help > div {
	color: var(--ohgb-muted);
}

.ohgb-sales-flow ol,
.ohgb-module-help ol {
	padding-left: 22px;
}

.ohgb-sales-flow li,
.ohgb-module-help li {
	margin: 0 0 6px;
}

.ohgb-protection-dashboard > div:first-child {
	background: linear-gradient(135deg, #0b1220 0%, #123c8c 100%) !important;
	border-radius: 10px !important;
	box-shadow: var(--ohgb-shadow);
}

.ohgb-protection-dashboard > div:first-child p {
	color: #dbe7ff !important;
}

.ohgb-protection-dashboard > div:nth-of-type(2) > div {
	border-color: var(--ohgb-border) !important;
	border-radius: var(--ohgb-radius) !important;
	box-shadow: 0 8px 22px rgba(16, 24, 40, 0.07) !important;
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.ohgb-protection-dashboard > div:nth-of-type(2) > div:hover {
	border-color: var(--ohgb-primary) !important;
	box-shadow: var(--ohgb-shadow) !important;
	transform: translateY(-1px);
}

.ohgb-protection-dashboard .button,
.ohgb-seller-dashboard .button,
.ohgb-market .button,
.ohgb-license-gate .button,
.ohgb-page-gate .button,
.ohgb-download-gate .button,
.ohgb-video-gate .button,
.ohgb-admin-page .button {
	border-radius: 6px !important;
	box-shadow: none !important;
	font-weight: 600;
	min-height: 34px;
	padding-left: 14px !important;
	padding-right: 14px !important;
}

.ohgb-protection-dashboard .button-primary,
.ohgb-seller-dashboard .button-primary,
.ohgb-market .button-primary,
.ohgb-license-gate .button-primary,
.ohgb-page-gate .button-primary,
.ohgb-download-gate .button-primary,
.ohgb-video-gate .button-primary,
.ohgb-admin-page .button-primary {
	background: var(--ohgb-primary) !important;
	border-color: var(--ohgb-primary) !important;
	color: #fff !important;
}

.ohgb-protection-dashboard .button-primary:hover,
.ohgb-seller-dashboard .button-primary:hover,
.ohgb-market .button-primary:hover,
.ohgb-admin-page .button-primary:hover {
	background: var(--ohgb-primary-dark) !important;
	border-color: var(--ohgb-primary-dark) !important;
}

.ohgb-seller-dashboard input[type="text"],
.ohgb-seller-dashboard input[type="email"],
.ohgb-seller-dashboard input[type="url"],
.ohgb-seller-dashboard input[type="number"],
.ohgb-seller-dashboard input[type="file"],
.ohgb-seller-dashboard select,
.ohgb-seller-dashboard textarea,
.ohgb-admin-page input[type="text"],
.ohgb-admin-page input[type="email"],
.ohgb-admin-page input[type="url"],
.ohgb-admin-page input[type="number"],
.ohgb-admin-page input[type="file"],
.ohgb-admin-page select,
.ohgb-admin-page textarea,
.ohgb-license-gate input[type="text"],
.ohgb-page-gate input[type="text"],
.ohgb-download-gate input[type="text"],
.ohgb-video-gate input[type="text"] {
	border: 1px solid var(--ohgb-border-strong) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	box-sizing: border-box;
	max-width: 100%;
	min-height: 36px;
	padding: 7px 10px;
}

.ohgb-seller-dashboard textarea,
.ohgb-admin-page textarea {
	min-height: 92px;
}

.ohgb-seller-dashboard input:focus,
.ohgb-seller-dashboard select:focus,
.ohgb-seller-dashboard textarea:focus,
.ohgb-admin-page input:focus,
.ohgb-admin-page select:focus,
.ohgb-admin-page textarea:focus {
	border-color: var(--ohgb-primary) !important;
	box-shadow: 0 0 0 3px rgba(21, 94, 239, 0.14) !important;
	outline: none;
}

.ohgb-seller-dashboard table,
.ohgb-market table,
.ohgb-admin-page table {
	background: var(--ohgb-surface);
	border: 1px solid var(--ohgb-border);
	border-radius: var(--ohgb-radius);
	border-collapse: separate !important;
	border-spacing: 0;
	overflow: hidden;
}

.ohgb-seller-dashboard th,
.ohgb-seller-dashboard td,
.ohgb-admin-page th,
.ohgb-admin-page td {
	border-color: var(--ohgb-border) !important;
	vertical-align: top;
}

.ohgb-seller-dashboard th,
.ohgb-admin-page th {
	background: var(--ohgb-surface-soft);
	color: var(--ohgb-text);
	font-weight: 700;
}

.ohgb-seller-dashboard tr:hover td,
.ohgb-admin-page tr:hover td {
	background: #fbfdff;
}

.ohgb-seller-dashboard code,
.ohgb-admin-page code,
.ohgb-license-gate code {
	background: #eef4ff;
	border-radius: 4px;
	color: #123c8c;
	padding: 2px 5px;
}

.ohgb-seller-dashboard pre,
.ohgb-admin-page pre {
	background: #0f172a !important;
	border: 0 !important;
	border-radius: var(--ohgb-radius) !important;
	color: #e5eefc;
	overflow: auto;
}

.ohgb-seller-dashboard pre code,
.ohgb-admin-page pre code {
	background: transparent;
	color: inherit;
	padding: 0;
}

.ohgb-market-card {
	border: 1px solid var(--ohgb-border) !important;
	border-radius: var(--ohgb-radius) !important;
	box-shadow: 0 8px 20px rgba(16, 24, 40, 0.07);
	transition: transform 160ms ease, box-shadow 160ms ease;
}

.ohgb-market-card:hover {
	box-shadow: var(--ohgb-shadow);
	transform: translateY(-1px);
}

.ohgb-market-card h3 {
	color: var(--ohgb-text);
}

.ohgb-license-gate,
.ohgb-page-gate,
.ohgb-download-gate,
.ohgb-video-gate {
	padding: 18px !important;
}

.ohgb-download-gate,
.ohgb-video-gate {
	max-width: 940px;
}

.ohgb-seller-dashboard > div[style*="border-left"],
.ohgb-license-gate div[style*="border-left"],
.ohgb-page-gate div[style*="border-left"],
.ohgb-download-gate div[style*="border-left"],
.ohgb-video-gate div[style*="border-left"] {
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.ohgb-sales-flow div[style*="display:grid"],
.ohgb-protection-dashboard div[style*="display:grid"],
.ohgb-seller-dashboard div[style*="display:grid"] {
	align-items: stretch;
}

.ohgb-sales-flow div[style*="border:1px"],
.ohgb-protection-dashboard section div[style*="background:#f6f7f7"],
.ohgb-seller-dashboard section div[style*="background:#f6f7f7"] {
	border-radius: var(--ohgb-radius);
}

@media (max-width: 760px) {
	.ohgb-seller-dashboard,
	.ohgb-protection-dashboard,
	.ohgb-market {
		max-width: 100%;
	}

	.ohgb-seller-dashboard table,
	.ohgb-admin-page table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.ohgb-seller-dashboard label[style*="margin-left"],
	.ohgb-admin-page label[style*="margin-left"] {
		display: block;
		margin-left: 0 !important;
		margin-top: 10px;
	}
}