/* SIDEKICK — значок куратора, жалобы, архив сезонов */

/* ---------- Значок «Куратор» ---------- */
.sk-curator-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	margin-left: 2px;
	color: #00d2ff;
	font-size: 13px;
	line-height: 1;
	cursor: help;
	filter: drop-shadow(0 0 4px rgba(0, 210, 255, .45));
	vertical-align: middle;
}
.sk-curator-badge .screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Кнопка «Пожаловаться» ---------- */
.sk-report-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	color: #8b949e;
	font: inherit;
	font-size: 12px;
	cursor: pointer;
	transition: color .15s, border-color .15s, background .15s;
}
.sk-report-btn:hover:not(:disabled) { color: #ff4d5e; border-color: rgba(255, 77, 94, .35); background: rgba(255, 77, 94, .08); }
.sk-report-btn:focus-visible { outline: 2px solid #ff7b00; outline-offset: 2px; }
.sk-report-btn.is-sent, .sk-report-btn:disabled { cursor: default; opacity: .6; }
.single-post-likes .sk-report-btn { margin-left: auto; }
.comment-footer-actions .sk-report-btn { padding: 3px 8px; font-size: 11px; }

/* ---------- Модалка жалобы ---------- */
.sk-rep-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, .65);
	backdrop-filter: blur(3px);
}
.sk-rep-modal[hidden] { display: none; }
.sk-rep-box {
	width: 100%;
	max-width: 420px;
	padding: 22px;
	border-radius: 14px;
	background: #161b22;
	border: 1px solid rgba(255, 255, 255, .08);
	box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
	color: #e6edf3;
}
.sk-rep-box h3 { margin: 0 0 4px; font-size: 17px; display: flex; align-items: center; gap: 8px; }
.sk-rep-box h3 i { color: #ff4d5e; }
.sk-rep-sub { margin: 0 0 14px; font-size: 13px; color: #8b949e; }
.sk-rep-opts { display: grid; gap: 6px; margin-bottom: 12px; }
.sk-rep-opt {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .08);
	cursor: pointer;
	font-size: 14px;
	transition: border-color .15s, background .15s;
}
.sk-rep-opt:hover { border-color: rgba(255, 123, 0, .4); }
.sk-rep-opt:has(input:checked) { border-color: #ff7b00; background: rgba(255, 123, 0, .08); }
.sk-rep-opt input { accent-color: #ff7b00; margin: 0; }
#sk-rep-text {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: #0d1117;
	color: inherit;
	font: inherit;
	font-size: 14px;
	resize: vertical;
}
#sk-rep-text:focus { outline: none; border-color: #ff7b00; }
#sk-rep-text.is-error { border-color: #ff4d5e; }
.sk-rep-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.sk-rep-btn {
	padding: 8px 16px;
	border-radius: 9px;
	border: 1px solid transparent;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.sk-rep-btn.ghost { background: transparent; color: #8b949e; border-color: rgba(255, 255, 255, .1); }
.sk-rep-btn.ghost:hover { color: #e6edf3; }
.sk-rep-btn.red { background: #ff4d5e; color: #fff; }
.sk-rep-btn.red:hover { filter: brightness(1.1); }
.sk-rep-btn:disabled { opacity: .6; cursor: wait; }
body.sk-rep-open { overflow: hidden; }

/* ---------- Жалобы на пульте ---------- */
.sk-mod-thumb.is-flag { flex-direction: column; gap: 2px; color: #ff4d5e; background: rgba(255, 77, 94, .08); }
.sk-mod-thumb.is-flag b { font-size: 13px; color: #e6edf3; }
.sk-mod-reasons { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.sk-mod-report-note { margin: 6px 0 0; font-size: 13px; color: #8b949e; }
.sk-mod-report-note b { color: #e6edf3; font-weight: 600; }

/* ---------- Архив сезонов ---------- */
.sk-seasons { margin-top: 24px; padding: 20px; }
.sk-seasons-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.sk-seasons-head h3 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 8px; }
.sk-seasons-head h3 i { color: #ffd700; }
.sk-seasons-sub { font-size: 13px; color: #8b949e; }
.sk-seasons-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.sk-season {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .07);
}
.sk-season[hidden] { display: none; }
.sk-season.is-latest { border-color: rgba(255, 215, 0, .4); background: linear-gradient(160deg, rgba(255, 215, 0, .08), rgba(255, 255, 255, .02)); }
.sk-season-month { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #8b949e; }
.sk-season-winner { display: flex; align-items: center; gap: 10px; text-decoration: none !important; color: #e6edf3; }
.sk-season-winner:hover .sk-season-name { color: #ffd700; }
.sk-season-ava { position: relative; flex: 0 0 auto; }
.sk-season-ava img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid #ffd700; display: block; }
.sk-season-ava i { position: absolute; top: -10px; right: -6px; font-style: normal; font-size: 16px; }
.sk-season-name { font-weight: 700; font-size: 14px; line-height: 1.25; transition: color .15s; overflow: hidden; text-overflow: ellipsis; }
.sk-season-xp { display: block; font-size: 12px; color: #ffd700; margin-left: auto; white-space: nowrap; }
.sk-season-rest { list-style: none; margin: 0; padding: 8px 0 0; border-top: 1px solid rgba(255, 255, 255, .06); display: grid; gap: 4px; font-size: 13px; }
.sk-season-rest a { color: #c9d1d9; text-decoration: none !important; }
.sk-season-rest a:hover { color: #ff7b00; }
.sk-seasons-more {
	display: block;
	margin: 14px auto 0;
	padding: 8px 16px;
	border-radius: 9px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: transparent;
	color: #8b949e;
	font: inherit;
	font-size: 13px;
	cursor: pointer;
}
.sk-seasons-more:hover { color: #ff7b00; border-color: rgba(255, 123, 0, .4); }