/* Oskurati Ads Suite — ADS-40 */
.osk-ads {
	--osk-ads-surface: #11131a;
	--osk-ads-text: #e8eaf0;
	--osk-ads-muted: rgba(255, 255, 255, 0.62);
	--osk-ads-accent: #e60000;
	--osk-ads-cta: #e60000;
	--osk-ads-fill: #1a1012;
	max-width: 1120px;
	margin: 0 auto;
	padding: 20px 16px 48px;
	color: var(--osk-ads-text);
	font-family: Inter, system-ui, sans-serif;
}
.osk-ads__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.osk-ads__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 22px;
}
.osk-ads__kicker {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--osk-ads-muted);
}
.osk-ads__title {
	margin: 0;
	font-size: 1.7rem;
	font-weight: 800;
	letter-spacing: -.02em;
}
.osk-ads__lead {
	margin: 8px 0 0;
	color: var(--osk-ads-muted);
	max-width: 560px;
	line-height: 1.45;
}
.osk-ads__head-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.osk-ads__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 999px;
	padding: 10px 16px;
	font-size: .88rem;
	font-weight: 600;
	text-decoration: none !important;
	cursor: pointer;
	color: var(--osk-ads-text);
	background: #181a22;
}
.osk-ads__btn--cta { background: var(--osk-ads-cta); color: #fff; }
.osk-ads__btn--ghost { background: #181a22; }
.osk-ads__btn--sm { padding: 7px 12px; font-size: .8rem; }
.osk-ads__btn:disabled { opacity: .45; cursor: not-allowed; }
.osk-ads__how {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 22px;
}
.osk-ads__how-card {
	background: var(--osk-ads-surface);
	border-radius: 18px;
	padding: 16px 18px;
}
.osk-ads__how-n {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: #1a1012;
	color: #ff8a8a;
	font-size: .75rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.osk-ads__how-card h2 {
	margin: 0 0 6px;
	font-size: 1rem;
}
.osk-ads__how-card p {
	margin: 0;
	color: var(--osk-ads-muted);
	font-size: .84rem;
	line-height: 1.4;
}
.osk-ads__kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 22px;
}
.osk-ads__kpi,
.osk-ads-card,
.osk-ads__wizard,
.osk-ads__chart-card,
.osk-ads__block {
	background: var(--osk-ads-surface);
	border-radius: 18px;
	padding: 16px 18px;
}
.osk-ads__block { margin-bottom: 14px; }
.osk-ads__kpi-label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--osk-ads-muted);
	margin-bottom: 6px;
}
.osk-ads__kpi-val {
	font-size: 1.35rem;
	font-weight: 800;
}
.osk-ads__kpi-val small {
	font-size: .7em;
	color: var(--osk-ads-muted);
	font-weight: 600;
}
.osk-ads__kpi-help {
	margin: 6px 0 0;
	font-size: .75rem;
	color: var(--osk-ads-muted);
}
.osk-ads__section-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}
.osk-ads__section-title {
	margin: 0 0 6px;
	font-size: 1.05rem;
	font-weight: 700;
}
.osk-ads__section-sub {
	margin: 0 0 14px;
	font-size: .84rem;
	color: var(--osk-ads-muted);
	line-height: 1.4;
}
.osk-ads__pack-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 22px;
}
.osk-ads__pack-card {
	display: flex;
	flex-direction: column;
	gap: 4px;
	border-radius: 16px;
	padding: 14px 16px;
	background: #11131a;
	color: var(--osk-ads-text);
	text-decoration: none !important;
}
.osk-ads__pack-card strong { font-size: 1.15rem; }
.osk-ads__pack-card span {
	font-size: .78rem;
	color: var(--osk-ads-muted);
}
.osk-ads__pack-card:hover { background: #1a1012; }
.osk-ads__hint {
	margin: 0 0 16px;
	font-size: .78rem;
	color: var(--osk-ads-muted);
}
.osk-ads__estimate {
	margin: 0 0 8px;
	padding: 12px 14px;
	border-radius: 12px;
	background: #1a1012;
	font-size: .85rem;
}
.osk-ads__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}
.osk-ads-card__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.osk-ads-card__toggle {
	border: 0;
	background: #181a22;
	color: var(--osk-ads-muted);
	border-radius: 999px;
	padding: 4px 10px;
	font-size: .75rem;
	font-weight: 600;
}
.osk-ads-card.is-on .osk-ads-card__toggle { color: #ff8a8a; background: #1a1012; }
.osk-ads-card__place {
	font-size: .72rem;
	color: var(--osk-ads-muted);
}
.osk-ads-card__name {
	margin: 0 0 4px;
	font-size: 1.05rem;
}
.osk-ads-card__name a { color: inherit; text-decoration: none; }
.osk-ads-card__head,
.osk-ads-card__meta {
	margin: 0 0 10px;
	color: var(--osk-ads-muted);
	font-size: .82rem;
}
.osk-ads-card__meta { display: flex; gap: 14px; }
.osk-ads-card__meta strong { color: var(--osk-ads-text); }
.osk-ads-card__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.osk-ads__empty {
	grid-column: 1 / -1;
	padding: 36px 20px;
	text-align: center;
	color: var(--osk-ads-muted);
	background: var(--osk-ads-surface);
	border-radius: 18px;
}
.osk-ads__empty strong {
	display: block;
	color: var(--osk-ads-text);
	font-size: 1.1rem;
	margin-bottom: 8px;
}
.osk-ads__empty p { margin: 0 0 16px; }
.osk-ads__steps {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}
.osk-ads__step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 0;
	border-radius: 999px;
	padding: 7px 12px 7px 8px;
	background: #181a22;
	color: var(--osk-ads-muted);
	font-size: .78rem;
	font-weight: 600;
}
.osk-ads__step span {
	display: inline-flex;
	width: 20px;
	height: 20px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #11131a;
	font-size: .7rem;
}
.osk-ads__step.is-on { background: #1a1012; color: #fff; }
.osk-ads__step.is-on span { background: #e60000; }
.osk-ads__pane { display: none; }
.osk-ads__pane.is-on { display: block; }
.osk-ads__pane-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}
.osk-ads__field { margin-bottom: 16px; }
.osk-ads__field label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--osk-ads-muted);
	margin-bottom: 6px;
}
.osk-ads__field small {
	display: block;
	margin-top: 6px;
	font-size: .75rem;
	color: var(--osk-ads-muted);
}
.osk-ads__field input,
.osk-ads__field select,
.osk-ads__field textarea {
	width: 100%;
	border: 0;
	border-radius: 12px;
	background: #181a22;
	color: var(--osk-ads-text);
	padding: 11px 12px;
}
.osk-ads__choice {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 18px;
}
.osk-ads__choice-card {
	text-align: left;
	border: 0;
	border-radius: 18px;
	padding: 18px;
	background: #181a22;
	color: inherit;
	cursor: pointer;
}
.osk-ads__choice-card h3 { margin: 0 0 8px; font-size: 1.05rem; }
.osk-ads__choice-card p {
	margin: 0 0 12px;
	color: var(--osk-ads-muted);
	font-size: .86rem;
	line-height: 1.4;
}
.osk-ads__choice-card strong { font-size: .92rem; }
.osk-ads__choice-card.is-on { background: #1a1012; }
.osk-ads__choice-tag {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #ff8a8a;
}
.osk-ads__places {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 10px;
}
.osk-ads__place {
	display: flex;
	flex-direction: column;
	gap: 4px;
	background: #181a22;
	border-radius: 16px;
	padding: 14px;
	cursor: pointer;
}
.osk-ads__place input { position: absolute; opacity: 0; pointer-events: none; }
.osk-ads__place strong { font-size: .95rem; }
.osk-ads__place span {
	font-size: .78rem;
	color: var(--osk-ads-muted);
}
.osk-ads__place em {
	margin-top: 6px;
	font-style: normal;
	font-size: .72rem;
	color: #ff8a8a;
}
.osk-ads__place.is-on { background: #1a1012; }
.osk-ads__split {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(240px, .8fr);
	gap: 16px;
	align-items: start;
}
.osk-ads__preview,
.osk-ads__recap {
	background: #0d0f14;
	border-radius: 18px;
	padding: 14px;
	position: sticky;
	top: 84px;
}
.osk-ads__preview-kicker {
	margin: 0 0 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--osk-ads-muted);
}
.osk-ads__preview-media {
	min-height: 120px;
	background: #181a22;
	background-size: cover;
	background-position: center;
}
.osk-ads__recap ul {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
}
.osk-ads__recap li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	font-size: .84rem;
	border-bottom: 1px solid #181a22;
}
.osk-ads__recap li span { color: var(--osk-ads-muted); }
.osk-ads__drop {
	display: block;
	border-radius: 14px;
	padding: 18px 14px;
	background: #181a22;
	text-align: center;
	cursor: pointer;
	text-transform: none;
	letter-spacing: 0;
	font-size: .88rem !important;
	color: var(--osk-ads-text) !important;
}
.osk-ads__drop input { display: none; }
.osk-ads__drop span {
	display: block;
	margin-top: 6px;
	font-size: .75rem;
	color: var(--osk-ads-muted);
	font-weight: 400;
}
.osk-ads__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}
.osk-ads__chips button,
.osk-ads__chips a {
	border: 0;
	border-radius: 999px;
	padding: 7px 12px;
	background: #181a22;
	color: var(--osk-ads-muted);
	font-size: .8rem;
	font-weight: 600;
	text-decoration: none !important;
	cursor: pointer;
}
.osk-ads__chips .is-on,
.osk-ads__chips a.is-on {
	background: #1a1012;
	color: #fff;
}
.osk-ads__chips--period { margin-bottom: 16px; }
.osk-ads__form-error {
	margin: 0 0 12px;
	color: #ff8a8a;
	font-size: .85rem;
}
.osk-ads__alert {
	border-radius: 12px;
	padding: 12px 14px;
	margin-bottom: 14px;
	background: #181a22;
}
.osk-ads__alert--warn { background: #1a1012; }
.osk-ads__alert--ok { background: #101814; }
.osk-ads__alert a { color: #ff8a8a; }
.osk-ads__alert--ok a { color: #8ee0b0; }

.osk-ad-unit {
	background: #11131a;
	border-radius: 16px;
	overflow: hidden;
}
.osk-ad-unit__link {
	display: block;
	color: inherit;
	text-decoration: none !important;
}
.osk-ad-unit__badge {
	display: inline-block;
	margin: 10px 12px 0;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: rgba(255,255,255,.5);
}
.osk-ad-unit__img {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.osk-ad-unit__body { padding: 10px 12px 14px; }
.osk-ad-unit__title { display: block; font-size: .95rem; }
.osk-ad-unit__desc {
	margin: 6px 0 8px;
	color: rgba(255,255,255,.6);
	font-size: .82rem;
}
.osk-ad-unit__cta { font-size: .78rem; color: #ff8a8a; }
.osk-ad-unit--feed { margin: 12px 0; }
.osk-ads-home-slot { margin: 12px 0 18px; }
.osk-ads-geo.is-off { opacity: .55; pointer-events: none; }
.osk-ads-geo__picked {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 36px;
	margin: 10px 0 6px;
}
.osk-ads-geo__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 0;
	border-radius: 999px;
	padding: 6px 10px;
	background: #1a1012;
	color: #fff;
	font-size: .8rem;
	font-weight: 600;
	cursor: pointer;
}
.osk-ads-geo__chip span { color: #ff8a8a; }
.osk-ads-geo__count {
	margin: 0 0 10px;
	font-size: .75rem;
	color: var(--osk-ads-muted);
}
.osk-ads-geo__warn {
	margin: 0 0 10px;
	font-size: .8rem;
	color: #ff8a8a;
}
.osk-ads-geo__search input {
	width: 100%;
	border: 0;
	border-radius: 12px;
	background: #181a22;
	color: var(--osk-ads-text);
	padding: 11px 12px;
}
.osk-ads-geo__regions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0;
}
.osk-ads-geo__region {
	border: 0;
	border-radius: 999px;
	padding: 7px 12px;
	background: #181a22;
	color: var(--osk-ads-muted);
	font-size: .8rem;
	font-weight: 600;
	cursor: pointer;
}
.osk-ads-geo__region.is-on { background: #1a1012; color: #fff; }
.osk-ads-geo__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}
.osk-ads-geo__list {
	max-height: 280px;
	overflow: auto;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	padding: 4px 0 8px;
}
.osk-ads-geo__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	border: 0;
	border-radius: 12px;
	padding: 10px 12px;
	background: #181a22;
	color: var(--osk-ads-text);
	text-align: left;
	cursor: pointer;
}
.osk-ads-geo__item em {
	font-style: normal;
	font-size: .7rem;
	color: var(--osk-ads-muted);
}
.osk-ads-geo__item.is-on { background: #1a1012; }
.osk-ads-geo__empty {
	grid-column: 1 / -1;
	margin: 12px 0;
	color: var(--osk-ads-muted);
	font-size: .84rem;
}
@media (max-width: 991.98px) {
	.osk-ads-geo__list { grid-template-columns: 1fr; }
}
.osk-ads__kpi-val--sm { font-size: 1.05rem; }
.osk-ads__table-wrap { overflow-x: auto; }
.osk-ads__table {
	width: 100%;
	border-collapse: collapse;
	font-size: .84rem;
}
.osk-ads__table th,
.osk-ads__table td {
	padding: 8px 10px;
	text-align: left;
	border-bottom: 1px solid #181a22;
}
.osk-ads__table th {
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--osk-ads-muted);
}
.osk-ads-chart { min-height: 280px; }
.osk-ads .osk-chart__wrap {
	padding: 8px 4px 4px;
	background: #0d0f14;
	border-radius: 12px;
}
.osk-ads .osk-chart__grid-line { stroke: rgba(255,255,255,.07); }
.osk-ads .osk-chart__axis-label { fill: rgba(255,255,255,.48); font-size: 11px; }
.osk-ads .osk-chart__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 10px;
	font-size: .78rem;
	color: var(--osk-ads-muted);
}
.osk-ads .osk-chart__legend-item i {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 99px;
	margin-right: 6px;
}
.osk-ads .osk-chart__tooltip {
	position: absolute;
	z-index: 3;
	min-width: 160px;
	padding: 10px 12px;
	border-radius: 12px;
	background: #11131a;
	color: #e8eaf0;
	font-size: .8rem;
	pointer-events: none;
}
.osk-ads .osk-chart__tip-row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 4px;
}
.osk-ads .osk-chart__empty {
	min-height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--osk-ads-muted);
}
.osk-ads-live-float { display: none; }
@media (min-width: 992px) {
	.osk-ads-live-float:not(:empty) {
		display: block;
		position: fixed;
		left: 16px;
		bottom: 18px;
		width: 280px;
		z-index: 40;
	}
}
@media (max-width: 991.98px) {
	.osk-ads-live-float { display: none !important; }
	.osk-ads__kpis,
	.osk-ads__grid,
	.osk-ads__places,
	.osk-ads__how,
	.osk-ads__choice,
	.osk-ads__pack-row,
	.osk-ads__split { grid-template-columns: 1fr; }
	.osk-ads__head { flex-direction: column; }
	.osk-ads__preview,
	.osk-ads__recap { position: static; }
}