/* StreamCraftr Kit Uploader — front-end form styles */


/* ── Wrapper ─────────────────────────────────────────────────────────────── */

.sckit-upload-form-wrap {
	max-width: 760px;
	margin: 0 auto;
	font-family: inherit;
}

/* ── Alerts ──────────────────────────────────────────────────────────────── */

.sckit-alert {
	padding: 14px 18px;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 0.95em;
	line-height: 1.5;
}

.sckit-alert ul {
	margin: 6px 0 0 0;
	padding-left: 20px;
}

.sckit-alert--success {
	background: #ecfdf5;
	border: 1px solid #6ee7b7;
	color: #065f46;
}

.sckit-alert--error {
	background: #fef2f2;
	border: 1px solid #fca5a5;
	color: #991b1b;
}

/* ── Info note ───────────────────────────────────────────────────────────── */

.sckit-form-note {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-left: 4px solid #6366f1;
	border-radius: 4px;
	padding: 12px 16px;
	font-size: 0.9em;
	color: #475569;
	margin-bottom: 28px;
	line-height: 1.6;
}

.sckit-form-note code {
	background: #e2e8f0;
	border-radius: 3px;
	padding: 1px 5px;
	font-size: 0.9em;
}

/* ── Login prompt ────────────────────────────────────────────────────────── */

.sckit-login-prompt {
	color: #64748b;
}

.sckit-report-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.sckit-report-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 24px;
	line-height: 1.5;
}

.sckit-report-check input {
	margin-top: 5px;
	flex: 0 0 auto;
}

.sckit-report-form .sckit-form-group input[type="email"],
.sckit-report-form .sckit-form-group input[type="tel"] {
	background: #111;
	border-color: #333;
	color: #f5f5f5;
}

.sckit-report-form .sckit-form-group input[type="email"]::placeholder,
.sckit-report-form .sckit-form-group input[type="tel"]::placeholder {
	color: #8c8c8c;
	opacity: 1;
}

.sckit-report-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 600px) {
	.sckit-report-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

/* ── Form groups ─────────────────────────────────────────────────────────── */

.sckit-form-group {
	margin-bottom: 24px;
}

.sckit-form-group label {
	 display: block;
    font-weight: 600;
    font-size: 0.95em;
    margin-bottom: 6px;
    color: #d8d8d8;
}

.sckit-required {
	color: #ef4444;
	margin-left: 2px;
}

.sckit-hint {
	font-weight: 400;
	color: #64748b;
	font-size: 0.88em;
}

.sckit-field-hint {
	margin: 6px 0 0;
	font-size: 0.82em;
	color: #94a3b8;
}

/* ── URL input ───────────────────────────────────────────────────────────── */

.sckit-form-group input[type="text"],
.sckit-form-group input[type="email"],
.sckit-form-group input[type="tel"],
.sckit-form-group input[type="url"],
.sckit-form-group select,
.sckit-form-group textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 14px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-size: 0.95em;
	color: #1e293b;
	background: #fff;
	transition: border-color 0.15s, box-shadow 0.15s;
	outline: none;
}

.sckit-form-group textarea {
	min-height: 140px;
	resize: vertical;
}

.sckit-rich-editor {
	overflow: hidden;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	color: #1e293b;
}

.sckit-rich-editor:focus-within {
	border-color: #6366f1;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.sckit-rich-editor__toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 6px;
	border-bottom: 1px solid #e2e8f0;
	background: #f8fafc;
}

.sckit-rich-editor__toolbar button {
	min-width: 36px;
	padding: 5px 8px;
	border: 1px solid transparent;
	border-radius: 4px;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.sckit-rich-editor__toolbar button:hover,
.sckit-rich-editor__toolbar button:focus-visible {
	border-color: #cbd5e1;
	background: #fff;
}

.sckit-rich-editor__surface {
	min-height: 140px;
	padding: 10px 14px;
	outline: none;
}

.sckit-rich-editor__surface:empty::before {
	color: #94a3b8;
	content: attr(data-placeholder);
	pointer-events: none;
}

.sckit-rich-editor__surface--invalid {
	box-shadow: inset 0 0 0 1px #ef4444;
}

.sckit-rich-editor .sckit-field-hint {
	padding: 0 12px 9px;
}

.sckit-gallery-existing {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.sckit-gallery-existing__item {
	overflow: hidden;
	border: 1px solid rgba(213, 232, 230, 0.12);
	border-radius: 6px;
	background: #111f1e;
}

.sckit-gallery-existing__item img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.sckit-gallery-existing__item span {
	display: flex;
	gap: 6px;
	align-items: center;
	padding: 6px 8px;
	font-size: 12px;
}

.sckit-form-group select {
	appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, currentColor 50%),
		linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position:
		calc(100% - 18px) 50%,
		calc(100% - 13px) 50%;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	padding-right: 36px;
}

.sckit-form-group input[type="file"]:not(.sckit-drop-zone input[type="file"]) {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	color: #1e293b;
	font-size: 0.9em;
}

.sckit-form-group input[type="text"]:focus,
.sckit-form-group input[type="url"]:focus,
.sckit-form-group select:focus,
.sckit-form-group textarea:focus {
	border-color: #6366f1;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.sckit-tag-picker {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	min-height: 44px;
	padding: 7px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	color: #1e293b;
}

.sckit-tag-picker:focus-within {
	border-color: #6366f1;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.sckit-tag-picker__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.sckit-tag-picker__chip {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	max-width: 100%;
	padding: 4px 7px;
	border-radius: 5px;
	background: #e2e8f0;
	color: #1e293b;
	font-size: 0.86em;
	font-weight: 600;
	line-height: 1.2;
}

.sckit-tag-picker__remove {
	display: inline-grid;
	place-items: center;
	width: 18px;
	height: 18px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(15, 23, 42, 0.12);
	color: inherit;
	font: inherit;
	line-height: 1;
	cursor: pointer;
}

.sckit-tag-picker__input {
	flex: 1 1 150px;
	min-width: 120px;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	outline: none;
}

.sckit-tag-picker__suggestions {
	position: absolute;
	z-index: 20;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	display: grid;
	gap: 2px;
	padding: 6px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
}

.sckit-tag-picker__suggestions[hidden] {
	display: none;
}

.sckit-tag-picker__suggestion {
	width: 100%;
	padding: 8px 10px;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: #1e293b;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.sckit-tag-picker__suggestion:hover,
.sckit-tag-picker__suggestion:focus {
	background: #e2e8f0;
	outline: none;
}

/* ── Drag-and-drop zone ──────────────────────────────────────────────────── */

.sckit-drop-zone {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 140px;
	border: 2px dashed #cbd5e1;
	border-radius: 8px;
	background: #f8fafc;
	padding: 24px 20px;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s;
	text-align: center;
}

.sckit-drop-zone:hover,
.sckit-drop-zone.sckit-drop-zone--hover {
	border-color: #6366f1;
	background: #eef2ff;
}

.sckit-drop-zone.sckit-drop-zone--has-file {
	border-color: #22c55e;
	background: #f0fdf4;
}

.sckit-drop-zone.sckit-drop-zone--error {
	border-color: #ef4444;
	background: #fef2f2;
}

/* The real <input type="file"> is visually hidden but accessible */
.sckit-drop-zone input[type="file"] {
	position: absolute;
	inset: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.sckit-drop-zone__icon {
	display: block;
	width: 40px;
	height: 40px;
	color: #94a3b8;
	flex-shrink: 0;
}

.sckit-drop-zone--has-file .sckit-drop-zone__icon {
	color: #22c55e;
}

.sckit-drop-zone__label {
	font-size: 0.95em;
	color: #475569;
	pointer-events: none;
}

.sckit-drop-zone__label strong {
	color: #6366f1;
}

.sckit-drop-zone__filename {
	font-size: 0.85em;
	font-weight: 600;
	color: #166534;
	word-break: break-all;
	pointer-events: none;
}

.sckit-drop-zone__meta {
	font-size: 0.8em;
	color: #94a3b8;
	pointer-events: none;
}

.sckit-inspection-card {
	display: grid;
	grid-template-columns: minmax(150px, 220px) 1fr;
	gap: 16px;
	margin-top: 14px;
	padding: 14px;
	border: 1px solid rgba(77, 232, 224, 0.3);
	border-radius: 8px;
	background: rgba(77, 232, 224, 0.055);
}

.sckit-inspection-card--attention {
	border-color: rgba(217, 182, 111, 0.5);
	background: rgba(217, 182, 111, 0.08);
}

.sckit-inspection-card__image-wrap {
	display: grid;
	place-items: center;
	min-height: 110px;
	overflow: hidden;
	border-radius: 6px;
	background: #111;
}

.sckit-inspection-card__image {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.sckit-inspection-card__placeholder {
	padding: 18px;
	color: #94a3b8;
	text-align: center;
}

.sckit-inspection-card__body dl {
	margin: 8px 0;
}

.sckit-inspection-card__body dl div {
	display: grid;
	grid-template-columns: 90px 1fr;
	gap: 8px;
}

.sckit-inspection-card__body dt {
	color: #94a3b8;
}

.sckit-inspection-card__body dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.sckit-inspection-card__state {
	margin: 8px 0 0;
	font-weight: 700;
}

.sckit-inspection-card__note {
	margin: 5px 0 0;
	color: #94a3b8;
	font-size: 0.82em;
}

.sckit-confirmation {
	padding: 20px;
	border: 1px solid rgba(77, 232, 224, 0.35);
	border-radius: 8px;
	background: rgba(77, 232, 224, 0.06);
}

.sckit-confirmation .sckit-btn-submit {
	display: inline-block;
	width: auto;
	margin-right: 12px;
	text-decoration: none;
}

.sckit-confirmation__another {
	padding: 10px 14px;
	border: 0;
	background: transparent;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
}

/* ── Terms of service checkbox ───────────────────────────────────────────── */

.sckit-checkbox-group,
.sckit-tos-group {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 24px;
}

.sckit-checkbox-group input[type="checkbox"],
.sckit-tos-group input[type="checkbox"] {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	accent-color: #6366f1;
	cursor: pointer;
}

.sckit-checkbox-group label,
.sckit-tos-group label {
	font-size: 0.9em;
	color: #475569;
	line-height: 1.5;
	cursor: pointer;
}

.sckit-license-reminder {
	margin: 4px 0 24px;
	padding: 12px 14px;
	border-radius: 6px;
	border: 1px solid #fde68a;
	background: #fffbeb;
	color: #92400e;
	font-size: 0.88em;
	line-height: 1.5;
}

.sckit-upload-status {
	min-height: 1.2em;
}

.sckit-upload-status--error {
	color: #b91c1c;
}

.sckit-tos-group a {
	color: #6366f1;
	text-decoration: none;
}

.sckit-tos-group a:hover {
	text-decoration: underline;
}

.sckit-tos-group label {
    font-size: 0.9em;
    color: #d8d8d8 !important;
    line-height: 1.5;
    cursor: pointer;
}

/* ── Submit button ───────────────────────────────────────────────────────── */

.sckit-btn-submit {
	display: inline-block;
	padding: 12px 28px;
	background: #6366f1;
	color: #fff;
	font-size: 0.975em;
	font-weight: 600;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.2s, transform 0.1s;
	margin-top: 4px;
}

.sckit-btn-submit:hover {
	background: #4f46e5;
}

.sckit-btn-submit:active {
	transform: scale(0.98);
}

.sckit-btn-submit:disabled {
	background: #a5b4fc;
	cursor: not-allowed;
}

.sckit-btn-submit--busy {
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.sckit-btn-submit--busy::before {
	width: 14px;
	height: 14px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	content: "";
	animation: sckit-button-spin 0.7s linear infinite;
}

@keyframes sckit-button-spin {
	to {
		transform: rotate(360deg);
	}
}

/* ── AI badge (output by [sckit_ai_badge] shortcode) ────────────────────── */

/* Hidden by default; revealed only when an ancestor post wrapper carries the
   sckit-ai-generated class (set via the post_class filter). This approach
   works in Divi 5 loops where shortcode get_the_ID() is unreliable. */
.sckit-ai-badge {
	display: none;
	padding: 2px 8px;
	background: #6366f1;
	color: #fff;
	font-size: 0.75em;
	font-weight: 600;
	border-radius: 4px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.sckit-ai-generated .sckit-ai-badge {
	display: inline-block;
}

/* ── Kit tags (output by [sckit_tags] shortcode) ────────────────────────── */

.sckit-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.sckit-tag {
	display: inline-block;
	padding: 3px 10px;
	background: #f1f5f9;
	color: #475569;
	font-size: 0.8em;
	font-weight: 500;
	border-radius: 20px;
	text-decoration: none;
	line-height: 1.5;
}

a.sckit-tag:hover {
	background: #e2e8f0;
	color: #1e293b;
}

/* ── Footer note ─────────────────────────────────────────────────────────── */

.sckit-form-footer {
	margin-top: 14px;
	font-size: 0.82em;
	color: #94a3b8;
}

/* ── Tag archive grid ([sckit_tag_archive] shortcode) ────────────────────── */

.sckit-tag-archive {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 260px, 1fr ) );
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sckit-card {
	background: rgb(28, 28, 28);
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.15s, box-shadow 0.15s;
}

.sckit-card:hover {
	transform: translateY( -3px );
	box-shadow: 0 8px 24px rgba( 0, 0, 0, 0.4 );
}

.sckit-card__img-link {
	display: block;
	overflow: hidden;
	line-height: 0;
}

.sckit-card__thumb {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform 0.2s;
}

.sckit-card:hover .sckit-card__thumb {
	transform: scale( 1.03 );
}

.sckit-card__body {
	padding: 14px 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1;
}

.sckit-card__title {
	margin: 0;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.35;
}

.sckit-card__title a {
	color: #ffffff;
	text-decoration: none;
}

.sckit-card__title a:hover {
	color: #4ec9c9;
}

.sckit-card__meta {
	margin: 0;
	font-size: 0.8em;
	color: #7b8596;
	line-height: 1.4;
}

.sckit-card__tags {
	font-size: 0.8em;
	color: #4ec9c9;
	line-height: 1.5;
}

.sckit-card__tags a {
	color: #4ec9c9;
	text-decoration: none;
}

.sckit-card__tags a:hover {
	color: #8adede;
	text-decoration: underline;
}

.sckit-no-results {
	color: #7b8596;
	font-style: italic;
}


/* ── Kit Grid ─────────────────────────────────────────── */
.sckit-grid-sorter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0 0 14px;
}
.sckit-grid-sorter label {
    color: rgba(232,240,239,0.72);
    font-size: 12px;
    font-weight: 600;
}
.sckit-grid-sorter select,
.sckit-grid-sorter button {
    min-height: 36px;
    padding: 7px 32px 7px 11px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 7px;
    background-color: rgb(28, 28, 28);
    color: #d8e2e0;
    font-size: 12px;
}
.sckit-grid-sorter select option {
    background: rgb(28, 28, 28);
    color: #d8e2e0;
}
.sckit-grid-sorter button {
    padding: 7px 11px;
}
.sckit-grid-sorter select:focus,
.sckit-grid-sorter button:focus {
    border-color: rgba(0,229,192,0.45);
    outline: 2px solid rgba(0,229,192,0.15);
    outline-offset: 1px;
}
.sckit-grid {
    display: grid;
    grid-template-columns: repeat(var(--sckit-grid-columns, 4), minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 900px) {
    .sckit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .sckit-grid { grid-template-columns: 1fr; }
}

.sckit-card {
    background: rgb(28, 28, 28);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.sckit-card:hover { border-color: rgba(0,229,192,0.25); }

.sckit-card__thumb {
    display: block;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #081412;
}
.sckit-card__img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
}
.sckit-card__img--placeholder {
    background: linear-gradient(135deg, #0c1a18, #0a1410);
}
.sckit-card__thumb-overlay {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.15s;
}
.sckit-card__thumb:hover .sckit-card__thumb-overlay { opacity: 1; }
.sckit-card__dl-hint {
    background: #00e5c0; color: #070f0e;
    font-size: 12px; font-weight: 700;
    padding: 8px 16px; border-radius: 7px;
}

.sckit-ai-badge {
    position: absolute; top: 8px; left: 8px;
    background: rgba(120,80,255,0.85);
    color: #fff; font-size: 9px; font-weight: 700;
    letter-spacing: 0.5px; text-transform: uppercase;
    padding: 3px 7px; border-radius: 4px;
}

.sckit-card__body { padding: 14px; flex: 1; }
.sckit-card__title { font-size: 14px; font-weight: 700; margin: 0; padding-bottom: 0; }
.sckit-card__title a { color: #fff; text-decoration: none; }
.sckit-card__title a:hover { color: #00e5c0; }
.sckit-card__author {
	font-size: 11px;
	color: rgba(232,240,239,0.35);
	margin: 0 0 10px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sckit-card__avatar {
    width: 18px;
    height: 18px;
    border-radius: 0.3rem;
    object-fit: cover;
    flex-shrink: 0;
	margin-right: 5px;
    background: rgba(0,229,192,0.1);
}

.sckit-card__tags { display: flex; gap: 5px; flex-wrap: wrap; }
.sckit-tag {
    font-size: 10px; padding: 3px 8px; border-radius: 4px;
    background: rgba(255,255,255,0.05);
    color: rgba(232,240,239,0.4);
    border: 1px solid rgba(255,255,255,0.07);
}

.sckit-card__footer {
    padding: 10px 14px;
    border-top: 1px solid rgba(255,255,255,0.05);
}
.sckit-card__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    padding: 0;
}
.sckit-card__stat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 38px;
    color: rgba(232,240,239,0.65);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}
.sckit-card__stat + .sckit-card__stat {
    border-left: 1px solid rgba(255,255,255,0.05);
}
.sckit-card__stat-icon {
    color: #00e5c0;
    font-size: 15px;
    line-height: 1;
}
.sckit-card__stat-icon--rating {
    color: #f4c95d;
    font-size: 13px;
}
.sckit-empty { color: rgba(232,240,239,0.4); font-size: 14px; }

.sckit-pagination {
    margin-top: 24px;
}
.sckit-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sckit-pagination a,
.sckit-pagination span {
    display: grid;
    min-width: 36px;
    min-height: 36px;
    padding: 8px 12px;
    place-items: center;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 7px;
    background: rgb(28, 28, 28);
    color: rgba(232,240,239,0.7);
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
}
.sckit-pagination a:hover,
.sckit-pagination .current {
    border-color: rgba(0,229,192,0.35);
    color: #00e5c0;
}

/* App-style dark upload form */
.sckit-upload-form-wrap {
	--sckit-accent: #4de8e0;
	--sckit-bg: #07100f;
	--sckit-panel: #0d1817;
	--sckit-field: #111f1e;
	--sckit-field-strong: #142625;
	--sckit-line: rgba(213, 232, 230, 0.12);
	--sckit-line-strong: rgba(77, 232, 224, 0.35);
	--sckit-text: #d9e6e4;
	--sckit-muted: #91a4a1;
	--sckit-soft: #6f8581;
	--sckit-error: #ff7d8b;
	--sckit-warning: #d9b66f;
	max-width: 820px;
	color: var(--sckit-text);
}

.sckit-upload-form-wrap form {
	background: linear-gradient(180deg, rgba(13, 24, 23, 0.98), rgba(7, 16, 15, 0.98));
	border: 1px solid var(--sckit-line);
	border-radius: 8px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
	padding: 22px;
}

.sckit-form-note {
	background: rgba(77, 232, 224, 0.06);
	border: 1px solid var(--sckit-line);
	border-left: 3px solid var(--sckit-accent);
	border-radius: 6px;
	color: var(--sckit-muted);
}

.sckit-form-note code {
	background: rgba(255, 255, 255, 0.06);
	color: var(--sckit-text);
}

.sckit-submit-panel {
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid var(--sckit-line);
	border-radius: 8px;
	margin-bottom: 22px;
	padding: 14px;
}

.sckit-pipeline {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 12px;
}

.sckit-pipeline__step {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	border: 1px solid var(--sckit-line);
	border-radius: 6px;
	color: var(--sckit-soft);
	font-size: 0.78em;
	font-weight: 700;
	text-transform: uppercase;
}

.sckit-pipeline__step--active,
.sckit-pipeline__step--done {
	border-color: var(--sckit-line-strong);
	color: var(--sckit-text);
}

.sckit-pipeline__step--active {
	background: rgba(77, 232, 224, 0.08);
}

.sckit-pipeline__step--done {
	background: rgba(77, 232, 224, 0.045);
}

.sckit-pipeline__step--error {
	border-color: rgba(255, 125, 139, 0.5);
	color: var(--sckit-error);
	background: rgba(255, 125, 139, 0.08);
}

.sckit-progress {
	height: 4px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.06);
	border-radius: 999px;
}

.sckit-progress__bar {
	display: block;
	width: 0;
	height: 100%;
	background: var(--sckit-accent);
	border-radius: inherit;
	transition: width 0.2s ease;
}

.sckit-progress__bar--error {
	background: var(--sckit-error);
}

.sckit-upload-status {
	min-height: 1.25em;
	margin: 10px 0 0;
	color: var(--sckit-muted);
	font-size: 0.88em;
}

.sckit-upload-status--error {
	color: var(--sckit-error);
}

.sckit-form-group {
	margin-bottom: 20px;
}

.sckit-form-group label,
.sckit-checkbox-group label,
.sckit-tos-group label {
	color: var(--sckit-text) !important;
}

.sckit-hint,
.sckit-field-hint,
.sckit-form-footer {
	color: var(--sckit-muted);
}

.sckit-required {
	color: var(--sckit-accent);
}

.sckit-form-group input[type="text"],
.sckit-form-group input[type="url"],
.sckit-form-group select,
.sckit-form-group textarea,
.sckit-form-group input[type="file"]:not(.sckit-drop-zone input[type="file"]) {
	background: var(--sckit-field);
	border: 1px solid var(--sckit-line);
	border-radius: 6px;
	color: var(--sckit-text);
	color-scheme: dark;
}

.sckit-form-group select {
	background-color: var(--sckit-field);
	background-image:
		linear-gradient(45deg, transparent 50%, var(--sckit-accent) 50%),
		linear-gradient(135deg, var(--sckit-accent) 50%, transparent 50%);
}

.sckit-form-group select option {
	background: var(--sckit-field);
	color: var(--sckit-text);
}

.sckit-form-group input[type="text"]::placeholder,
.sckit-form-group input[type="url"]::placeholder,
.sckit-form-group textarea::placeholder {
	color: var(--sckit-soft);
}

.sckit-form-group input[type="text"]:focus,
.sckit-form-group input[type="url"]:focus,
.sckit-form-group select:focus,
.sckit-form-group textarea:focus {
	border-color: var(--sckit-accent);
	box-shadow: 0 0 0 3px rgba(77, 232, 224, 0.12);
}

.sckit-upload-form-wrap .sckit-tag-picker,
.sckit-profile-kits .sckit-tag-picker {
	background: var(--sckit-field);
	border-color: var(--sckit-line);
	color: var(--sckit-text);
}

.sckit-upload-form-wrap .sckit-tag-picker:focus-within,
.sckit-profile-kits .sckit-tag-picker:focus-within {
	border-color: var(--sckit-accent);
	box-shadow: 0 0 0 3px rgba(77, 232, 224, 0.12);
}

.sckit-upload-form-wrap .sckit-tag-picker__chip,
.sckit-profile-kits .sckit-tag-picker__chip {
	background: rgba(77, 232, 224, 0.12);
	color: var(--sckit-text);
}

.sckit-upload-form-wrap .sckit-tag-picker__remove,
.sckit-profile-kits .sckit-tag-picker__remove {
	background: rgba(77, 232, 224, 0.18);
	color: var(--sckit-accent);
}

.sckit-upload-form-wrap .sckit-tag-picker__input::placeholder,
.sckit-profile-kits .sckit-tag-picker__input::placeholder {
	color: var(--sckit-soft, var(--sckit-muted));
}

.sckit-upload-form-wrap .sckit-tag-picker__suggestions,
.sckit-profile-kits .sckit-tag-picker__suggestions {
	background: var(--sckit-field);
	border-color: var(--sckit-line);
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.34);
}

.sckit-upload-form-wrap .sckit-rich-editor,
.sckit-profile-kits .sckit-rich-editor {
	background: var(--sckit-field);
	border-color: var(--sckit-line);
	color: var(--sckit-text);
}

.sckit-upload-form-wrap .sckit-rich-editor__toolbar,
.sckit-profile-kits .sckit-rich-editor__toolbar {
	background: rgba(255, 255, 255, 0.025);
	border-color: var(--sckit-line);
}

.sckit-upload-form-wrap .sckit-rich-editor__toolbar button:hover,
.sckit-upload-form-wrap .sckit-rich-editor__toolbar button:focus-visible,
.sckit-profile-kits .sckit-rich-editor__toolbar button:hover,
.sckit-profile-kits .sckit-rich-editor__toolbar button:focus-visible {
	background: rgba(77, 232, 224, 0.08);
	border-color: rgba(77, 232, 224, 0.28);
}

.sckit-upload-form-wrap .sckit-tag-picker__suggestion,
.sckit-profile-kits .sckit-tag-picker__suggestion {
	color: var(--sckit-text);
}

.sckit-upload-form-wrap .sckit-tag-picker__suggestion:hover,
.sckit-upload-form-wrap .sckit-tag-picker__suggestion:focus,
.sckit-profile-kits .sckit-tag-picker__suggestion:hover,
.sckit-profile-kits .sckit-tag-picker__suggestion:focus {
	background: rgba(77, 232, 224, 0.1);
}

.sckit-drop-zone {
	background: var(--sckit-field);
	border-color: rgba(213, 232, 230, 0.18);
	border-radius: 8px;
	color: var(--sckit-muted);
}

.sckit-drop-zone:hover,
.sckit-drop-zone.sckit-drop-zone--hover {
	background: var(--sckit-field-strong);
	border-color: var(--sckit-line-strong);
}

.sckit-drop-zone.sckit-drop-zone--busy,
.sckit-drop-zone.sckit-drop-zone--has-file {
	background: rgba(77, 232, 224, 0.055);
	border-color: var(--sckit-line-strong);
}

.sckit-drop-zone.sckit-drop-zone--error {
	background: rgba(255, 125, 139, 0.06);
	border-color: rgba(255, 125, 139, 0.55);
}

.sckit-drop-zone__icon,
.sckit-drop-zone--has-file .sckit-drop-zone__icon {
	color: var(--sckit-accent);
}

.sckit-drop-zone__label,
.sckit-drop-zone__filename,
.sckit-drop-zone__meta {
	color: var(--sckit-muted);
}

.sckit-drop-zone__label strong,
.sckit-tos-group a {
	color: var(--sckit-accent);
}

.sckit-checkbox-group input[type="checkbox"],
.sckit-tos-group input[type="checkbox"] {
	accent-color: var(--sckit-accent);
}

.sckit-license-reminder {
	background: rgba(217, 182, 111, 0.08);
	border-color: rgba(217, 182, 111, 0.28);
	color: #d7c49c;
}

.sckit-btn-submit {
	background: var(--sckit-accent);
	color: #051110;
	border: 1px solid transparent;
	border-radius: 6px;
}

.sckit-btn-submit:hover {
	background: #7cf0ea;
}

.sckit-btn-submit:disabled {
	background: rgba(77, 232, 224, 0.16);
	border-color: rgba(77, 232, 224, 0.18);
	color: rgba(217, 230, 228, 0.42);
}

.sckit-alert--success {
	background: rgba(77, 232, 224, 0.08);
	border-color: rgba(77, 232, 224, 0.35);
	color: var(--sckit-text, #d9e6e4);
}

.sckit-alert--error {
	background: rgba(255, 125, 139, 0.08);
	border-color: rgba(255, 125, 139, 0.4);
	color: #ffd4d9;
}

@media (max-width: 560px) {
	.sckit-upload-form-wrap form {
		padding: 16px;
	}

	.sckit-pipeline {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* User profile kit list */
.sckit-profile-kits {
	--sckit-accent: #4de8e0;
	--sckit-panel: #0d1817;
	--sckit-field: #111f1e;
	--sckit-line: rgba(213, 232, 230, 0.12);
	--sckit-text: #d9e6e4;
	--sckit-muted: #91a4a1;
	--sckit-error: #ff7d8b;
	display: grid;
	gap: 12px;
	color: var(--sckit-text);
}

.sckit-profile-kit {
	background: rgba(13, 24, 23, 0.96);
	border: 1px solid var(--sckit-line);
	border-radius: 8px;
	overflow: hidden;
	transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

.sckit-profile-kit__summary {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	width: 100%;
	padding: 12px;
	border: 0;
	background: transparent;
	color: inherit;
	text-align: left;
	cursor: pointer;
}

.sckit-profile-kit__summary:hover {
	background: rgba(255, 255, 255, 0.025);
}

.sckit-profile-kit--submitted {
	border-color: rgba(77, 232, 224, 0.7);
	box-shadow: 0 0 0 2px rgba(77, 232, 224, 0.18), 0 0 24px rgba(77, 232, 224, 0.12);
}

.sckit-profile-kit--submitted .sckit-profile-kit__summary {
	animation: sckit-profile-submitted 1.1s ease-out;
}

.sckit-profile-kit__confirmation {
	display: block;
	margin-top: 5px;
	color: var(--sckit-accent);
	font-size: 12px;
	font-weight: 700;
}

@keyframes sckit-profile-submitted {
	0% {
		background: rgba(77, 232, 224, 0.2);
	}
	100% {
		background: transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sckit-btn-submit--busy::before,
	.sckit-profile-kit--submitted .sckit-profile-kit__summary {
		animation: none;
	}
}

.sckit-profile-kit__thumb {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 6px;
	background: #081412;
}

.sckit-profile-kit__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sckit-profile-kit__img--placeholder {
	background: linear-gradient(135deg, #0c1a18, #0a1410);
}

.sckit-profile-kit__main,
.sckit-profile-kit__stats {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

.sckit-profile-kit__title {
	overflow: hidden;
	color: var(--sckit-text);
	font-size: 14px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sckit-profile-kit__meta,
.sckit-profile-kit__downloads,
.sckit-profile-kit__rank {
	color: var(--sckit-muted);
	font-size: 11px;
	line-height: 1.35;
}

.sckit-profile-kit__status {
	align-self: flex-start;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.sckit-profile-kit__status--approved {
	background: rgba(77, 232, 224, 0.1);
	color: var(--sckit-accent);
}

.sckit-profile-kit__status--pending {
	background: rgba(217, 182, 111, 0.1);
	color: #d9b66f;
}

.sckit-profile-kit__status--rejected {
	background: rgba(255, 125, 139, 0.1);
	color: var(--sckit-error);
}

.sckit-profile-kit__drawer {
	border-top: 1px solid var(--sckit-line);
	padding: 16px;
}

.sckit-lifecycle {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 14px;
}

.sckit-lifecycle__step {
	display: grid;
	grid-template-columns: 24px 1fr;
	align-items: center;
	gap: 6px;
	color: var(--sckit-muted);
	font-size: 12px;
}

.sckit-lifecycle__step span {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid var(--sckit-line);
	border-radius: 50%;
}

.sckit-lifecycle__step--complete,
.sckit-lifecycle__step--current {
	color: var(--sckit-text);
}

.sckit-lifecycle__step--complete span,
.sckit-lifecycle__step--current span {
	border-color: var(--sckit-accent);
	color: var(--sckit-accent);
}

.sckit-profile-kit__guidance,
.sckit-review-warning {
	margin-bottom: 14px;
	padding: 12px 14px;
	border: 1px solid var(--sckit-line);
	border-radius: 6px;
}

.sckit-profile-kit__guidance p,
.sckit-review-warning p {
	margin: 4px 0;
}

.sckit-profile-kit__guidance--action,
.sckit-review-warning {
	border-color: rgba(217, 182, 111, 0.45);
	background: rgba(217, 182, 111, 0.07);
}

.sckit-profile-kit__status--action {
	background: rgba(217, 182, 111, 0.1);
	color: #d9b66f;
}

@media (max-width: 640px) {
	.sckit-inspection-card,
	.sckit-lifecycle {
		grid-template-columns: 1fr;
	}
}

.sckit-profile-kit__form {
	display: grid;
	gap: 14px;
}

.sckit-profile-kit__form .sckit-form-group {
	margin-bottom: 0;
}

.sckit-profile-kit__form .sckit-form-group label,
.sckit-profile-kit__form .sckit-checkbox-group label {
	color: var(--sckit-text) !important;
}

.sckit-profile-kit__form .sckit-form-group input[type="text"],
.sckit-profile-kit__form .sckit-form-group input[type="url"],
.sckit-profile-kit__form .sckit-form-group select,
.sckit-profile-kit__form .sckit-form-group textarea,
.sckit-profile-kit__form .sckit-form-group input[type="file"] {
	background: var(--sckit-field);
	border: 1px solid var(--sckit-line);
	border-radius: 6px;
	color: var(--sckit-text);
	color-scheme: dark;
}

.sckit-profile-kit__form .sckit-form-group select option {
	background: var(--sckit-field);
	color: var(--sckit-text);
}

.sckit-profile-kit__form .sckit-form-group input[type="text"]:focus,
.sckit-profile-kit__form .sckit-form-group input[type="url"]:focus,
.sckit-profile-kit__form .sckit-form-group select:focus,
.sckit-profile-kit__form .sckit-form-group textarea:focus {
	border-color: var(--sckit-accent);
	box-shadow: 0 0 0 3px rgba(77, 232, 224, 0.12);
}

.sckit-profile-kit__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.sckit-profile-kit__message {
	min-height: 1.2em;
	color: var(--sckit-muted);
	font-size: 13px;
}

.sckit-profile-kit__message--error {
	color: var(--sckit-error);
}

.sckit-profile-kit__message--success {
	color: var(--sckit-accent);
}

.sckit-profile-kit__actions {
	display: flex;
	justify-content: flex-start;
}

.sckit-youtube {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
}

.sckit-youtube iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.sckit-kit-gallery {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.sckit-kit-gallery__item {
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	background: #0d1817;
}

.sckit-kit-gallery__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 180ms ease;
}

.sckit-kit-gallery__item:hover img {
	transform: scale(1.025);
}

.sckit-lightbox[hidden] {
	display: none;
}

body.sckit-lightbox-open {
	overflow: hidden;
}

.sckit-lightbox {
	position: fixed;
	z-index: 100000;
	inset: 0;
	display: grid;
	grid-template-columns: minmax(48px, 1fr) minmax(0, 1180px) minmax(48px, 1fr);
	grid-template-rows: minmax(0, 1fr) auto;
	align-items: center;
	padding: 48px 20px 20px;
	background: rgba(5, 5, 5, 0.94);
	backdrop-filter: blur(8px);
}

.sckit-lightbox__figure {
	grid-column: 2;
	display: grid;
	place-items: center;
	align-self: stretch;
	min-height: 0;
	margin: 0;
}

.sckit-lightbox__image {
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 190px);
	border-radius: 6px;
	box-shadow: 0 18px 60px rgba(0, 0, 0, 0.5);
	object-fit: contain;
}

.sckit-lightbox__count {
	margin-top: 10px;
	color: #c8cecc;
	font-size: 12px;
}

.sckit-lightbox__close,
.sckit-lightbox__nav,
.sckit-lightbox__thumb {
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: #181818;
	color: #ecefee;
	cursor: pointer;
}

.sckit-lightbox__close {
	position: absolute;
	top: 14px;
	right: 18px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	font-size: 27px;
	line-height: 1;
}

.sckit-lightbox__nav {
	width: 44px;
	height: 64px;
	border-radius: 6px;
	font-size: 38px;
}

.sckit-lightbox__nav--prev {
	justify-self: end;
}

.sckit-lightbox__nav--next {
	grid-column: 3;
}

.sckit-lightbox__rail {
	grid-column: 1 / -1;
	display: flex;
	gap: 8px;
	justify-content: center;
	overflow-x: auto;
	max-width: 100%;
	padding: 12px 4px 2px;
	scrollbar-color: #555 transparent;
}

.sckit-lightbox__thumb {
	flex: 0 0 96px;
	overflow: hidden;
	padding: 0;
	border-radius: 5px;
	opacity: 0.62;
}

.sckit-lightbox__thumb img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.sckit-lightbox__thumb--active {
	border-color: #4de8e0;
	opacity: 1;
}

.sckit-lightbox__close:hover,
.sckit-lightbox__close:focus-visible,
.sckit-lightbox__nav:hover,
.sckit-lightbox__nav:focus-visible,
.sckit-lightbox__thumb:focus-visible {
	border-color: #4de8e0;
	outline: none;
}

@media (max-width: 680px) {
	.sckit-profile-kit__summary {
		grid-template-columns: 86px minmax(0, 1fr);
	}

	.sckit-profile-kit__stats {
		grid-column: 2;
	}

	.sckit-profile-kit__grid {
		grid-template-columns: 1fr;
	}

	.sckit-gallery-existing {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sckit-lightbox {
		grid-template-columns: 42px minmax(0, 1fr) 42px;
		padding: 52px 8px 12px;
	}

	.sckit-lightbox__nav {
		width: 36px;
		height: 54px;
	}
}

/* Neutral dark surfaces for upload and profile editors.
 * Keep teal as an accent only; Divi may otherwise paint native controls. */
.sckit-upload-form-wrap {
	--sckit-bg: #0d0d0d;
	--sckit-panel: #131313;
	--sckit-field: #181818;
	--sckit-field-strong: #1d1d1d;
	--sckit-line: rgba(255, 255, 255, 0.14);
	--sckit-line-strong: rgba(77, 232, 224, 0.5);
	--sckit-text: #ecefee;
	--sckit-muted: #a3aaa8;
}

.sckit-profile-kits {
	--sckit-panel: #131313;
	--sckit-field: #181818;
	--sckit-line: rgba(255, 255, 255, 0.14);
	--sckit-text: #ecefee;
	--sckit-muted: #a3aaa8;
}

.sckit-upload-form-wrap form {
	background: #111 !important;
}

.sckit-upload-form-wrap .sckit-form-note,
.sckit-upload-form-wrap .sckit-submit-panel,
.sckit-upload-form-wrap .sckit-form-group input[type="text"],
.sckit-upload-form-wrap .sckit-form-group input[type="url"],
.sckit-upload-form-wrap .sckit-form-group input[type="file"],
.sckit-upload-form-wrap .sckit-form-group textarea,
.sckit-upload-form-wrap .sckit-form-group select,
.sckit-upload-form-wrap .sckit-tag-picker,
.sckit-upload-form-wrap .sckit-tag-picker__suggestions,
.sckit-upload-form-wrap .sckit-rich-editor,
.sckit-upload-form-wrap .sckit-rich-editor__toolbar,
.sckit-upload-form-wrap .sckit-drop-zone,
.sckit-upload-form-wrap .sckit-drop-zone:hover,
.sckit-upload-form-wrap .sckit-drop-zone.sckit-drop-zone--hover,
.sckit-upload-form-wrap .sckit-drop-zone.sckit-drop-zone--busy,
.sckit-upload-form-wrap .sckit-drop-zone.sckit-drop-zone--has-file,
.sckit-upload-form-wrap .sckit-license-reminder,
.sckit-profile-kits .sckit-profile-kit,
.sckit-profile-kits .sckit-profile-kit__summary,
.sckit-profile-kits .sckit-profile-kit__summary:hover,
.sckit-profile-kits .sckit-form-group input[type="text"],
.sckit-profile-kits .sckit-form-group input[type="url"],
.sckit-profile-kits .sckit-form-group input[type="file"],
.sckit-profile-kits .sckit-form-group textarea,
.sckit-profile-kits .sckit-form-group select,
.sckit-profile-kits .sckit-tag-picker,
.sckit-profile-kits .sckit-tag-picker__suggestions,
.sckit-profile-kits .sckit-rich-editor,
.sckit-profile-kits .sckit-rich-editor__toolbar,
.sckit-profile-kits .sckit-gallery-existing__item {
	background-color: transparent !important;
	background-image: none !important;
}

.sckit-upload-form-wrap .sckit-form-group input,
.sckit-upload-form-wrap .sckit-form-group textarea,
.sckit-upload-form-wrap .sckit-form-group select,
.sckit-profile-kits .sckit-form-group input,
.sckit-profile-kits .sckit-form-group textarea,
.sckit-profile-kits .sckit-form-group select {
	color: var(--sckit-text) !important;
	caret-color: var(--sckit-accent);
	color-scheme: dark;
	-webkit-text-fill-color: var(--sckit-text);
}

.sckit-upload-form-wrap .sckit-form-group select,
.sckit-profile-kits .sckit-form-group select {
	appearance: auto;
	-webkit-appearance: menulist;
	border-color: var(--sckit-line) !important;
}

.sckit-upload-form-wrap .sckit-form-group select option,
.sckit-profile-kits .sckit-form-group select option {
	background: #181818 !important;
	color: #ecefee !important;
	-webkit-text-fill-color: #ecefee;
}

.sckit-upload-form-wrap .sckit-btn-submit,
.sckit-profile-kits .sckit-btn-submit {
	background: transparent !important;
	border-color: var(--sckit-accent);
	color: var(--sckit-accent);
}

.sckit-upload-form-wrap .sckit-btn-submit:hover,
.sckit-profile-kits .sckit-btn-submit:hover {
	background: transparent !important;
	border-color: #7cf0ea;
	color: #7cf0ea;
}

.sckit-upload-form-wrap .sckit-btn-submit:disabled,
.sckit-profile-kits .sckit-btn-submit:disabled {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.16);
	color: rgba(236, 239, 238, 0.42);
}

.sckit-upload-form-wrap .sckit-rich-editor__toolbar button,
.sckit-upload-form-wrap .sckit-rich-editor__toolbar button:hover,
.sckit-upload-form-wrap .sckit-rich-editor__toolbar button:focus-visible,
.sckit-profile-kits .sckit-rich-editor__toolbar button,
.sckit-profile-kits .sckit-rich-editor__toolbar button:hover,
.sckit-profile-kits .sckit-rich-editor__toolbar button:focus-visible {
	background: transparent !important;
}

.sckit-upload-form-wrap .sckit-tag-picker__chip,
.sckit-profile-kits .sckit-tag-picker__chip,
.sckit-profile-kits .sckit-tag-picker__remove,
.sckit-profile-kits .sckit-profile-kit__status {
	background: transparent !important;
}

.sckit-upload-form-wrap .sckit-tag-picker__suggestions,
.sckit-profile-kits .sckit-tag-picker__suggestions {
	background: #181818 !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
}

.sckit-upload-form-wrap .sckit-tag-picker__suggestion:hover,
.sckit-upload-form-wrap .sckit-tag-picker__suggestion:focus,
.sckit-profile-kits .sckit-tag-picker__suggestion:hover,
.sckit-profile-kits .sckit-tag-picker__suggestion:focus {
	background: #242424 !important;
}