:root {
	--navi-navy: #002d62;
	--navi-dark-blue: #001a3d;
	--navi-blue: #1b4fb6;
	--navi-blue-hover: #164299;
	--navi-blue-soft: rgba(27, 79, 182, 0.1);
	--navi-red: #e11d48;
	--navi-accent: #ea580c;
	--navi-accent-hover: #c2410c;
	--navi-success: #059669;
	--navi-ice: #f1f5f9;
	--navi-bg-page: #f4f7fb;
	--navi-bg-section: #ffffff;
	--navi-bg-muted: #eef2f7;
	--navi-border-subtle: #e2e8f0;
	--navi-white: #ffffff;
	--navi-ink: #0f172a;
	--navi-muted: #64748b;
	--navi-radius: 12px;
	--navi-radius-lg: 16px;
	--navi-shadow-card: 0 40px 80px rgba(0, 0, 0, 0.35);
	--navi-shadow-soft: 0 14px 40px rgba(0, 45, 98, 0.08);
	--navi-font: "Inter", system-ui, sans-serif;
	--navi-font-alt: "Plus Jakarta Sans", system-ui, sans-serif;
}

@keyframes navi-rise-in {
	from {
		opacity: 0;
		transform: translateY(32px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes navi-soft-glow {
	0%,
	100% {
		opacity: 0.55;
		filter: blur(0);
	}
	50% {
		opacity: 0.85;
		filter: blur(1px);
	}
}

@keyframes navi-gradient-shift {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes navi-icon-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-4px);
	}
}

@keyframes navi-cta-pulse {
	0%,
	100% {
		opacity: 0.45;
		transform: scale(1);
	}
	50% {
		opacity: 0.75;
		transform: scale(1.04);
	}
}

@keyframes navi-mesh-drift {
	0% {
		transform: translate(0, 0) rotate(0deg);
	}
	50% {
		transform: translate(-2%, 1%) rotate(1.5deg);
	}
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
}

.navi-skip-link {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 10001;
	padding: 10px 18px;
	background: var(--navi-white);
	color: var(--navi-navy);
	font-weight: 700;
	border-radius: 8px;
	text-decoration: none;
	box-shadow: var(--navi-shadow-card);
	transform: translateY(-150%);
	transition: transform 0.2s;
}
.navi-skip-link:focus {
	transform: translateY(0);
	outline: 2px solid var(--navi-blue);
	outline-offset: 2px;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--navi-font); color: var(--navi-ink); background: var(--navi-bg-page); line-height: 1.5; overflow-x: hidden; }

h1, h2, h3, h4, .navi-logo__text { font-family: var(--navi-font-alt); }

.navi-container { width: min(1440px, 100% - clamp(20px, 4vw, 56px)); margin-inline: auto; }

.navi-header--over-hero {
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	padding: 22px clamp(12px, 3.5vw, 40px) 18px;
	background: transparent;
	box-shadow: none;
}

.navi-logo__text {
	font-weight: 800;
	font-size: clamp(1.55rem, 1.2rem + 1vw, 1.92rem);
	color: #fff;
	text-decoration: none;
	letter-spacing: -0.02em;
}
.navi-header .custom-logo-link img {
	display: block;
	max-height: clamp(44px, 38px + 1.2vw, 54px);
	width: auto;
}
.navi-logo__tr { color: var(--navi-red); }

.navi-header__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.navi-nav { display: flex; align-items: center; gap: clamp(28px, 2.5vw + 14px, 48px); }

.navi-menu-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 24px;
	height: 18px;
	position: relative;
	z-index: 101;
}
.navi-menu-toggle span {
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	transition: all 0.3s;
}
.navi-menu-toggle span:nth-child(1) { top: 0; }
.navi-menu-toggle span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.navi-menu-toggle span:nth-child(3) { bottom: 0; }
/* Masaüstü: tam ekran menü başlığı (yalnızca mobilde gösterilir) */
.navi-mobile-menu-head,
.navi-mobile-backdrop { display: none; }

/* Hamburger → X (mobil, açık) */
.navi-menu-toggle[aria-expanded="true"] span:nth-child(1) {
	top: 50% !important;
	transform: translateY(-50%) rotate(45deg);
}
.navi-menu-toggle[aria-expanded="true"] span:nth-child(2) {
	opacity: 0;
	transform: translateY(-50%) scaleX(0);
}
.navi-menu-toggle[aria-expanded="true"] span:nth-child(3) {
	bottom: auto !important;
	top: 50% !important;
	transform: translateY(-50%) rotate(-45deg);
}

.navi-main {
	position: relative;
	overflow: visible;
}
.navi-menu { list-style: none; display: flex; gap: clamp(22px, 1.8vw + 12px, 34px); margin: 0; padding: 0; }
.navi-menu a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: clamp(1.02rem, 0.92rem + 0.38vw, 1.14rem);
	letter-spacing: -0.01em;
	opacity: 0.96;
	transition: opacity 0.2s, color 0.2s, text-shadow 0.2s;
}
.navi-menu a:hover { opacity: 1; }
.navi-header--over-hero:not(.navi-header--scrolled) .navi-menu a {
	text-shadow: 0 1px 2px rgba(0, 8, 24, 0.45);
}
.navi-header--over-hero:not(.navi-header--scrolled) .navi-menu a:hover {
	text-shadow: 0 1px 4px rgba(0, 8, 24, 0.55);
}

.navi-nav__actions { display: flex; gap: 12px; align-items: center; }

/* WP yöneticisi: giriş/kayıt yeni sekme + yönetim (ön üst bar tamamen boş kalmasın) */
.navi-nav__auth--staff {
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
}
.navi-header--over-hero .navi-nav__auth--staff .navi-nav__admin-link {
	border-color: rgba(255, 255, 255, 0.5);
	color: #fff;
}
.navi-header--solid .navi-nav__auth--staff .navi-nav__admin-link,
.navi-header--scrolled .navi-nav__auth--staff .navi-nav__admin-link {
	border-color: rgba(27, 79, 182, 0.35);
	color: var(--navi-navy, #0f172a);
}

/* Üst bar: giriş / kayıt — aynı yükseklik, hap şekil */
.navi-nav__auth {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
}
.navi-nav__pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 10px 18px;
	min-height: 42px;
	border-radius: 999px;
	font-family: inherit;
	font-size: clamp(0.86rem, 0.8rem + 0.2vw, 0.93rem);
	font-weight: 700;
	letter-spacing: -0.01em;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	white-space: nowrap;
}
a.navi-nav__pill {
	text-decoration: none;
	box-sizing: border-box;
}
.navi-nav__pill--login {
	border: 1px solid rgba(255, 255, 255, 0.55);
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
}
.navi-nav__pill--login:hover {
	background: rgba(255, 255, 255, 0.22);
	border-color: rgba(255, 255, 255, 0.75);
}
.navi-nav__pill--register {
	border: none;
	background: #fff;
	color: var(--navi-blue);
	box-shadow: 0 8px 24px rgba(0, 8, 24, 0.18);
}
.navi-nav__pill--register:hover {
	background: #f8fafc;
	color: var(--navi-blue-hover);
}
.navi-header--solid .navi-nav__pill--login,
.navi-header--scrolled .navi-nav__pill--login {
	border-color: rgba(27, 79, 182, 0.4);
	background: rgba(255, 255, 255, 0.95);
	color: var(--navi-navy);
	box-shadow: none;
}
.navi-header--solid .navi-nav__pill--login:hover,
.navi-header--scrolled .navi-nav__pill--login:hover {
	border-color: var(--navi-blue);
	background: #f1f5f9;
}
.navi-header--solid .navi-nav__pill--register,
.navi-header--scrolled .navi-nav__pill--register {
	background: var(--navi-blue);
	color: #fff;
	box-shadow: 0 6px 20px rgba(27, 79, 182, 0.28);
}
.navi-header--solid .navi-nav__pill--register:hover,
.navi-header--scrolled .navi-nav__pill--register:hover {
	background: var(--navi-blue-hover);
}

/* Giriş / Kayıt hapları görünür; NAVI_FRONT_AUTH_NON_INTERACTIVE iken tıklanmaz */
.navi-nav__pill--faux {
	pointer-events: none;
	cursor: default;
}
span.navi-btn.navi-auth-faux {
	pointer-events: none;
	cursor: default;
	user-select: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.navi-header .navi-header__inner {
	width: min(1440px, 100% - clamp(20px, 4vw, 56px));
}

.navi-header--over-hero:not(.navi-header--scrolled) .navi-header__inner {
	padding: 14px clamp(22px, 2.8vw, 38px);
	border-radius: 100px;
	background: linear-gradient(
		165deg,
		rgba(15, 23, 42, 0.34) 0%,
		rgba(30, 58, 95, 0.22) 52%,
		rgba(15, 23, 42, 0.32) 100%
	);
	border: 1px solid rgba(255, 255, 255, 0.22);
	backdrop-filter: blur(18px) saturate(1.2);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	box-shadow:
		0 12px 40px rgba(0, 8, 24, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.navi-header--over-hero.navi-header--scrolled .navi-header__inner {
	padding: 0;
	border-radius: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.navi-header .navi-btn--sm {
	padding: 10px 22px;
	font-size: clamp(0.88rem, 0.82rem + 0.2vw, 0.96rem);
}

.navi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 24px;
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s;
	font-size: 0.95rem;
}

.navi-btn--primary { background: var(--navi-blue); color: #fff; }
.navi-btn--primary:hover { background: var(--navi-blue-hover); }
.navi-btn--accent { background: var(--navi-accent); color: #fff; }
.navi-btn--accent:hover { background: var(--navi-accent-hover); }
.navi-btn--ghost { color: #fff; border: 1px solid rgba(255,255,255,0.2); }
.navi-btn--ghost:hover { background: rgba(255,255,255,0.1); }
.navi-btn--ghost-dark { color: var(--navi-navy); border: 1px solid rgba(15,23,42,0.2); background: transparent; }
.navi-btn--ghost-dark:hover { background: rgba(15,23,42,0.06); }
.navi-btn--outline-light { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.55); }
.navi-btn--outline-light:hover { background: rgba(255,255,255,0.1); }
.navi-btn--sm { padding: 8px 20px; font-size: 0.85rem; }
.navi-btn--hero { padding: 12px 22px; }
.navi-btn--block { width: 100%; }
.navi-btn--light { background: #fff; color: var(--navi-blue); }

.navi-hero {
	--navi-hero-bg-bleed-top: clamp(80px, 14vh, 112px);
	--navi-hero-scale: clamp(0.82rem, 0.35rem + 1.35vmin, 1rem);
	--navi-hero-stack-gap: clamp(1rem, 0.5rem + 2.5vmin, 2rem);
	position: relative;
	box-sizing: border-box;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	background: #030a18;
	padding: 0;
	padding-bottom: clamp(0.5rem, 1.2vmin, 1rem);
	color: #fff;
	overflow-x: hidden;
	overflow-y: visible;
}

/* Ana sayfa — hero v2 (koyu zemin + panel mockup görseli) */
.navi-hero.navi-hero--v2 {
	--navi-hero-v2-cta: #005eff;
	--navi-hero-v2-cta-hover: #0046cc;
	--navi-hero-v2-accent: #7dd3fc;
	background: #000b2b;
	min-height: 0;
	padding-bottom: 0;
}
.navi-hero.navi-hero--v2 .navi-hero__inner {
	padding-top: clamp(104px, 12vh, 148px);
	padding-bottom: clamp(0.35rem, 1.2vh, 0.65rem);
	justify-content: flex-start;
}
.navi-hero-v2__main {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(0, 1.12fr);
	gap: clamp(1.25rem, 3.2vw, 3.25rem);
	align-items: center;
	width: 100%;
}
.navi-hero-v2__copy {
	display: flex;
	flex-direction: column;
	gap: clamp(0.65rem, 1.2vh, 1rem);
	min-width: 0;
}
.navi-hero-v2__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.35rem;
	padding: 0.38rem 0.85rem 0.38rem 0.55rem;
	width: fit-content;
	max-width: 100%;
	font-family: var(--navi-font-alt);
	font-size: clamp(0.65rem, 0.6rem + 0.35vw, 0.78rem);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.95);
	background: rgba(0, 94, 255, 0.22);
	border: 1px solid rgba(125, 211, 252, 0.35);
	border-radius: 999px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);
}
.navi-hero-v2__badge-ic {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 999px;
	background: rgba(0, 94, 255, 0.35);
	color: var(--navi-hero-v2-accent);
}
.navi-hero-v2__badge-ic svg {
	display: block;
}
.navi-hero-v2__badge-text {
	line-height: 1.2;
}
.navi-hero-v2__title {
	margin: 0;
	font-family: var(--navi-font-alt);
	font-size: clamp(1.85rem, 1.1rem + 3.6vw, 3.35rem);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.035em;
	color: #fff;
	text-wrap: balance;
}
.navi-hero-v2__title-accent {
	color: var(--navi-hero-v2-accent);
	font-weight: 800;
	white-space: nowrap;
}
.navi-hero-v2__lead {
	margin: 0;
	max-width: 46ch;
	font-size: clamp(0.95rem, 0.88rem + 0.45vw, 1.12rem);
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.82);
}
.navi-hero-v2__features {
	list-style: none;
	margin: clamp(0.35rem, 1vh, 0.65rem) 0 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	width: 100%;
	max-width: min(720px, 100%);
}
.navi-hero-v2__feature {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	gap: 0.45rem;
	margin: 0;
	padding: 0 0.35rem;
	min-width: 0;
	font-size: clamp(0.72rem, 0.68rem + 0.22vw, 0.86rem);
	line-height: 1.32;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.9);
}
.navi-hero-v2__feature-sep {
	list-style: none;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	margin: 0;
	padding: 0 0.15rem;
	color: rgba(255, 255, 255, 0.38);
	font-weight: 300;
	font-size: 1.1rem;
	line-height: 1;
	user-select: none;
}
.navi-hero-v2__feature-sep-bar {
	display: block;
	padding-bottom: 1.75rem;
}
.navi-hero-v2__feature-ic {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(125, 211, 252, 0.28);
	color: var(--navi-hero-v2-accent);
}
.navi-hero-v2__feature-ic .navi-hero-v2-ic {
	display: block;
}
.navi-hero.navi-hero--v2 .navi-hero-meslek-search-wrap {
	margin-top: clamp(0.65rem, 1.8vh, 1.15rem);
	padding-top: 0;
	max-width: 640px;
}
.navi-hero.navi-hero--v2 .navi-hero-meslek-search--v2 {
	border-radius: 12px;
	padding: 12px 12px 12px 16px;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}
.navi-hero.navi-hero--v2 .navi-hero-meslek-search__btn {
	background: var(--navi-hero-v2-cta);
	border-radius: 9px;
	margin: -3px -2px -3px 0;
	font-size: clamp(0.8rem, 0.76rem + 0.2vw, 0.88rem);
}
.navi-hero.navi-hero--v2 .navi-hero-meslek-search__btn:hover {
	background: var(--navi-hero-v2-cta-hover);
}
.navi-hero-v2__visual {
	position: relative;
	min-width: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.navi-hero-v2__mockup {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle;
	object-fit: cover;
	object-position: 78% 36%;
	min-height: clamp(260px, 44vw, 520px);
	max-height: min(560px, 76vh);
	max-width: min(720px, 100%);
	image-rendering: auto;
}
.navi-hero-v2-below {
	background: #fff;
	color: #0f172a;
	margin-top: 0;
	padding-top: clamp(1rem, 2.8vw, 1.75rem);
	padding-bottom: 0;
	border-radius: clamp(18px, 2.5vw, 28px) clamp(18px, 2.5vw, 28px) 0 0;
	box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.1);
}
.navi-hero-v2-process {
	padding-bottom: clamp(1rem, 3vw, 2rem);
}
.navi-hero-v2-process__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
	gap: clamp(1rem, 3vw, 2.5rem);
	align-items: start;
}
.navi-hero-v2-process__copy {
	position: relative;
	min-width: 0;
	padding-top: 0.25rem;
}
.navi-hero-v2-process__badge {
	display: inline-block;
	margin: 0 0 0.65rem;
	padding: 0.35rem 0.75rem;
	font-family: var(--navi-font-alt);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #1e3a8a;
	background: #e0e7ff;
	border-radius: 6px;
}
.navi-hero-v2-process__title {
	margin: 0 0 0.85rem;
	font-family: var(--navi-font-alt);
	font-size: clamp(1.35rem, 1rem + 1.5vw, 1.85rem);
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -0.03em;
	color: #0f172a;
}
.navi-hero-v2-process__lead {
	margin: 0 0 0.15rem;
	font-size: clamp(0.88rem, 0.82rem + 0.25vw, 0.97rem);
	line-height: 1.55;
	color: #64748b;
	max-width: 38ch;
}
.navi-hero-v2-process__flow-wrap {
	min-width: 0;
	overflow: hidden;
}
.navi-hero-v2-process__flow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	padding: 0.35rem 0 0.5rem;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
}
.navi-hero-v2-process__cell {
	flex: 1 1 0;
	min-width: 132px;
	max-width: 180px;
	scroll-snap-align: start;
	padding-bottom: 4px;
}
.navi-hero-v2-process__dash {
	flex: 0 0 auto;
	align-self: center;
	width: 22px;
	min-width: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2px;
	margin-bottom: 2.5rem;
}
.navi-hero-v2-process__dash-line {
	display: block;
	width: 100%;
	height: 2px;
	background: repeating-linear-gradient(
		90deg,
		#cbd5e1 0,
		#cbd5e1 5px,
		transparent 5px,
		transparent 10px
	);
	border-radius: 2px;
	position: relative;
}
.navi-hero-v2-process__dash-line::after {
	content: "";
	position: absolute;
	right: -2px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid #94a3b8;
}
.navi-hero-v2-step {
	height: 100%;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 1.05rem 0.85rem 1.15rem;
	box-shadow:
		0 10px 28px rgba(15, 23, 42, 0.06),
		0 2px 8px rgba(15, 23, 42, 0.04);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.45rem;
	text-align: left;
}
.navi-hero-v2-step__ic {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.15rem;
	color: #fff;
	flex-shrink: 0;
}
.navi-hero-v2-step__ic svg {
	display: block;
}
.navi-hero-v2-step__ic--blue {
	background: linear-gradient(145deg, #3b82f6, #1d4ed8);
}
.navi-hero-v2-step__ic--violet {
	background: linear-gradient(145deg, #a78bfa, #7c3aed);
}
.navi-hero-v2-step__ic--green {
	background: linear-gradient(145deg, #4ade80, #16a34a);
}
.navi-hero-v2-step__ic--orange {
	background: linear-gradient(145deg, #fb923c, #ea580c);
}
.navi-hero-v2-step__ic--teal {
	background: linear-gradient(145deg, #2dd4bf, #0d9488);
}
.navi-hero-v2-step__num {
	font-size: 0.72rem;
	font-weight: 800;
	color: #94a3b8;
	letter-spacing: 0.04em;
}
.navi-hero-v2-step__title {
	margin: 0;
	font-family: var(--navi-font-alt);
	font-size: 0.84rem;
	font-weight: 800;
	line-height: 1.25;
	color: #0f172a;
}
.navi-hero-v2-step__desc {
	margin: 0;
	font-size: 0.72rem;
	line-height: 1.45;
	color: #64748b;
}
.navi-hero-v2-trust {
	background: linear-gradient(180deg, #f1f5f9 0%, #e8eef5 100%);
	border-top: 1px solid #e2e8f0;
	padding: clamp(1rem, 2.5vw, 1.35rem) 0;
	margin-top: 0;
}
.navi-hero-v2-trust__inner {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.75rem, 2vw, 1.5rem);
	align-items: start;
}
.navi-hero-v2-trust__item {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	min-width: 0;
}
.navi-hero-v2-trust__ic {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #1e40af;
	box-shadow: 0 4px 12px rgba(30, 64, 175, 0.12);
	border: 1px solid rgba(148, 163, 184, 0.35);
}
.navi-hero-v2-trust__text {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}
.navi-hero-v2-trust__t {
	font-size: 0.82rem;
	font-weight: 800;
	color: #0f172a;
	line-height: 1.25;
}
.navi-hero-v2-trust__p {
	font-size: 0.74rem;
	color: #64748b;
	line-height: 1.4;
}
@media (max-width: 1100px) {
	.navi-hero-v2-process__grid {
		grid-template-columns: 1fr;
	}
	.navi-hero-v2-process__flow-wrap {
		margin-left: -0.25rem;
		margin-right: -0.25rem;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	.navi-hero-v2-process__cell {
		min-width: 148px;
		max-width: none;
	}
}
@media (max-width: 900px) {
	.navi-hero-v2-trust__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 520px) {
	.navi-hero-v2-trust__inner {
		grid-template-columns: 1fr;
	}
	.navi-hero-v2-step {
		padding: 0.85rem 0.65rem;
	}
	.navi-hero-v2-process__dash {
		width: 16px;
		min-width: 16px;
	}
}
@media (max-width: 1024px) {
	.navi-hero-v2__main {
		grid-template-columns: 1fr;
		gap: clamp(1.5rem, 4vh, 2.25rem);
	}
	.navi-hero-v2__visual {
		justify-content: center;
		order: 0;
	}
	.navi-hero-v2__copy {
		order: -1;
	}
	.navi-hero-v2__mockup {
		object-position: 76% 36%;
		max-height: 400px;
		min-height: 220px;
		max-width: min(560px, 100%);
	}
}
@media (max-width: 640px) {
	.navi-hero-v2__features {
		overflow-x: auto;
		overflow-y: visible;
		justify-content: flex-start;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 6px;
		max-width: 100%;
		scroll-snap-type: x proximity;
	}
	.navi-hero-v2__feature {
		flex: 0 0 auto;
		min-width: 118px;
		max-width: 150px;
		scroll-snap-align: start;
	}
	.navi-hero-v2__feature-sep {
		flex: 0 0 auto;
	}
}
@media (max-width: 560px) {
	.navi-hero-v2__title-accent {
		white-space: normal;
	}
}

.navi-hero__bg {
	--navi-hero-map-shift-y: 96px;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(-1 * var(--navi-hero-bg-bleed-top));
	bottom: 0;
	height: auto;
	background-color: #020617;
	pointer-events: none;
	overflow: hidden;
}

.navi-hero__bg-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	object-fit: cover;
	object-position: center calc(50% + var(--navi-hero-map-shift-y));
	image-rendering: auto;
	filter: brightness(0.9) contrast(1.02) saturate(0.92);
}

.navi-hero__bg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-image:
		linear-gradient(
			165deg,
			rgba(8, 35, 72, 0.42) 0%,
			rgba(15, 55, 110, 0.32) 42%,
			rgba(6, 22, 48, 0.48) 100%
		),
		linear-gradient(
			125deg,
			rgba(30, 90, 190, 0.22) 0%,
			rgba(12, 45, 98, 0.28) 45%,
			rgba(22, 72, 150, 0.2) 100%
		);
	background-size: cover, cover;
	background-position: center, center;
	background-repeat: no-repeat, no-repeat;
}

.navi-hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(
		155deg,
		rgba(28, 88, 185, 0.26) 0%,
		rgba(12, 48, 105, 0.34) 45%,
		rgba(20, 62, 135, 0.28) 100%
	);
	mix-blend-mode: normal;
	opacity: 0.68;
	pointer-events: none;
}

.navi-hero__inner {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(120px, 14vh, 168px) 0 clamp(12px, 1.5vh, 24px);
	position: relative;
	/* Ülke kartları şeridinden üstte kalsın; meslek açılır listesi aşağı taşınca üstte görünsün */
	z-index: 5;
	overflow: visible;
}

.navi-hero__grid {
	display: grid;
	grid-template-columns: 1.28fr 1fr;
	gap: clamp(22px, 2.8vw, 40px);
	align-items: stretch;
	position: relative;
	z-index: 1;
}

.navi-hero__copy {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.navi-hero-meslek-search-wrap {
	position: relative;
	z-index: 25;
	margin-top: auto;
	padding-top: clamp(10px, 2vh, 16px);
	width: 100%;
	max-width: 100%;
}

.navi-hero-meslek-search {
	display: flex;
	align-items: stretch;
	background: #fff;
	border-radius: 14px;
	padding: 14px 12px 14px 18px;
	box-shadow: 0 22px 56px rgba(0, 0, 0, 0.28);
	gap: 0;
}
.navi-hero-meslek-search__main {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 10px;
	position: relative;
}
.navi-hero-meslek-search__input-row {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 2.25rem;
}
.navi-hero-meslek-search__input {
	flex: 1;
	min-width: 0;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	font: inherit;
	font-weight: 700;
	font-size: 1em;
	color: var(--navi-ink);
	outline: none;
}
.navi-hero-meslek-search__input::placeholder {
	color: #94a3b8;
	font-weight: 600;
}
.navi-hero-meslek-search__chev-btn {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 6px 4px;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: var(--navi-ink);
	cursor: pointer;
	line-height: 1;
	transition: background 0.15s ease;
}
.navi-hero-meslek-search__chev-btn:hover {
	background: rgba(15, 23, 42, 0.06);
}
.navi-hero-meslek-search__chev {
	font-size: 0.55rem;
	line-height: 1;
	opacity: 0.85;
}
.navi-hero-meslek-dropdown {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	z-index: 80;
	max-height: min(220px, 38vh);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 6px;
	list-style: none;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
}
.navi-hero-meslek-dropdown[hidden] {
	display: none !important;
}
.navi-hero-meslek-dropdown__item {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 12px;
	border: none;
	border-radius: 8px;
	background: transparent;
	font: inherit;
	font-weight: 600;
	font-size: 0.92em;
	color: var(--navi-ink);
	text-align: left;
	cursor: pointer;
	line-height: 1.35;
	transition: background 0.12s ease;
}
.navi-hero-meslek-dropdown__item:hover,
.navi-hero-meslek-dropdown__item:focus {
	background: #f1f5f9;
	outline: none;
}
.navi-hero-meslek-dropdown__item--active {
	background: #e0e7ff;
}
.navi-hero-meslek-search__btn {
	flex: 0 0 auto;
	align-self: stretch;
	margin: -4px -3px -4px 0;
	padding: 0 clamp(12px, 1.2rem + 1.2vmin, 22px);
	border: none;
	border-radius: 10px;
	background: var(--navi-blue);
	color: #fff;
	font-family: inherit;
	font-weight: 800;
	font-size: 0.88em;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.2s, filter 0.2s;
}
.navi-hero-meslek-search__btn:hover {
	background: var(--navi-blue-hover);
}
@media (max-width: 520px) {
	.navi-hero-meslek-search {
		flex-direction: column;
		align-items: stretch;
		padding: 16px 14px;
	}
	.navi-hero-meslek-search__main {
		padding-right: 0;
	}
	.navi-hero-meslek-search__btn {
		margin: 12px 0 0;
		width: 100%;
		padding: 14px 16px;
	}
}

.navi-hero-countries-strip {
	position: relative;
	/* hero içeriğinden (meslek dropdown dahil) düşük: açılır liste kartların üstünde kalsın */
	z-index: 1;
	flex-shrink: 0;
	width: 100%;
	margin-top: auto;
	padding: var(--navi-hero-stack-gap) 0 clamp(12px, 1.5vmin + 0.5rem, 20px);
	background: transparent;
}
.navi-hero-countries-strip .navi-hero__countries {
	margin-top: 0;
	margin-bottom: 0;
}

.navi-hero .navi-hero__countries {
	gap: clamp(0.5rem, 0.35rem + 1.1vmin, 1.15rem);
	margin-bottom: 0;
}
.navi-hero .navi-country-card {
	font-size: var(--navi-hero-scale);
	border-radius: clamp(10px, 0.55rem + 0.45vmin, 13px);
}
.navi-hero .navi-country-card__top {
	padding: clamp(0.85rem, 0.5rem + 2.4vmin, 1.85rem) clamp(0.45rem, 0.35rem + 1vmin, 0.85rem);
}
.navi-hero .navi-country-card__content {
	padding: clamp(0.55rem, 0.4rem + 1.25vmin, 1.15rem) clamp(0.55rem, 0.45rem + 0.9vmin, 0.95rem);
	gap: clamp(0.4rem, 0.3rem + 0.65vmin, 0.85rem);
}
.navi-hero .navi-country-card__name {
	font-size: clamp(1em, 0.92em + 0.35vmin, 1.22em);
}
.navi-hero .navi-flag {
	width: clamp(2rem, 1.65rem + 1.3vmin, 2.6rem);
	height: clamp(1.35rem, 1.15rem + 0.85vmin, 1.75rem);
	margin-bottom: 0.4em;
}
.navi-hero .navi-svc-item {
	gap: clamp(0.45rem, 0.35rem + 0.5vmin, 0.65rem);
	align-items: center;
}
.navi-hero .navi-svc-item strong {
	font-size: 0.88em;
	line-height: 1.38;
}
.navi-hero .navi-svc-item p {
	font-size: 0.78em;
	line-height: 1.45;
}
.navi-hero .navi-svc-icon {
	width: clamp(1.85rem, 1.55rem + 1vmin, 2.2rem);
	height: clamp(1.85rem, 1.55rem + 1vmin, 2.2rem);
	margin-top: 0;
}

.navi-hero__form-wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-top: 0;
	align-self: stretch;
}

.navi-hero__analysis-lead {
	margin: clamp(8px, 1.4vh, 14px) 0 0;
	font-size: clamp(0.94rem, 0.9vw + 0.82rem, 1.08rem);
	line-height: 1.5;
	opacity: 0.88;
	max-width: 58ch;
	color: rgba(255, 255, 255, 0.92);
}

.navi-hero-analysis__cta-row {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0 0 0.35em;
	padding: 0 0.25em 0.65em;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	border-bottom: 1px solid #e2e8f0;
}
.navi-hero-analysis__cta-pill {
	flex: 0 1 auto;
	width: 100%;
	font-family: var(--navi-font-alt);
	font-weight: 800;
	font-size: 1.05em;
	letter-spacing: -0.02em;
	color: var(--navi-ink);
	text-align: center;
}
.navi-hero-analysis__micro {
	margin: 0 0 0.65em;
	font-size: 0.82em;
	color: var(--navi-muted);
	line-height: 1.45;
	text-align: center;
	max-width: 38ch;
	margin-left: auto;
	margin-right: auto;
}
.navi-hero-analysis__micro--success {
	color: #0f766e;
	font-weight: 600;
}
.navi-hero-analysis__modal-launch {
	margin: 0 auto 14px;
	max-width: 28ch;
}
.navi-hero-analysis__form.navi-analysis-tree {
	margin-top: 2px;
}

.navi-hero-analysis__inner {
	position: relative;
	margin-top: 2px;
	padding: clamp(0.65rem, 0.5rem + 0.9vmin, 0.95rem);
	border-radius: clamp(11px, 0.65rem + 0.65vmin, 14px);
	background: linear-gradient(168deg, #f1f5f9 0%, rgba(255, 255, 255, 0.94) 42%, #fff 100%);
	border: 1px solid rgba(203, 213, 225, 0.65);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.95),
		0 1px 0 rgba(255, 255, 255, 0.6);
	transition:
		transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.4s ease,
		border-color 0.35s ease;
}
.navi-hero__card.navi-hero-analysis:hover .navi-hero-analysis__inner {
	transform: translateY(-5px);
	box-shadow:
		inset 0 1px 0 #fff,
		0 18px 44px rgba(15, 23, 42, 0.1),
		0 8px 20px rgba(27, 79, 182, 0.08);
	border-color: rgba(27, 79, 182, 0.22);
}
.navi-hero__card.navi-hero-analysis:focus-within .navi-hero-analysis__inner {
	transform: translateY(-3px);
	border-color: rgba(27, 79, 182, 0.28);
	box-shadow:
		inset 0 1px 0 #fff,
		0 14px 36px rgba(15, 23, 42, 0.08),
		0 0 0 1px rgba(27, 79, 182, 0.12);
}
.navi-hero-analysis__inner--result {
	padding: clamp(0.75rem, 0.55rem + 1vmin, 1.05rem);
}
.navi-hero-analysis__inner--result .navi-analysis-result__title {
	text-align: center;
}
.navi-hero-analysis__inner--result .navi-analysis-result__score {
	text-align: center;
}
.navi-hero-analysis__inner--result .navi-analysis-result__sub {
	text-align: center;
}
.navi-hero-analysis__inner--result .navi-analysis-result__cta {
	justify-content: center;
}

.navi-analysis-tree--grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 14px;
	padding-left: 0;
	align-items: end;
}
.navi-analysis-tree--grid::before {
	display: none;
}
.navi-analysis-tree--grid .navi-analysis-tree__step {
	margin-bottom: 0;
	padding-left: 0;
}
.navi-analysis-tree--grid .navi-analysis-tree__step::before {
	display: none;
}
.navi-analysis-tree--grid .navi-analysis-tree__step--full {
	grid-column: 1 / -1;
}
.navi-analysis-tree--grid .navi-analysis-tree__step--submit {
	padding-top: 4px;
	margin-top: 2px;
}
.navi-analysis-tree--grid .navi-field__label {
	font-size: 0.72rem;
}
.navi-analysis-tree--grid .navi-input,
.navi-analysis-tree--grid .navi-select {
	padding: 9px 11px;
	font-size: 0.88rem;
}
.navi-analysis-tree--grid .navi-btn--block {
	padding: 12px 16px;
	font-size: 0.92rem;
}
.navi-hero-analysis .navi-analysis-tree--grid .navi-analysis-tree__step--submit .navi-btn {
	color: #fff;
	background: linear-gradient(
		135deg,
		rgba(27, 79, 182, 0.96) 0%,
		rgba(22, 66, 153, 0.92) 42%,
		rgba(37, 99, 235, 0.9) 100%
	);
	border: 1px solid rgba(255, 255, 255, 0.28);
	box-shadow:
		0 10px 28px rgba(27, 79, 182, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(6px);
}
.navi-hero-analysis .navi-analysis-tree--grid .navi-analysis-tree__step--submit .navi-btn:hover {
	background: linear-gradient(
		135deg,
		var(--navi-blue-hover) 0%,
		rgba(22, 66, 153, 0.98) 100%
	);
	box-shadow:
		0 14px 34px rgba(27, 79, 182, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navi-hero__card.navi-hero-analysis .navi-analysis-tree--grid {
	gap: clamp(0.45rem, 0.35rem + 0.55vmin, 0.65rem) clamp(0.55rem, 0.45rem + 0.55vmin, 0.85rem);
}
.navi-hero__card.navi-hero-analysis .navi-analysis-tree--grid .navi-field__label {
	font-size: 0.72em;
}
.navi-hero__card.navi-hero-analysis .navi-analysis-tree--grid .navi-input,
.navi-hero__card.navi-hero-analysis .navi-analysis-tree--grid .navi-select {
	padding: 0.52em 0.62em;
	font-size: 0.88em;
}
.navi-hero__card.navi-hero-analysis .navi-analysis-tree--grid .navi-btn--block {
	padding: 0.58em 0.9em;
	font-size: 0.9em;
}
@media (max-width: 540px) {
	.navi-analysis-tree--grid {
		grid-template-columns: 1fr;
	}
}

.navi-analysis-tree {
	position: relative;
	padding-left: 1.35rem;
	margin: 0;
}
.navi-analysis-tree::before {
	content: "";
	position: absolute;
	left: 0.42rem;
	top: 0.35rem;
	bottom: 0.85rem;
	width: 4px;
	background: linear-gradient(180deg, var(--navi-blue), rgba(27, 79, 182, 0.2));
	border-radius: 4px;
}
.navi-analysis-tree__step {
	position: relative;
	padding-left: 1.15rem;
	margin-bottom: 1.05rem;
}
.navi-analysis-tree__step--submit {
	padding-top: 0.2rem;
	margin-top: 0.25rem;
	margin-bottom: 0;
}
.navi-analysis-tree__step::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.28rem;
	width: 14px;
	height: 14px;
	background: #fff;
	border: 3px solid var(--navi-blue);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(27, 79, 182, 0.12);
	transform: translate(-72%, -50%);
}
.navi-analysis-tree__step--submit::before {
	border-color: var(--navi-accent);
	background: linear-gradient(135deg, #fff, #fff7ed);
	box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.15);
}
.navi-hero-analysis .navi-field {
	gap: 6px;
}
.navi-hero-analysis .navi-optional {
	font-weight: 500;
	opacity: 0.75;
	font-size: 0.82em;
}
.navi-hero-analysis .navi-input,
.navi-hero-analysis .navi-select {
	width: 100%;
}
.navi-hero-analysis__inner--result .navi-hero-analysis-result {
	margin: 0;
}
.navi-hero-analysis-result {
	margin: -4px 0 0;
}
.navi-hero-analysis-result .navi-analysis-result__title {
	margin-top: 0;
	font-size: 1.35rem;
}

.navi-hero__title {
	font-size: clamp(2.05rem, 3.6vw + 1rem, 3.45rem);
	font-weight: 800;
	line-height: 1.08;
	margin-bottom: clamp(10px, 1.5vh, 18px);
	letter-spacing: -0.03em;
}

.navi-hero__lead {
	font-size: clamp(1.05rem, 1.2vw + 0.9rem, 1.2rem);
	opacity: 0.88;
	max-width: 62ch;
	line-height: 1.6;
}
.navi-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 20px;
}

.navi-hero__kicker {
	margin: 0 0 clamp(14px, 1.6vh, 22px);
	max-width: min(36ch, 100%);
	font-family: var(--navi-font-alt);
	font-size: clamp(1.28rem, 2.1vw + 0.75rem, 1.95rem);
	font-weight: 800;
	line-height: 1.18;
	color: rgba(255, 255, 255, 0.97);
	letter-spacing: -0.03em;
	text-wrap: balance;
	border-left: 4px solid rgba(147, 197, 253, 0.85);
	padding-left: clamp(14px, 1.4vw, 22px);
	margin-left: -2px;
}
.navi-hero__kicker-accent {
	font-weight: 800;
	color: #e0f2fe;
	letter-spacing: -0.04em;
	text-shadow: 0 0 28px rgba(96, 165, 250, 0.45);
}

.navi-hero__quick {
	margin-top: clamp(18px, 3vh, 28px);
	padding: clamp(14px, 2vw, 20px);
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: var(--navi-radius-lg);
	backdrop-filter: blur(6px);
}

.navi-hero__quick-fields {
	display: grid;
	grid-template-columns: 1fr 160px;
	gap: 16px;
	align-items: end;
}

.navi-hero__field {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
}

.navi-hero__field-label {
	font-size: 0.8rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.88);
}

.navi-hero__input,
.navi-hero__select {
	width: 100%;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.97);
	color: var(--navi-ink);
	font-size: 0.95rem;
}

.navi-hero__input:focus,
.navi-hero__select:focus {
	outline: none;
	border-color: var(--navi-blue);
}

.navi-hero__quick-hint {
	margin: 14px 0 0;
	font-size: 0.85rem;
	opacity: 0.8;
	line-height: 1.45;
}

.navi-hero__card {
	background: #fff;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38), 0 2px 0 rgba(255, 255, 255, 0.06) inset;
	color: var(--navi-ink);
}

.navi-hero__card.navi-hero-analysis {
	font-size: var(--navi-hero-scale);
	padding: clamp(0.75rem, 0.5rem + 1.1vmin, 1.15rem) clamp(0.85rem, 0.55rem + 1.2vmin, 1.2rem)
		clamp(0.8rem, 0.55rem + 1.15vmin, 1.15rem);
	position: relative;
	border-radius: clamp(14px, 0.75rem + 0.9vmin, 18px);
	border: 1px solid rgba(27, 79, 182, 0.2);
	box-shadow:
		0 28px 70px rgba(0, 0, 0, 0.38),
		0 2px 0 rgba(255, 255, 255, 0.06) inset,
		0 0 0 1px rgba(255, 255, 255, 0.04);
	transition:
		transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.45s ease,
		border-color 0.35s ease;
}
.navi-hero__card.navi-hero-analysis::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(240px, 62%);
	height: 4px;
	border-radius: 0 0 12px 12px;
	background: linear-gradient(
		90deg,
		rgba(27, 79, 182, 0.2),
		var(--navi-blue),
		rgba(27, 79, 182, 0.2)
	);
	pointer-events: none;
	z-index: 1;
	opacity: 0.95;
}
.navi-hero__card.navi-hero-analysis:hover {
	transform: translateY(-7px);
	box-shadow:
		0 44px 100px rgba(0, 45, 98, 0.26),
		0 2px 0 rgba(255, 255, 255, 0.1) inset,
		0 0 56px rgba(27, 79, 182, 0.18);
	border-color: rgba(27, 79, 182, 0.38);
}
.navi-hero__card.navi-hero-analysis:focus-within {
	transform: translateY(-4px);
	border-color: rgba(27, 79, 182, 0.42);
	box-shadow:
		0 38px 88px rgba(0, 45, 98, 0.22),
		0 0 0 3px rgba(27, 79, 182, 0.18);
}
.navi-hero__card.navi-hero-analysis .navi-hero-analysis__cta-row,
.navi-hero__card.navi-hero-analysis .navi-hero-analysis__inner {
	position: relative;
	z-index: 2;
}

.navi-hero__card-header {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 25px;
}

.navi-hero__card-mark {
	flex-shrink: 0;
	display: block;
	filter: drop-shadow(0 2px 6px rgba(0, 45, 98, 0.2));
}

.navi-hero__card-title { font-weight: 700; font-size: 1.1rem; color: var(--navi-navy); }

.navi-hero__form { display: flex; flex-direction: column; gap: 12px; }
.navi-hero__form input {
	padding: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	font-size: 0.95rem;
	transition: border-color 0.2s;
}
.navi-hero__form input:focus { outline: none; border-color: var(--navi-blue); }

.navi-hero__btn {
	background: var(--navi-blue);
	color: #fff;
	border: none;
	padding: 16px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	margin-top: 10px;
	transition: background 0.2s;
}
.navi-hero__btn:hover { background: var(--navi-blue-hover); }

.navi-hero__countries {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: clamp(-100px, -8vw, -48px);
	position: relative;
	z-index: 10;
}

.navi-country-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	display: flex;
	flex-direction: column;
	border: 1px solid #f1f5f9;
	transition: transform 0.3s;
}
.navi-country-card:hover { transform: translateY(-10px); }

.navi-country-card__top {
	padding: 50px 20px;
	text-align: center;
	color: #fff;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.navi-country-card__top::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		165deg,
		rgba(6, 28,       58, 0.72) 0%,
		rgba(12, 45,      95, 0.65) 45%,
		rgba(8,  32,      72, 0.88) 100%
	);
}

.navi-country-card__top--de { background: url('https://images.unsplash.com/photo-1467269204594-9661b134dd2b?auto=format&fit=crop&w=1200&q=82') center/cover; }
.navi-country-card__top--fr { background: url('https://images.unsplash.com/photo-1502602898657-3e91760cbb34?auto=format&fit=crop&w=1200&q=82') center/cover; }
.navi-country-card__top--nl { background: url('https://images.unsplash.com/photo-1512470876302-972faa2aa9a4?auto=format&fit=crop&w=1200&q=82') center/cover; }

.navi-flag {
	width: 48px;
	height: 32px;
	object-fit: cover;
	position: relative;
	z-index: 2;
	margin-bottom: 15px;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.navi-country-card__name {
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.navi-country-card__content {
	padding: 35px 25px;
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.navi-svc-item {
	display: flex;
	gap: 14px;
	align-items: center;
}

.navi-svc-item > div {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	justify-content: center;
}

.navi-svc-icon {
	width: 40px;
	height: 40px;
	background: rgba(27, 79, 182, 0.08);
	color: var(--navi-blue);
	border-radius: 50%;
	border: 1px solid rgba(27, 79, 182, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transform: translateY(0.32rem);
}

.navi-svc-icon .navi-inline-svg {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	flex-shrink: 0;
}

.navi-svc-item strong {
	display: block;
	margin: 0;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.35;
}
.navi-svc-item p { margin: 0; font-size: 0.8rem; color: var(--navi-muted); line-height: 1.5; }

.navi-modal[hidden] {
	display: none !important;
}
.navi-modal:not([hidden]) {
	display: block;
}
.navi-modal__inner {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
}
.navi-modal__backdrop {
	position: absolute;
	inset: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgba(15, 23, 42, 0.55);
	cursor: pointer;
}
.navi-modal--analysis .navi-modal__backdrop {
	background: rgba(15, 23, 42, 0.36);
}
.navi-modal--analysis.navi-modal:not([hidden]) .navi-modal__inner {
	align-items: flex-start;
	padding-top: max(8vh, 40px);
}
@media (min-width: 640px) {
	.navi-modal--analysis.navi-modal:not([hidden]) .navi-modal__inner {
		align-items: center;
		padding-top: max(16px, env(safe-area-inset-top));
	}
}
.navi-modal__panel {
	position: relative;
	z-index: 1;
	width: min(100%, 520px);
	max-height: min(90vh, 900px);
	overflow: auto;
	background: var(--navi-white);
	border-radius: var(--navi-radius-lg);
	box-shadow: var(--navi-shadow-card);
	color: var(--navi-ink);
}
.navi-modal--analysis .navi-modal__panel {
	width: min(100%, 720px);
	max-height: min(90vh, 820px);
	border-radius: 18px;
	box-shadow:
		0 25px 50px -12px rgba(15, 23, 42, 0.28),
		0 0 0 1px rgba(15, 23, 42, 0.06);
}
.navi-modal__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 22px 0;
	border-bottom: 1px solid #f1f5f9;
	margin-bottom: 0;
}
.navi-modal__title {
	margin: 0 0 18px;
	font-size: 1.35rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--navi-navy);
	font-family: var(--navi-font-alt);
}
.navi-modal__close {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	margin: -6px -6px 0 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: var(--navi-muted);
	font-size: 1.75rem;
	line-height: 1;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}
.navi-modal__close:hover {
	background: #f1f5f9;
	color: var(--navi-ink);
}
.navi-modal__body {
	padding: 20px 22px 24px;
}
.navi-modal__lead {
	margin: 0 0 18px;
	color: var(--navi-muted);
	font-size: 0.95rem;
	line-height: 1.55;
}
.navi-modal-analysis-intro {
	margin-bottom: 6px;
}
.navi-modal__pill {
	display: inline-block;
	margin: 0 0 10px;
	padding: 0.35rem 0.85rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #1e40af;
	background: #dbeafe;
	border-radius: 999px;
}
.navi-modal-analysis-intro .navi-modal__lead {
	margin-bottom: 0;
}
.navi-modal__alert {
	margin: 0 0 16px;
	padding: 12px 14px;
	font-size: 0.88rem;
	line-height: 1.45;
	color: #9a3412;
	background: #ffedd5;
	border: 1px solid #fdba74;
	border-radius: 10px;
}
.navi-modal--analysis .navi-analysis-tree--grid .navi-analysis-tree__step--submit .navi-btn {
	color: #fff;
	background: linear-gradient(
		135deg,
		rgba(27, 79, 182, 0.96) 0%,
		rgba(22, 66, 153, 0.92) 42%,
		rgba(37, 99, 235, 0.9) 100%
	);
	border: 1px solid rgba(255, 255, 255, 0.28);
	box-shadow:
		0 10px 28px rgba(27, 79, 182, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(6px);
}
.navi-modal--analysis .navi-analysis-tree--grid .navi-analysis-tree__step--submit .navi-btn:hover {
	background: linear-gradient(
		135deg,
		var(--navi-blue-hover) 0%,
		rgba(22, 66, 153, 0.98) 100%
	);
	box-shadow:
		0 14px 34px rgba(27, 79, 182, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navi-modal--contact .navi-modal__backdrop {
	background: rgba(15, 23, 42, 0.48);
}
.navi-modal__panel--contact {
	width: min(100%, 460px);
	border-radius: 18px;
	box-shadow:
		0 25px 50px -12px rgba(15, 23, 42, 0.2),
		0 0 0 1px rgba(15, 23, 42, 0.05);
}
.navi-modal__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 6px;
}
.navi-modal__actions .navi-btn--primary {
	box-shadow: 0 4px 14px rgba(27, 79, 182, 0.22);
}
.navi-modal__form.navi-lead-magnet__form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.navi-modal__form .navi-field__label {
	color: var(--navi-ink);
	font-size: 0.8rem;
	font-weight: 600;
}
.navi-modal__form .navi-input,
.navi-modal__form .navi-select {
	width: 100%;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: var(--navi-ink);
}
.navi-analysis-result--modal,
.navi-modal .navi-analysis-result {
	color: var(--navi-ink);
}
.navi-modal .navi-analysis-result__title {
	color: var(--navi-navy);
}
.navi-analysis-result__title { margin: 0 0 12px; font-size: 1.5rem; }
.navi-analysis-result__score { margin: 0 0 16px; }
.navi-analysis-result__num {
	font-size: 3rem;
	font-weight: 800;
	font-family: var(--navi-font-alt);
	color: var(--navi-accent);
}
.navi-analysis-result__hint { display: block; font-size: 0.85rem; opacity: 0.75; margin-top: 6px; }
.navi-analysis-result__list,
.navi-analysis-result__steps { margin: 0; padding-left: 1.2rem; opacity: 0.95; line-height: 1.6; }
.navi-analysis-result__sub { margin: 20px 0 8px; font-size: 1rem; }
.navi-analysis-result__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
/* Modal: tek sütun — metin akışı bittikten hemen sonra butonlar (ekstra kaydırma yok) */
.navi-modal--analysis .navi-analysis-result--modal {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
}
.navi-modal--analysis .navi-analysis-result__title {
	margin-bottom: 0.35rem;
}
.navi-modal--analysis .navi-analysis-result__main {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.navi-modal--analysis .navi-analysis-result__score {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px 14px;
	margin: 0;
}
.navi-modal--analysis .navi-analysis-result__hint {
	margin-top: 0;
}
.navi-modal--analysis .navi-analysis-result__num {
	font-size: clamp(2.2rem, 5vw, 2.75rem);
}
.navi-modal--analysis .navi-analysis-result__list,
.navi-modal--analysis .navi-analysis-result__steps {
	margin: 0;
}
.navi-modal--analysis .navi-analysis-result__sub {
	margin: 10px 0 6px;
}
.navi-modal--analysis .navi-analysis-result__cta {
	margin-top: 0.65rem;
	padding-top: 0.65rem;
	border-top: 1px solid #e2e8f0;
}
.navi-analysis-result__cta--row {
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
}
.navi-analysis-result__cta--row .navi-btn {
	white-space: nowrap;
	padding: 10px 14px;
	font-size: 0.86rem;
}
.navi-field__error {
	display: block;
	margin-top: 6px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #b91c1c;
}
.navi-field--career {
	position: relative;
	z-index: 3;
}
.navi-hero-analysis .navi-analysis-tree--grid .navi-field {
	position: relative;
	z-index: 2;
}
.navi-hero-analysis .navi-analysis-tree--grid .navi-field--career {
	z-index: 4;
}
.navi-hero-analysis .navi-analysis-tree--grid .navi-select {
	position: relative;
	z-index: 5;
	touch-action: manipulation;
}
.navi-modal__form .navi-select {
	position: relative;
	z-index: 2;
	touch-action: manipulation;
}

/* Giriş / kayıt modalları — logo, hizalı formlar, hafif animasyon */
@keyframes navi-auth-backdrop-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes navi-auth-panel-in {
	from {
		opacity: 0;
		transform: translateY(20px) scale(0.97);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
@keyframes navi-auth-accent-flow {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 100% 50%;
	}
}

.navi-modal--auth .navi-modal__backdrop {
	background: rgba(15, 23, 42, 0.48);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.navi-modal--auth:not([hidden]) .navi-modal__backdrop {
	animation: navi-auth-backdrop-in 0.28s ease-out both;
}

.navi-modal--auth .navi-modal__panel--auth {
	position: relative;
	width: min(100%, 420px);
	max-width: min(420px, 100% - 2rem);
	max-height: min(92vh, 720px);
	border-radius: 22px;
	overflow: hidden;
	background: linear-gradient(165deg, #ffffff 0%, #f1f5f9 55%, #e8eef7 100%);
	box-shadow:
		0 32px 64px -20px rgba(15, 23, 42, 0.38),
		0 0 0 1px rgba(255, 255, 255, 0.65) inset,
		0 0 0 1px rgba(15, 23, 42, 0.06);
	transform-origin: 50% 30%;
}
.navi-modal--auth:not([hidden]) .navi-modal__panel--auth {
	animation: navi-auth-panel-in 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.navi-auth-panel__accent {
	height: 4px;
	width: 100%;
	flex-shrink: 0;
	background: linear-gradient(
		90deg,
		var(--navi-blue, #1b4fb6) 0%,
		#6366f1 35%,
		#0ea5e9 65%,
		var(--navi-red, #dc2626) 100%
	);
	background-size: 220% 100%;
	animation: navi-auth-accent-flow 10s ease-in-out infinite alternate;
}
.navi-auth-panel__accent--alt {
	background: linear-gradient(
		90deg,
		#6366f1 0%,
		var(--navi-blue, #1b4fb6) 40%,
		#22d3ee 70%,
		#818cf8 100%
	);
	background-size: 220% 100%;
	animation: navi-auth-accent-flow 12s ease-in-out infinite alternate;
}

.navi-auth-panel__shell {
	display: flex;
	flex-direction: column;
	max-height: min(92vh, 720px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.navi-auth-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem 1rem;
	background: rgba(255, 255, 255, 0.72);
	border-bottom: 1px solid rgba(15, 23, 42, 0.07);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.navi-auth-panel__brand-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	min-width: 0;
	flex: 1;
}

.navi-auth-panel__brand-top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 2.75rem;
	position: relative;
	z-index: 1;
}

.navi-auth-panel__logo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1;
	max-width: 100%;
}
.navi-auth-panel__logo--image {
	min-height: 2.5rem;
}
.navi-auth-panel__logo-img {
	display: block;
	max-height: 42px;
	width: auto;
	max-width: min(220px, 100%);
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 2px 6px rgba(15, 23, 42, 0.08));
}

.navi-auth-panel__logo--text {
	font-family: var(--navi-font-alt, inherit);
	font-weight: 800;
	font-size: clamp(1.45rem, 1.1rem + 1.2vw, 1.75rem);
	letter-spacing: -0.03em;
	color: var(--navi-navy, #0f172a);
	line-height: 1.15;
	white-space: nowrap;
}
.navi-auth-panel__logo-suffix {
	color: var(--navi-red, #dc2626);
	font-weight: 800;
}

.navi-auth-panel__brand-sub {
	margin: 0;
	padding: 0.28rem 0.65rem;
	font-size: 0.65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: var(--navi-blue, #1b4fb6);
	line-height: 1.3;
	background: rgba(27, 79, 182, 0.1);
	border-radius: 999px;
	border: 1px solid rgba(27, 79, 182, 0.18);
	align-self: flex-start;
	position: relative;
	z-index: 2;
}

.navi-auth-panel__close {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: rgba(255, 255, 255, 0.9);
	color: var(--navi-ink, #334155);
	cursor: pointer;
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}
.navi-auth-panel__close:hover {
	background: #fff;
	border-color: rgba(220, 38, 38, 0.25);
	color: var(--navi-red, #dc2626);
	transform: scale(1.04);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}

.navi-auth-panel__close-icon {
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
}
.navi-auth-panel__close-icon::before,
.navi-auth-panel__close-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
}
.navi-auth-panel__close-icon::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.navi-auth-panel__close-icon::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.navi-auth-panel__body {
	padding: 1.35rem 1.35rem 1.6rem;
	flex: 1;
}

.navi-auth-panel__title {
	margin: 0 0 0.4rem;
	font-size: 1.4rem;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.2;
	color: var(--navi-ink, #0f172a);
}

.navi-auth-panel__lead {
	margin: 0 0 1.1rem;
	font-size: 0.93rem;
	line-height: 1.62;
	color: var(--navi-muted, #64748b);
}

.navi-auth-panel__card {
	--navi-auth-card-pad: clamp(1.15rem, 3vw, 1.45rem);
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 18px;
	padding: var(--navi-auth-card-pad);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 0 0 1px rgba(255, 255, 255, 0.5) inset,
		0 20px 48px -24px rgba(15, 23, 42, 0.22),
		0 4px 16px -8px rgba(27, 79, 182, 0.08);
}

.navi-auth-panel__callout {
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(15, 23, 42, 0.09);
	border-radius: 16px;
	padding: 1.25rem 1.3rem 1.35rem;
	box-shadow: 0 12px 32px -20px rgba(15, 23, 42, 0.15);
}

.navi-auth-panel__hint-list {
	margin: 0.75rem 0 1rem;
	padding-left: 1.15rem;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--navi-ink, #334155);
}
.navi-auth-panel__hint-list li + li {
	margin-top: 0.35rem;
}

.navi-auth-panel__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 0.65rem 1rem;
	margin-top: 1.25rem;
}
@media (max-width: 400px) {
	.navi-auth-panel__actions:not(.navi-auth-panel__actions--stack) {
		grid-template-columns: 1fr;
	}
	.navi-auth-panel__btn--link {
		justify-self: stretch;
		text-align: center;
	}
}

.navi-auth-panel__actions--stack {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.navi-auth-panel__actions--stack .navi-auth-panel__btn {
	width: 100%;
	text-align: center;
	justify-content: center;
}

.navi-auth-panel__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.62rem 1.1rem;
	border-radius: 12px;
	font: inherit;
	font-size: 0.9rem;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	transition:
		background 0.2s ease,
		color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.18s ease;
}
.navi-auth-panel__btn--primary {
	background: linear-gradient(180deg, #2563eb 0%, var(--navi-blue, #1b4fb6) 100%);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow:
		0 12px 28px rgba(27, 79, 182, 0.35),
		0 1px 0 rgba(255, 255, 255, 0.2) inset;
}
.navi-auth-panel__btn--primary:hover {
	color: #fff;
	filter: brightness(1.06);
	transform: translateY(-1px);
	box-shadow: 0 16px 34px rgba(27, 79, 182, 0.4);
}
.navi-auth-panel__btn--ghost {
	background: rgba(255, 255, 255, 0.95);
	color: var(--navi-blue, #1b4fb6);
	border-color: rgba(27, 79, 182, 0.28);
}
.navi-auth-panel__btn--ghost:hover {
	background: #fff;
	border-color: rgba(27, 79, 182, 0.45);
	transform: translateY(-1px);
}
.navi-auth-panel__btn--link {
	padding: 0.5rem 0;
	background: none;
	border: none;
	color: var(--navi-blue, #1b4fb6);
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: 600;
	box-shadow: none;
	justify-self: end;
}
.navi-auth-panel__btn--link:hover {
	color: var(--navi-red, #dc2626);
	transform: none;
}
.navi-auth-panel__btn--block {
	width: 100%;
	padding: 0.78rem 1.15rem;
	font-size: 1rem;
}

.navi-auth-panel__footnote {
	margin: 1.15rem 0 0;
	padding-top: 1rem;
	text-align: center;
	font-size: 0.82rem;
	color: var(--navi-muted, #64748b);
	border-top: 1px solid rgba(15, 23, 42, 0.07);
}
.navi-auth-panel__footnote a {
	color: var(--navi-blue, #1b4fb6);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid rgba(27, 79, 182, 0.35);
	padding-bottom: 1px;
	transition: color 0.15s ease, border-color 0.15s ease;
}
.navi-auth-panel__footnote a:hover {
	color: var(--navi-red, #dc2626);
	border-bottom-color: rgba(220, 38, 38, 0.4);
}

.navi-auth-modal__register-form {
	margin: 0;
	padding: 0;
}

@media (prefers-reduced-motion: reduce) {
	.navi-modal--auth:not([hidden]) .navi-modal__backdrop,
	.navi-modal--auth:not([hidden]) .navi-modal__panel--auth,
	.navi-auth-panel__accent,
	.navi-auth-panel__accent--alt {
		animation: none !important;
	}
	.navi-auth-panel__btn--primary:hover,
	.navi-auth-panel__btn--ghost:hover,
	.navi-auth-panel__close:hover {
		transform: none;
	}
}

.navi-hero-analysis__alert {
	margin: 0 0 12px;
	padding: 10px 12px;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.45;
	color: #991b1b;
	background: rgba(254, 226, 226, 0.85);
	border: 1px solid rgba(248, 113, 113, 0.45);
	border-radius: 10px;
}
.navi-stats-footnote {
	font-size: 0.85rem;
	color: var(--navi-muted);
	padding: 8px 0 0;
	margin-bottom: 0;
}
.navi-stats-footnote a { color: var(--navi-blue); }

.navi-stats {
	position: relative;
	padding: clamp(80px, 11vw, 128px) 0 clamp(64px, 9vw, 96px);
	overflow: hidden;
	background-image:
		radial-gradient(rgba(148, 163, 184, 0.35) 1px, transparent 1px),
		radial-gradient(ellipse 120% 80% at 10% 20%, rgba(27, 79, 182, 0.09) 0%, transparent 50%),
		radial-gradient(ellipse 90% 70% at 92% 75%, rgba(14, 165, 233, 0.08) 0%, transparent 45%),
		linear-gradient(180deg, #fafbfd 0%, #fff 38%, #f8fafc 100%);
	background-size: 32px 32px, 100% 100%, 100% 100%, 100% 100%;
}
.navi-stats::before {
	content: "";
	position: absolute;
	width: min(520px, 90vw);
	height: min(520px, 90vw);
	right: -8%;
	top: -18%;
	background: radial-gradient(circle, rgba(27, 79, 182, 0.14) 0%, transparent 68%);
	pointer-events: none;
	animation: navi-mesh-drift 18s ease-in-out infinite;
}
.navi-stats::after {
	content: "";
	position: absolute;
	width: min(380px, 70vw);
	height: min(380px, 70vw);
	left: -6%;
	bottom: -12%;
	background: radial-gradient(circle, rgba(234, 88, 12, 0.08) 0%, transparent 70%);
	pointer-events: none;
	animation: navi-mesh-drift 22s ease-in-out infinite reverse;
}
.navi-stats .navi-container {
	position: relative;
	z-index: 1;
}
.navi-stats__intro {
	text-align: center;
	max-width: 720px;
	margin: 0 auto clamp(36px, 5vw, 52px);
	opacity: 0;
	transform: translateY(22px);
	transition:
		opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal--active .navi-stats__intro {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.08s;
}
.navi-stats__intro .navi-title-z {
	font-size: clamp(1.65rem, 3.2vw, 2.2rem);
}
.navi-stats__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(20px, 3vw, 32px);
	text-align: center;
}
.navi-stat-item {
	position: relative;
	padding: clamp(28px, 4vw, 40px) clamp(20px, 3vw, 28px);
	border-radius: 22px;
	background: linear-gradient(165deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.98) 100%);
	box-shadow:
		0 4px 24px rgba(15, 23, 42, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(226, 232, 240, 0.9);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	overflow: hidden;
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.35s ease,
		border-color 0.35s ease;
}
.reveal--active .navi-stat-item {
	opacity: 1;
	transform: translateY(0);
}
.reveal--active .navi-stat-item:nth-child(1) {
	transition-delay: 0.14s;
}
.reveal--active .navi-stat-item:nth-child(2) {
	transition-delay: 0.26s;
}
.reveal--active .navi-stat-item:nth-child(3) {
	transition-delay: 0.38s;
}
.navi-stat-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--navi-blue), #38bdf8 45%, var(--navi-accent));
	opacity: 0.95;
}
.navi-stat-item::after {
	content: "";
	position: absolute;
	inset: -40% -20%;
	background: radial-gradient(circle at 30% 20%, rgba(27, 79, 182, 0.07) 0%, transparent 55%);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s ease;
}
.navi-stat-item:hover {
	transform: translateY(-8px);
	box-shadow:
		0 22px 50px rgba(27, 79, 182, 0.13),
		inset 0 1px 0 rgba(255, 255, 255, 0.95);
	border-color: rgba(27, 79, 182, 0.28);
}
.navi-stat-item:hover::after {
	opacity: 1;
}
.reveal--active .navi-stat-item:hover {
	transform: translateY(-8px);
}
.navi-stat-item__val {
	display: block;
	position: relative;
	z-index: 1;
	font-size: clamp(2.35rem, 4vw, 3rem);
	font-weight: 800;
	background: linear-gradient(120deg, var(--navi-blue) 0%, #2563eb 40%, #0ea5e9 100%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	margin-bottom: 10px;
	font-family: var(--navi-font-alt);
	line-height: 1.05;
	animation: navi-gradient-shift 7s ease infinite;
}
.navi-stat-item__label {
	display: block;
	position: relative;
	z-index: 1;
	max-width: 24ch;
	margin-inline: auto;
	font-size: 1.02rem;
	font-weight: 600;
	color: var(--navi-ink);
	line-height: 1.4;
}
.navi-stat-item__icon {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	opacity: 0.95;
}
.navi-stat-item--accent-sky .navi-stat-item__icon {
	color: #0284c7;
}
.navi-stat-item--accent-sky::before {
	background: linear-gradient(90deg, #0284c7, #38bdf8 50%, #0ea5e9);
}
.navi-stat-item--accent-amber .navi-stat-item__icon {
	color: #c2410c;
}
.navi-stat-item--accent-amber::before {
	background: linear-gradient(90deg, #ea580c, #fbbf24 55%, #f59e0b);
}
.navi-stat-item--accent-violet .navi-stat-item__icon {
	color: #7c3aed;
}
.navi-stat-item--accent-violet::before {
	background: linear-gradient(90deg, #7c3aed, #a78bfa 50%, #6366f1);
}

@keyframes navi-mid-icon-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-6px);
	}
}

@media (prefers-reduced-motion: no-preference) {
	.reveal--active .navi-service-icon-z {
		animation: navi-mid-icon-float 4.8s ease-in-out infinite;
	}
	.reveal--active .navi-service-card-z:nth-child(2) .navi-service-icon-z {
		animation-delay: 0.2s;
	}
	.reveal--active .navi-service-card-z:nth-child(3) .navi-service-icon-z {
		animation-delay: 0.4s;
	}
	.reveal--active .navi-service-card-z:nth-child(4) .navi-service-icon-z {
		animation-delay: 0.6s;
	}
	.reveal--active .navi-service-card-z:nth-child(5) .navi-service-icon-z {
		animation-delay: 0.8s;
	}
	.reveal--active .navi-process-num-z {
		animation: navi-mid-icon-float 5.2s ease-in-out infinite;
	}
	.reveal--active .navi-process-step-z:nth-child(2) .navi-process-num-z {
		animation-delay: 0.18s;
	}
	.reveal--active .navi-process-step-z:nth-child(3) .navi-process-num-z {
		animation-delay: 0.36s;
	}
	.reveal--active .navi-process-step-z:nth-child(4) .navi-process-num-z {
		animation-delay: 0.54s;
	}
	.reveal--active .navi-timeline-icon-z {
		animation: navi-mid-icon-float 5.4s ease-in-out infinite;
	}
	.reveal--active .navi-timeline-item-z:nth-child(2) .navi-timeline-icon-z {
		animation-delay: 0.15s;
	}
	.reveal--active .navi-timeline-item-z:nth-child(3) .navi-timeline-icon-z {
		animation-delay: 0.3s;
	}
	.reveal--active .navi-timeline-item-z:nth-child(4) .navi-timeline-icon-z {
		animation-delay: 0.45s;
	}
}

.navi-services-z {
	position: relative;
	padding: clamp(88px, 10vw, 120px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 100% 60% at 50% -10%, rgba(27, 79, 182, 0.06) 0%, transparent 55%),
		linear-gradient(180deg, #f1f5f9 0%, var(--navi-bg-muted) 48%, #e2e8f0 100%);
}
.navi-services-z::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0L30 60M0 30L60 30' fill='none' stroke='%2394a3b8' stroke-opacity='0.09' stroke-width='1'/%3E%3C/svg%3E");
	opacity: 0.85;
	pointer-events: none;
}
.navi-services-z .navi-container {
	position: relative;
	z-index: 1;
}
.navi-section-header {
	text-align: center;
	margin: 0 auto clamp(40px, 5vw, 56px);
	max-width: 800px;
	opacity: 0;
	transform: translateY(20px);
	transition:
		opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal--active .navi-section-header {
	opacity: 1;
	transform: translateY(0);
}
.navi-section-header .navi-title-z {
	margin: 0;
	line-height: 1.12;
}
.navi-section-lead {
	margin: clamp(14px, 2.2vw, 22px) 0 0;
	max-width: 58ch;
	margin-inline: auto;
	font-size: clamp(1.02rem, 0.35vw + 0.94rem, 1.14rem);
	line-height: 1.65;
	color: var(--navi-muted);
}
.navi-badge {
	display: inline-block;
	padding: 7px 18px;
	background: linear-gradient(135deg, rgba(27, 79, 182, 0.12) 0%, rgba(27, 79, 182, 0.08) 100%);
	color: var(--navi-blue);
	border-radius: 100px;
	font-weight: 700;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin-bottom: 14px;
	border: 1px solid rgba(27, 79, 182, 0.12);
}
.navi-title-z {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--navi-dark-blue);
}
.navi-services-grid-z {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: clamp(16px, 2vw, 22px);
}
.navi-service-card-z {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 268px;
	padding: clamp(30px, 4vw, 42px) clamp(16px, 2.2vw, 24px);
	background: linear-gradient(165deg, rgba(255, 255, 255, 0.97) 0%, rgba(241, 245, 249, 0.92) 100%);
	border: 1px solid rgba(226, 232, 240, 0.95);
	border-radius: 20px;
	text-align: center;
	box-shadow:
		0 8px 28px rgba(15, 23, 42, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.85);
	overflow: hidden;
	opacity: 0;
	transform: translateY(26px) scale(0.98);
	transition:
		opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.35s ease,
		border-color 0.35s ease;
}
.reveal--active .navi-service-card-z {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.reveal--active .navi-service-card-z:nth-child(1) {
	transition-delay: 0.06s;
}
.reveal--active .navi-service-card-z:nth-child(2) {
	transition-delay: 0.12s;
}
.reveal--active .navi-service-card-z:nth-child(3) {
	transition-delay: 0.18s;
}
.reveal--active .navi-service-card-z:nth-child(4) {
	transition-delay: 0.24s;
}
.reveal--active .navi-service-card-z:nth-child(5) {
	transition-delay: 0.3s;
}
.navi-service-card-z::before {
	content: "";
	position: absolute;
	top: 0;
	left: 18%;
	right: 18%;
	height: 3px;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(90deg, transparent, var(--navi-blue), #38bdf8, transparent);
	opacity: 0;
	transition: opacity 0.35s ease;
}
.navi-service-card-z:hover {
	border-color: rgba(27, 79, 182, 0.38);
	box-shadow:
		0 26px 56px rgba(27, 79, 182, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.95);
	transform: translateY(-8px) scale(1.01);
}
.reveal--active .navi-service-card-z:hover {
	transform: translateY(-8px) scale(1.01);
}
.navi-service-card-z:hover::before {
	opacity: 1;
}
.navi-service-icon-z {
	width: 64px;
	height: 64px;
	margin: 0 auto 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	font-size: 2rem;
	transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
}
.navi-service-card-z:hover .navi-service-icon-z {
	animation: navi-icon-float 2.2s ease-in-out infinite;
	box-shadow: 0 12px 28px rgba(27, 79, 182, 0.18);
}
.navi-service-icon-z--navy {
	background: rgba(0, 45, 98, 0.08) !important;
	color: var(--navi-navy) !important;
	border: 1px solid rgba(0, 45, 98, 0.12);
}
.navi-service-icon-z--sky {
	background: linear-gradient(145deg, #e0f2fe 0%, #bae6fd 100%) !important;
	color: #0369a1 !important;
	border: 1px solid rgba(3, 105, 161, 0.22) !important;
}
.navi-service-icon-z--coral {
	background: linear-gradient(145deg, #fff1f2 0%, #fecdd3 100%) !important;
	color: #be123c !important;
	border: 1px solid rgba(190, 18, 60, 0.2) !important;
}
.navi-service-icon-z--violet {
	background: linear-gradient(145deg, #f5f3ff 0%, #e9d5ff 100%) !important;
	color: #6d28d9 !important;
	border: 1px solid rgba(109, 40, 217, 0.22) !important;
}
.navi-service-icon-z--amber {
	background: linear-gradient(145deg, #fffbeb 0%, #fde68a 100%) !important;
	color: #b45309 !important;
	border: 1px solid rgba(180, 83, 9, 0.25) !important;
}
.navi-service-icon-z--teal {
	background: linear-gradient(145deg, #ecfdf5 0%, #a7f3d0 100%) !important;
	color: #047857 !important;
	border: 1px solid rgba(4, 120, 87, 0.22) !important;
}
.navi-service-card-z h3 { font-size: 1.08rem; font-weight: 700; margin: 0 0 12px; line-height: 1.35; color: var(--navi-navy); }
.navi-service-card-z p { font-size: 0.92rem; color: var(--navi-muted); line-height: 1.55; margin: 0; flex-grow: 1; }

.navi-process-z {
	position: relative;
	padding: clamp(88px, 11vw, 120px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 80% 50% at 50% 100%, rgba(27, 79, 182, 0.07) 0%, transparent 55%),
		var(--navi-bg-muted);
}
.navi-process-grid-z {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(18px, 2.5vw, 26px);
	margin-top: 0;
	position: relative;
}
@media (min-width: 960px) {
	.navi-process-grid-z::before {
		content: "";
		position: absolute;
		top: 64px;
		left: 10%;
		right: 10%;
		height: 2px;
		background: linear-gradient(
			90deg,
			transparent 0%,
			rgba(27, 79, 182, 0.2) 12%,
			rgba(56, 189, 248, 0.35) 50%,
			rgba(27, 79, 182, 0.2) 88%,
			transparent 100%
		);
		border-radius: 2px;
		z-index: 0;
		pointer-events: none;
	}
}
.navi-process-step-z {
	position: relative;
	text-align: center;
	z-index: 1;
	padding: 28px 20px 32px;
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
	border-radius: var(--navi-radius-lg);
	border: 1px solid var(--navi-border-subtle);
	box-shadow:
		0 10px 34px rgba(15, 23, 42, 0.07),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	opacity: 0;
	transform: translateY(24px);
	transition:
		opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.3s ease,
		border-color 0.3s ease;
}
.reveal--active .navi-process-step-z {
	opacity: 1;
	transform: translateY(0);
}
.reveal--active .navi-process-step-z:nth-child(1) {
	transition-delay: 0.08s;
}
.reveal--active .navi-process-step-z:nth-child(2) {
	transition-delay: 0.16s;
}
.reveal--active .navi-process-step-z:nth-child(3) {
	transition-delay: 0.24s;
}
.reveal--active .navi-process-step-z:nth-child(4) {
	transition-delay: 0.32s;
}
.navi-process-step-z:hover {
	transform: translateY(-6px);
	border-color: rgba(27, 79, 182, 0.28);
	box-shadow:
		0 20px 48px rgba(27, 79, 182, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 1);
}
.reveal--active .navi-process-step-z:hover {
	transform: translateY(-6px);
}
.navi-process-num-z {
	width: 52px;
	height: 52px;
	background: linear-gradient(145deg, var(--navi-blue) 0%, #1e40af 55%, #0ea5e9 100%);
	background-size: 200% 200%;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 1.2rem;
	margin: 0 auto 22px;
	box-shadow: 0 10px 24px rgba(27, 79, 182, 0.35);
	position: relative;
	animation: navi-gradient-shift 8s ease infinite;
}
.navi-process-num-z::after {
	content: "";
	position: absolute;
	inset: -6px;
	border-radius: 50%;
	border: 1px solid rgba(27, 79, 182, 0.2);
	opacity: 0;
	transition: opacity 0.35s ease, transform 0.35s ease;
}
.navi-process-step-z:hover .navi-process-num-z::after {
	opacity: 1;
	transform: scale(1.08);
}
.navi-process-picto-z {
	width: 48px;
	height: 48px;
	margin: -8px auto 16px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(145deg, rgba(27, 79, 182, 0.09) 0%, rgba(14, 165, 233, 0.12) 100%);
	color: var(--navi-blue);
	border: 1px solid rgba(27, 79, 182, 0.14);
	box-shadow: 0 6px 16px rgba(27, 79, 182, 0.08);
	position: relative;
	z-index: 1;
	transition: transform 0.35s ease, box-shadow 0.3s ease;
}
.navi-process-step-z:hover .navi-process-picto-z {
	transform: translateY(-3px) scale(1.04);
	box-shadow: 0 10px 22px rgba(27, 79, 182, 0.14);
}
.navi-process-step-z h4 { font-size: 1.2rem; font-weight: 700; margin: 0 0 12px; color: var(--navi-navy); line-height: 1.25; }
.navi-process-step-z p { font-size: 0.95rem; color: var(--navi-muted); margin: 0; line-height: 1.55; }

.navi-doc-cta {
	position: relative;
	padding: clamp(72px, 9vw, 104px) 0;
	overflow: hidden;
	background: linear-gradient(135deg, #e0e7ff 0%, #f0f9ff 35%, #f8fafc 70%, #fff 100%);
	border-block: 1px solid rgba(226, 232, 240, 0.8);
}
.navi-doc-cta::before {
	content: "";
	position: absolute;
	inset: -2px;
	background: linear-gradient(
		125deg,
		rgba(27, 79, 182, 0.45),
		rgba(14, 165, 233, 0.35),
		rgba(99, 102, 241, 0.4),
		rgba(27, 79, 182, 0.45)
	);
	background-size: 300% 300%;
	opacity: 0.22;
	animation: navi-gradient-shift 12s ease infinite;
	pointer-events: none;
}
.navi-doc-cta .navi-container {
	position: relative;
	z-index: 1;
}
.navi-doc-cta__inner {
	display: flex;
	flex-direction: column;
	gap: clamp(22px, 3vw, 32px);
	padding: clamp(28px, 4vw, 44px);
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(14px) saturate(1.2);
	-webkit-backdrop-filter: blur(14px) saturate(1.2);
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	box-shadow:
		0 28px 64px rgba(27, 79, 182, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.95);
	opacity: 0;
	transform: translateY(20px) scale(0.99);
	transition:
		opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal--active .navi-doc-cta__inner {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.navi-doc-cta__top {
	display: grid;
	grid-template-columns: 1fr min(300px, 36%);
	gap: clamp(24px, 4vw, 40px);
	align-items: center;
}
.navi-doc-cta__visual {
	display: flex;
	justify-content: center;
	align-items: center;
}
.navi-doc-cta__illu {
	max-width: 100%;
	height: auto;
	filter: drop-shadow(0 18px 32px rgba(27, 79, 182, 0.12));
}
.navi-doc-cta__title {
	margin: 12px 0 16px;
	font-size: 2rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--navi-navy);
	font-family: var(--navi-font-alt);
}
.navi-doc-cta__text {
	margin: 0;
	color: var(--navi-muted);
	line-height: 1.65;
	max-width: 52ch;
}
.navi-doc-cta__action {
	text-align: center;
}
@media (min-width: 900px) {
	.navi-doc-cta__action { text-align: center; }
}
.navi-doc-cta__hint {
	margin: 14px 0 0;
	font-size: 0.85rem;
	color: var(--navi-muted);
	line-height: 1.4;
}
.navi-btn--lg {
	padding: 16px 32px;
	font-size: 1.05rem;
}

.navi-timeline-z {
	position: relative;
	padding: clamp(88px, 11vw, 120px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 70% 50% at 0% 40%, rgba(27, 79, 182, 0.06) 0%, transparent 55%),
		linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}
.navi-timeline-list-z {
	max-width: 820px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: clamp(20px, 3vw, 28px);
	position: relative;
	padding-left: 0;
}
@media (min-width: 640px) {
	.navi-timeline-list-z::before {
		content: "";
		position: absolute;
		left: 28px;
		top: 36px;
		bottom: 36px;
		width: 3px;
		background: linear-gradient(180deg, rgba(27, 79, 182, 0.15), rgba(14, 165, 233, 0.35), rgba(27, 79, 182, 0.12));
		border-radius: 3px;
		pointer-events: none;
	}
}
.navi-timeline-item-z {
	display: flex;
	gap: clamp(20px, 3vw, 28px);
	align-items: flex-start;
	padding: clamp(22px, 3vw, 28px) clamp(22px, 3vw, 30px);
	background: linear-gradient(120deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.98) 100%);
	border: 1px solid var(--navi-border-subtle);
	border-radius: var(--navi-radius-lg);
	box-shadow: 0 10px 32px rgba(15, 23, 42, 0.06);
	transition:
		opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		border-color 0.28s ease,
		box-shadow 0.28s ease;
	position: relative;
	opacity: 0;
	transform: translateX(-16px);
}
.reveal--active .navi-timeline-item-z {
	opacity: 1;
	transform: translateX(0);
}
.reveal--active .navi-timeline-item-z:nth-child(1) {
	transition-delay: 0.08s;
}
.reveal--active .navi-timeline-item-z:nth-child(2) {
	transition-delay: 0.16s;
}
.reveal--active .navi-timeline-item-z:nth-child(3) {
	transition-delay: 0.24s;
}
.reveal--active .navi-timeline-item-z:nth-child(4) {
	transition-delay: 0.32s;
}
.navi-timeline-item-z:hover {
	border-color: rgba(27, 79, 182, 0.22);
	box-shadow: 0 16px 44px rgba(27, 79, 182, 0.1);
	transform: translateX(4px);
}
.reveal--active .navi-timeline-item-z:hover {
	transform: translateX(4px);
}
.navi-timeline-icon-z {
	width: 58px;
	height: 58px;
	background: linear-gradient(145deg, #fff 0%, #eff6ff 100%);
	border: 2px solid rgba(27, 79, 182, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--navi-blue);
	box-shadow:
		0 8px 22px rgba(27, 79, 182, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	position: relative;
	z-index: 1;
	transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}
.navi-timeline-item-z:hover .navi-timeline-icon-z {
	transform: scale(1.08);
	box-shadow: 0 12px 28px rgba(27, 79, 182, 0.2);
}
.navi-timeline-content-z h4 { font-size: 1.28rem; font-weight: 700; margin: 0 0 10px; color: var(--navi-navy); line-height: 1.25; }
.navi-timeline-content-z p { color: var(--navi-muted); font-size: 1rem; margin: 0; line-height: 1.6; }

.navi-faq-z {
	padding: clamp(80px, 10vw, 112px) 0;
	background: var(--navi-bg-muted);
}

.navi-advantages-z {
	position: relative;
	padding: clamp(88px, 11vw, 120px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 60% 40% at 100% 0%, rgba(5, 150, 105, 0.07) 0%, transparent 55%),
		linear-gradient(180deg, #fff 0%, var(--navi-bg-muted) 100%);
}
.navi-advantages-z::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 20% 80%, rgba(27, 79, 182, 0.04) 0%, transparent 45%);
	pointer-events: none;
}
.navi-advantages-z .navi-container {
	position: relative;
	z-index: 1;
}
.navi-advantages-grid-z {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(22px, 3vw, 28px);
	margin-top: 0;
}
.navi-advantage-item-z {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 26px 28px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);
	border: 1px solid var(--navi-border-subtle);
	border-radius: var(--navi-radius-lg);
	box-shadow: 0 10px 32px rgba(15, 23, 42, 0.06);
	opacity: 0;
	transform: translateY(22px);
	transition:
		opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.3s ease,
		border-color 0.3s ease;
}
.reveal--active .navi-advantage-item-z {
	opacity: 1;
	transform: translateY(0);
}
.reveal--active .navi-advantage-item-z:nth-child(1) {
	transition-delay: 0.06s;
}
.reveal--active .navi-advantage-item-z:nth-child(2) {
	transition-delay: 0.12s;
}
.reveal--active .navi-advantage-item-z:nth-child(3) {
	transition-delay: 0.18s;
}
.reveal--active .navi-advantage-item-z:nth-child(4) {
	transition-delay: 0.24s;
}
.navi-advantage-item-z:hover {
	transform: translateY(-5px);
	border-color: rgba(5, 150, 105, 0.3);
	box-shadow: 0 18px 44px rgba(5, 150, 105, 0.12);
}
.reveal--active .navi-advantage-item-z:hover {
	transform: translateY(-5px);
}
.navi-advantage-icon-z {
	width: 52px;
	height: 52px;
	background: linear-gradient(145deg, #ecfdf5 0%, #d1fae5 100%);
	color: #059669;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border: 1px solid rgba(5, 150, 105, 0.18);
	box-shadow: 0 8px 20px rgba(5, 150, 105, 0.12);
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}
.navi-advantage-item-z:nth-child(2) .navi-advantage-icon-z {
	background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%);
	color: var(--navi-blue);
	border-color: rgba(27, 79, 182, 0.2);
	box-shadow: 0 8px 20px rgba(27, 79, 182, 0.12);
}
.navi-advantage-item-z:nth-child(2):hover {
	border-color: rgba(27, 79, 182, 0.28);
	box-shadow: 0 18px 44px rgba(27, 79, 182, 0.12);
}
.navi-advantage-item-z:nth-child(3) .navi-advantage-icon-z {
	background: linear-gradient(145deg, #fff7ed 0%, #ffedd5 100%);
	color: #c2410c;
	border-color: rgba(234, 88, 12, 0.22);
	box-shadow: 0 8px 20px rgba(234, 88, 12, 0.1);
}
.navi-advantage-item-z:nth-child(3):hover {
	border-color: rgba(234, 88, 12, 0.35);
	box-shadow: 0 18px 44px rgba(234, 88, 12, 0.12);
}
.navi-advantage-item-z:nth-child(4) .navi-advantage-icon-z {
	background: linear-gradient(145deg, #f5f3ff 0%, #ede9fe 100%);
	color: #6d28d9;
	border-color: rgba(109, 40, 217, 0.2);
	box-shadow: 0 8px 20px rgba(109, 40, 217, 0.1);
}
.navi-advantage-item-z:nth-child(4):hover {
	border-color: rgba(109, 40, 217, 0.3);
	box-shadow: 0 18px 44px rgba(109, 40, 217, 0.12);
}
.navi-advantage-item-z:hover .navi-advantage-icon-z {
	transform: scale(1.08) rotate(-3deg);
}
.navi-advantage-item-z h4 { font-size: 1.2rem; font-weight: 700; margin: 0 0 8px; color: var(--navi-navy); }
.navi-advantage-item-z p { color: var(--navi-muted); font-size: 0.98rem; margin: 0; line-height: 1.58; }

.navi-faq-list-z {
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.navi-faq-item-z {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid var(--navi-border-subtle);
	box-shadow: 0 6px 22px rgba(15, 23, 42, 0.04);
	transition: box-shadow 0.25s ease;
}
.navi-faq-item-z:hover {
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.07);
}
.navi-faq-q-z {
	width: 100%;
	padding: 25px 30px;
	text-align: left;
	background: none;
	border: none;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--navi-ink);
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.navi-faq-a-z {
	padding: 0 30px 25px;
	color: var(--navi-muted);
	font-size: 0.95rem;
	line-height: 1.65;
}
.navi-faq-a-z p {
	margin: 0 0 12px;
}
.navi-faq-a-z p:last-child {
	margin-bottom: 0;
}

.navi-candidates-z {
	position: relative;
	padding: clamp(80px, 10vw, 108px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 55% 45% at 15% 50%, rgba(27, 79, 182, 0.06) 0%, transparent 55%),
		linear-gradient(180deg, var(--navi-bg-section) 0%, var(--navi-bg-muted) 100%);
	border-block: 1px solid var(--navi-border-subtle);
}
.navi-candidates-z::before {
	content: "";
	position: absolute;
	width: min(400px, 70vw);
	height: min(400px, 70vw);
	right: -5%;
	top: 50%;
	transform: translateY(-50%);
	background: radial-gradient(circle, rgba(14, 165, 233, 0.08) 0%, transparent 65%);
	pointer-events: none;
	animation: navi-cta-pulse 10s ease-in-out infinite;
}
.navi-candidates-z .navi-container {
	position: relative;
	z-index: 1;
}
.navi-candidates-z__copy {
	padding: clamp(8px, 2vw, 16px) 0;
	opacity: 0;
	transform: translateY(20px);
	transition:
		opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal--active .navi-candidates-z__copy {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.06s;
}
.navi-candidates-z__copy .navi-badge {
	margin-bottom: 12px;
}
.navi-candidates-z__inner {
	display: grid;
	grid-template-columns: 1fr 1.05fr;
	gap: 48px;
	align-items: center;
}
.navi-candidates-z__title {
	margin: 12px 0 16px;
	font-size: clamp(1.65rem, 3vw, 2.25rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--navi-navy);
	font-family: var(--navi-font-alt);
	line-height: 1.2;
}
.navi-candidates-z__lead {
	margin: 0 0 20px;
	color: var(--navi-muted);
	line-height: 1.6;
	max-width: 48ch;
}
.navi-candidates-z__bullets {
	margin: 0 0 24px;
	padding-left: 1.2rem;
	color: var(--navi-ink);
	line-height: 1.65;
}
.navi-candidates-z__bullets li {
	margin-bottom: 8px;
}
.navi-candidates-z__visual {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	max-width: 420px;
	margin-inline: auto;
	opacity: 0;
	transform: scale(0.96);
	transition:
		opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.navi-candidates-z__visual--illu {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: none;
	grid-template-columns: none;
	gap: 0;
}
.navi-candidates-z__illu {
	max-width: min(100%, 440px);
	height: auto;
	filter: drop-shadow(0 20px 40px rgba(15, 23, 42, 0.08));
}
.reveal--active .navi-candidates-z__visual {
	opacity: 1;
	transform: scale(1);
	transition-delay: 0.14s;
}
.navi-candidates-z__face {
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	aspect-ratio: 1;
	box-shadow: var(--navi-shadow-soft);
	border: 3px solid var(--navi-white);
	animation: navi-face-in 0.6s ease-out both;
	animation-delay: var(--navi-face-delay, 0s);
}
.navi-candidates-z__face:nth-child(even) {
	margin-top: 18px;
}
.navi-candidates-z__face img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@keyframes navi-face-in {
	from {
		opacity: 0;
		transform: translateY(12px) scale(0.94);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.navi-partners {
	position: relative;
	padding: clamp(64px, 9vw, 96px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 70% 50% at 20% 10%, rgba(234, 88, 12, 0.06) 0%, transparent 50%),
		radial-gradient(ellipse 80% 60% at 50% 0%, rgba(27, 79, 182, 0.06) 0%, transparent 55%),
		linear-gradient(180deg, #f8fafc 0%, #fff 52%, #f1f5f9 100%);
	border-bottom: 1px solid var(--navi-border-subtle);
}
.navi-partners__deco {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin: 4px 0 18px;
	flex-wrap: wrap;
}
.navi-partners__deco-i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.95);
	color: var(--navi-blue);
	border: 1px solid rgba(226, 232, 240, 0.95);
	box-shadow: 0 6px 18px rgba(27, 79, 182, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.navi-partners__deco-i:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(27, 79, 182, 0.12);
}
.navi-partners__header {
	text-align: center;
	margin-bottom: clamp(28px, 4vw, 40px);
	max-width: 640px;
	margin-inline: auto;
	opacity: 0;
	transform: translateY(18px);
	transition:
		opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal--active .navi-partners__header {
	opacity: 1;
	transform: translateY(0);
}
.navi-partners__lead {
	margin: 12px 0 0;
	color: var(--navi-muted);
	font-size: clamp(0.95rem, 0.2vw + 0.9rem, 1.05rem);
	line-height: 1.6;
}

/* Ortak logoları: assets/img/ortak — sağdan sola sürekli kaydırma */
.navi-partners-marquee {
	--navi-marquee-duration: 40s;
	position: relative;
	width: 100%;
	margin-top: clamp(8px, 2vw, 16px);
	overflow: hidden;
	mask-image: linear-gradient(
		90deg,
		transparent 0%,
		#000 6%,
		#000 94%,
		transparent 100%
	);
	-webkit-mask-image: linear-gradient(
		90deg,
		transparent 0%,
		#000 6%,
		#000 94%,
		transparent 100%
	);
}
.navi-partners-marquee__track {
	display: flex;
	width: max-content;
	flex-wrap: nowrap;
	animation: navi-partners-marquee-x var(--navi-marquee-duration, 40s) linear infinite;
	will-change: transform;
}
.navi-partners-marquee:hover .navi-partners-marquee__track {
	animation-play-state: paused;
}
.navi-partners-marquee__set {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: clamp(28px, 4vw, 48px);
	padding-inline: clamp(14px, 2vw, 24px);
}
.navi-partners-marquee__item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 10px 18px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(226, 232, 240, 0.95);
	border-radius: 14px;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
}
.navi-partners-marquee__img {
	display: block;
	max-height: 44px;
	width: auto;
	max-width: min(160px, 28vw);
	height: auto;
	object-fit: contain;
	filter: grayscale(0.12);
	transition: filter 0.25s ease, transform 0.25s ease;
}
.navi-partners-marquee__item:hover .navi-partners-marquee__img {
	filter: grayscale(0);
	transform: scale(1.04);
}
@keyframes navi-partners-marquee-x {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
@media (prefers-reduced-motion: reduce) {
	.navi-partners-marquee {
		mask-image: none;
		-webkit-mask-image: none;
		overflow: visible;
	}
	.navi-partners-marquee__track {
		animation: none;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		max-width: 900px;
		margin-inline: auto;
		row-gap: 16px;
	}
	.navi-partners-marquee__set[aria-hidden="true"] {
		display: none;
	}
	.navi-partners-marquee__set {
		flex-wrap: wrap;
		justify-content: center;
		padding-inline: 0;
	}
}

.navi-partners__grid {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: clamp(18px, 2.5vw, 24px) clamp(22px, 3vw, 36px);
}
.navi-partner-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 14px 22px;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(226, 232, 240, 0.95);
	border-radius: 16px;
	box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
	opacity: 0;
	transform: translateY(14px) scale(0.97);
	transition:
		opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.55s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}
.reveal--active .navi-partner-logo {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.reveal--active .navi-partner-logo:nth-child(1) {
	transition-delay: 0.05s;
}
.reveal--active .navi-partner-logo:nth-child(2) {
	transition-delay: 0.1s;
}
.reveal--active .navi-partner-logo:nth-child(3) {
	transition-delay: 0.15s;
}
.reveal--active .navi-partner-logo:nth-child(4) {
	transition-delay: 0.2s;
}
.reveal--active .navi-partner-logo:nth-child(5) {
	transition-delay: 0.25s;
}
.reveal--active .navi-partner-logo:nth-child(6) {
	transition-delay: 0.3s;
}
.reveal--active .navi-partner-logo:nth-child(7) {
	transition-delay: 0.35s;
}
.reveal--active .navi-partner-logo:nth-child(8) {
	transition-delay: 0.4s;
}
.navi-partner-logo:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 36px rgba(27, 79, 182, 0.12);
	border-color: rgba(27, 79, 182, 0.22);
}
.reveal--active .navi-partner-logo:hover {
	transform: translateY(-4px);
}
.navi-partner-logo__img {
	max-height: 44px;
	width: auto;
	max-width: 140px;
	object-fit: contain;
	filter: grayscale(0.15);
}
.navi-partner-logo__text {
	font-weight: 700;
	color: var(--navi-navy);
	font-size: 0.95rem;
}

.navi-partners--empty {
	padding: 40px 0 48px;
}
.navi-partners--empty .navi-partners__header {
	margin-bottom: 8px;
}
.navi-partners__empty {
	margin: 8px auto 0;
	max-width: 42ch;
	text-align: center;
	color: var(--navi-muted);
	font-size: 0.95rem;
	line-height: 1.55;
}
.navi-partners__admin-hint {
	margin: 12px auto 0;
	max-width: 46ch;
	text-align: center;
	font-size: 0.85rem;
	color: var(--navi-blue);
	line-height: 1.45;
}

.navi-testimonials {
	position: relative;
	padding: clamp(88px, 11vw, 120px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 70% 50% at 50% 100%, rgba(27, 79, 182, 0.06) 0%, transparent 55%),
		var(--navi-bg-section);
}
.navi-testimonials__hint {
	margin: 0 0 8px;
	text-align: center;
	font-size: 0.82rem;
	color: var(--navi-muted);
	letter-spacing: 0.02em;
}
.navi-testimonials__scroll-wrap {
	margin: 0 max(-16px, -2vw);
	padding: 0 max(16px, 2vw);
}
.navi-testimonials__track {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 8px;
	padding: 12px 6px 28px;
	-webkit-overflow-scrolling: touch;
	cursor: grab;
	touch-action: pan-x;
	scrollbar-width: thin;
}
.navi-testimonials__track.is-dragging {
	cursor: grabbing;
	user-select: none;
}
.navi-testimonials__track:focus-visible {
	outline: 2px solid var(--navi-blue);
	outline-offset: 4px;
}
.navi-testimonial-card {
	padding: clamp(32px, 4vw, 44px);
	background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
	border: 1px solid rgba(226, 232, 240, 0.95);
	border-radius: 22px;
	position: relative;
	box-shadow:
		0 14px 44px rgba(15, 23, 42, 0.07),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	overflow: hidden;
	opacity: 0;
	transform: translateY(26px);
	transition:
		opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.3s ease,
		border-color 0.3s ease;
}
.navi-testimonials__track .navi-testimonial-card {
	flex: 0 0 min(360px, 88vw);
	max-width: min(360px, 88vw);
	scroll-snap-align: start;
	opacity: 1;
	transform: none;
	transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.25s ease;
}
.reveal--active .navi-testimonial-card {
	opacity: 1;
	transform: translateY(0);
}
.reveal--active .navi-testimonials__track .navi-testimonial-card {
	opacity: 1;
	transform: none;
}
.reveal--active .navi-testimonial-card:nth-child(1) {
	transition-delay: 0.1s;
}
.reveal--active .navi-testimonial-card:nth-child(2) {
	transition-delay: 0.2s;
}
.reveal--active .navi-testimonials__track .navi-testimonial-card:nth-child(1),
.reveal--active .navi-testimonials__track .navi-testimonial-card:nth-child(2) {
	transition-delay: 0s;
}
.navi-testimonial-card::before {
	content: "\201C";
	position: absolute;
	top: 18px;
	left: 22px;
	font-size: 3.25rem;
	line-height: 1;
	font-family: var(--navi-font-alt);
	font-weight: 800;
	color: rgba(27, 79, 182, 0.14);
	pointer-events: none;
	z-index: 0;
	animation: navi-soft-glow 6s ease-in-out infinite;
}
.navi-testimonial-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--navi-blue), #38bdf8, var(--navi-accent));
	opacity: 0.85;
	pointer-events: none;
}
.navi-testimonial-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 56px rgba(27, 79, 182, 0.13);
	border-color: rgba(27, 79, 182, 0.22);
}
.reveal--active .navi-testimonial-card:hover {
	transform: translateY(-6px);
}
.navi-testimonial-content {
	font-size: 1.06rem;
	line-height: 1.68;
	color: var(--navi-ink);
	margin: 0 0 26px;
	padding-top: 12px;
	font-style: italic;
	position: relative;
	z-index: 1;
}
.navi-testimonial-meta {
	display: flex;
	align-items: center;
	gap: 15px;
}
.navi-testimonial-name { font-weight: 700; margin: 0; }
.navi-testimonial-role { font-size: 0.9rem; color: var(--navi-muted); }

.navi-blog-news {
	position: relative;
	padding: clamp(88px, 11vw, 120px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 50% 45% at 100% 20%, rgba(5, 150, 105, 0.07) 0%, transparent 55%),
		radial-gradient(ellipse 55% 40% at 0% 0%, rgba(27, 79, 182, 0.06) 0%, transparent 50%),
		linear-gradient(180deg, var(--navi-ice) 0%, #fff 100%);
}
.navi-section-header--blog .navi-section-header__icon {
	margin: 0 auto 14px;
	width: 68px;
	height: 68px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(27, 79, 182, 0.12) 0%, rgba(14, 165, 233, 0.14) 100%);
	color: var(--navi-blue);
	border: 1px solid rgba(27, 79, 182, 0.14);
	box-shadow: 0 10px 28px rgba(27, 79, 182, 0.1);
}
.navi-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(20px, 3vw, 28px);
	margin-top: 0;
	max-width: 1120px;
	margin-inline: auto;
}
@media (min-width: 901px) and (max-width: 1100px) {
	.navi-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.navi-blog-card {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--navi-border-subtle);
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.07);
	position: relative;
	opacity: 0;
	transform: translateY(24px);
	transition:
		opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.65s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.3s ease,
		border-color 0.3s ease;
}
.navi-blog-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--navi-navy), var(--navi-blue), #0ea5e9);
	opacity: 0.9;
	z-index: 1;
	pointer-events: none;
	transform: scaleX(0.35);
	transform-origin: left center;
	transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal--active .navi-blog-card {
	opacity: 1;
	transform: translateY(0);
}
.reveal--active .navi-blog-card:nth-child(1) {
	transition-delay: 0.08s;
}
.reveal--active .navi-blog-card:nth-child(2) {
	transition-delay: 0.16s;
}
.reveal--active .navi-blog-card:nth-child(3) {
	transition-delay: 0.24s;
}
.navi-blog-card:hover {
	transform: translateY(-10px);
	border-color: rgba(27, 79, 182, 0.3);
	box-shadow: 0 26px 56px rgba(27, 79, 182, 0.15);
}
.reveal--active .navi-blog-card:hover {
	transform: translateY(-10px);
}
.navi-blog-card:hover::before {
	transform: scaleX(1);
}
.navi-blog-card__content { padding: clamp(24px, 3vw, 32px); }
.navi-blog-card__title { font-size: 1.22rem; margin: 0 0 14px; line-height: 1.3; }
.navi-blog-card__title a { color: var(--navi-navy); text-decoration: none; transition: color 0.2s; }
.navi-blog-card__title a:hover { color: var(--navi-blue); }
.navi-blog-card__excerpt { font-size: 0.96rem; color: var(--navi-muted); margin: 0 0 18px; line-height: 1.55; }
.navi-blog-card__more { font-weight: 700; color: var(--navi-blue); text-decoration: none; font-size: 0.92rem; }
.navi-blog-card__more:hover { text-decoration: underline; text-underline-offset: 3px; }

.navi-cta-banner {
	position: relative;
	padding: clamp(96px, 12vw, 140px) 0;
	overflow: hidden;
	background:
		radial-gradient(ellipse 100% 80% at 50% -20%, rgba(56, 189, 248, 0.35) 0%, transparent 50%),
		radial-gradient(ellipse 60% 50% at 100% 80%, rgba(27, 79, 182, 0.45) 0%, transparent 45%),
		linear-gradient(165deg, #0f172a 0%, var(--navi-navy) 40%, #020617 100%);
	color: #fff;
	text-align: center;
}
.navi-cta-banner::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='1.2' fill='%23ffffff' fill-opacity='0.06'/%3E%3C/svg%3E");
	opacity: 0.9;
	pointer-events: none;
	animation: navi-mesh-drift 24s ease-in-out infinite;
}
.navi-cta-banner::after {
	content: "";
	position: absolute;
	width: min(480px, 85vw);
	height: min(480px, 85vw);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(56, 189, 248, 0.2) 0%, transparent 65%);
	pointer-events: none;
	animation: navi-cta-pulse 8s ease-in-out infinite;
}
.navi-cta-banner .navi-container {
	position: relative;
	z-index: 1;
}
.navi-cta-banner__inner {
	max-width: 720px;
	margin: 0 auto;
	padding: clamp(28px, 5vw, 44px) clamp(20px, 4vw, 40px);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
	opacity: 0;
	transform: translateY(22px) scale(0.98);
	transition:
		opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal--active .navi-cta-banner__inner {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.navi-cta-banner__title {
	font-size: clamp(1.85rem, 4vw, 2.55rem);
	font-weight: 800;
	margin: 0 0 18px;
	line-height: 1.15;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.25);
}
.navi-cta-banner__text {
	font-size: clamp(1.05rem, 1.5vw, 1.18rem);
	opacity: 0.9;
	line-height: 1.55;
	max-width: 48ch;
	margin: 0 auto 36px;
}
.navi-cta-banner .navi-btn--primary {
	box-shadow: 0 12px 32px rgba(27, 79, 182, 0.45);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.navi-cta-banner .navi-btn--primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 40px rgba(56, 189, 248, 0.35);
}

.navi-contact-z {
	padding: 100px 0;
	background: #fff;
}
.navi-contact-grid-z {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 80px;
	align-items: center;
}
.navi-contact-list-z {
	list-style: none;
	padding: 0;
	margin: 40px 0 0;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.navi-contact-list-z li {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}
.navi-contact-icon-z {
	width: 48px;
	height: 48px;
	background: var(--navi-ice);
	color: var(--navi-blue);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.navi-contact-text-z strong { display: block; margin-bottom: 5px; font-size: 1rem; }
.navi-contact-text-z p { margin: 0; color: var(--navi-muted); }
.navi-map-placeholder {
	border-radius: 24px;
	overflow: hidden;
	height: 450px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* Sticky Header */
.navi-header {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 1000;
	padding: clamp(18px, 1.2vw + 14px, 24px) 0;
	transition: background 0.3s, box-shadow 0.3s, padding 0.3s;
}
/* İç sayfalar: hero yok, baştan okunaklı üst çubuk */
.navi-header--solid {
	background: var(--navi-bg-section);
	box-shadow: 0 1px 0 var(--navi-border-subtle);
}
.navi-header--solid:not(.navi-header--scrolled) {
	box-shadow: 0 1px 0 var(--navi-border-subtle);
}
.navi-header--solid .navi-logo__text { color: var(--navi-navy); }
.navi-header--solid .navi-menu a { color: var(--navi-navy); opacity: 0.88; }
.navi-header--solid .navi-menu a:hover { opacity: 1; }
.navi-header--solid .navi-btn--ghost { color: var(--navi-blue); border-color: rgba(27, 79, 182, 0.35); }
.navi-header--solid .navi-menu-toggle span { background: var(--navi-navy); }
/* Ana sayfada (over-hero) aşağı kaydırınca üst çubuk açık renge döner; hamburger de koyu olmalı (beyaz üzerinde görünsün). */
.navi-header--scrolled .navi-menu-toggle span { background: var(--navi-navy); }

body:not(.navi-panel) .navi-header--solid + .navi-main {
	padding-top: 102px;
	padding-bottom: 72px;
}

.navi-header--scrolled {
	background: #fff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	padding: 15px 0;
}
.navi-header--scrolled .navi-logo__text { color: var(--navi-navy); }
.navi-header--scrolled .navi-menu a { color: var(--navi-navy); opacity: 0.88; }
.navi-header--scrolled .navi-menu a:hover { opacity: 1; }
.navi-header--scrolled .navi-btn--ghost { color: var(--navi-blue); border-color: var(--navi-blue); }

/* Animations */
.reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal--active {
	opacity: 1;
	transform: translateY(0);
}

.navi-footer {
	position: relative;
	overflow: hidden;
	background: linear-gradient(165deg, #020617 0%, var(--navi-dark-blue) 42%, #020617 100%);
	color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.navi-footer__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: url("../img/footer/navi-footer-bg.svg");
	background-size: cover;
	background-position: center bottom;
	opacity: 0.85;
	mix-blend-mode: normal;
}

.navi-footer__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(2, 6, 23, 0.45) 0%, rgba(2, 6, 23, 0.72) 55%, rgba(2, 6, 23, 0.88) 100%);
}

.navi-footer__wrap {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: clamp(52px, 7vw, 88px) clamp(16px, 4vw, 72px) clamp(24px, 3vw, 36px);
	box-sizing: border-box;
}

.navi-footer__grid {
	display: grid;
	grid-template-columns: minmax(200px, 1.12fr) repeat(4, minmax(0, 1fr));
	gap: clamp(22px, 3.2vw, 36px) clamp(14px, 2.2vw, 24px);
	align-items: start;
}

@media (max-width: 1100px) {
	.navi-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.navi-footer__col--brand {
		grid-column: 1 / -1;
		max-width: 52ch;
	}
}

.navi-footer__col {
	min-width: 0;
}

.navi-footer__logo-link {
	text-decoration: none;
	color: #fff;
}
.navi-footer__logo-link .navi-logo__text {
	font-size: clamp(1.5rem, 2vw, 1.85rem);
}

.navi-footer__irim-line {
	margin: 10px 0 0;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.45);
}

.navi-footer__description {
	margin: 12px 0 0;
	opacity: 0.72;
	font-size: 0.92rem;
	line-height: 1.6;
	max-width: 40ch;
}

.navi-footer__menu--contact a {
	opacity: 0.88;
	font-weight: 600;
}

.navi-footer__address {
	margin: 14px 0 0;
	font-size: 0.82rem;
	line-height: 1.55;
	opacity: 0.58;
	max-width: 36ch;
}

.navi-footer__map-trust {
	margin-top: clamp(28px, 4vw, 40px);
	padding-top: clamp(22px, 3.5vw, 32px);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	width: 100%;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
	gap: clamp(18px, 2.5vw, 28px);
	align-items: stretch;
	box-sizing: border-box;
}

.navi-footer__trust-aside {
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 16px;
	padding: clamp(20px, 2.8vw, 30px);
	box-sizing: border-box;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.navi-footer__map-trust .navi-footer__trust-bar-inner {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0;
	width: 100%;
	max-width: none;
}

.navi-footer__map-col {
	min-width: 0;
	display: flex;
	align-items: stretch;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 16px;
	padding: clamp(10px, 1.4vw, 14px);
	box-sizing: border-box;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.navi-footer__trust-bar-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: clamp(14px, 2vw, 22px) clamp(20px, 3vw, 36px);
}

.navi-footer__map-trust .navi-footer__trust-pill {
	align-items: center;
	text-align: center;
	width: 100%;
	padding-top: clamp(14px, 2vw, 20px);
	margin-top: clamp(14px, 2vw, 20px);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
}

.navi-footer__trust-pill {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}

.navi-footer__map-trust .navi-footer__trust-partners {
	justify-content: center;
	width: 100%;
}

.navi-footer__trust-partners {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px 20px;
}

.navi-footer__cevir-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	opacity: 0.92;
	transition: opacity 0.2s;
}

.navi-footer__cevir-link:hover {
	opacity: 1;
}

.navi-footer__cevir-img {
	max-height: 36px;
	width: auto;
	display: block;
}

.navi-footer__map-trust .navi-footer__iso-logos {
	justify-content: center;
	margin-top: clamp(14px, 2vw, 20px);
	padding-top: clamp(14px, 2vw, 20px);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	width: 100%;
	box-sizing: border-box;
}

.navi-footer__iso-logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 14px;
	padding-top: 2px;
}

.navi-footer__iso-img {
	width: 56px;
	height: 56px;
	object-fit: contain;
	display: block;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
	padding: 4px;
	box-sizing: border-box;
}

.navi-footer__tuced-img {
	max-height: 44px;
	width: auto;
	display: block;
}

.navi-footer__trust-caption {
	font-size: 0.68rem;
	line-height: 1.3;
	opacity: 0.5;
	max-width: 20ch;
}

.navi-footer__map-trust .navi-footer__trust-caption {
	max-width: 36ch;
	margin-inline: auto;
	text-align: center;
	opacity: 0.62;
}

.navi-footer__irim-img {
	max-height: 40px;
	width: auto;
	display: block;
	border-radius: 6px;
}

.navi-footer__payment-row {
	margin-top: clamp(18px, 2.5vw, 26px);
	padding: clamp(16px, 2.4vw, 24px) 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}

.navi-footer__payment-band {
	padding: 10px clamp(14px, 3vw, 32px);
	background: rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	width: 100%;
	max-width: min(760px, 92%);
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.navi-footer__logo-band-img {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: clamp(26px, 3.2vw, 36px);
	object-fit: contain;
	vertical-align: middle;
	opacity: 0.9;
}

.navi-footer__title {
	font-size: 0.78rem;
	font-weight: 800;
	margin: 0 0 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.92);
}

.navi-footer__menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.navi-footer__menu li {
	margin-bottom: 10px;
}
.navi-footer__menu a {
	color: #fff;
	opacity: 0.62;
	text-decoration: none;
	font-size: 0.91rem;
	transition: opacity 0.2s, color 0.2s;
}
.navi-footer__menu a:hover {
	opacity: 1;
	color: #e0f2fe;
}

.navi-footer__map-col .navi-footer__map {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 240px;
}

.navi-footer__map {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	background: rgba(0, 0, 0, 0.22);
}

.navi-footer__map iframe {
	display: block;
	width: 100%;
	flex: 1;
	min-height: 240px;
	height: 260px;
	border: 0;
}

.navi-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: clamp(16px, 2.2vw, 22px);
	margin-top: 0;
	text-align: center;
}

.navi-footer__copyright {
	margin: 0;
	opacity: 0.48;
	font-size: 0.8rem;
	line-height: 1.5;
}

.navi-contact-page__grid {
	display: grid;
	grid-template-columns: 1fr minmax(280px, 400px);
	gap: clamp(28px, 4vw, 40px);
	margin-top: 28px;
	align-items: start;
}
.navi-contact-page__h {
	margin: 0 0 10px;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--navi-muted);
}
.navi-contact-page__p {
	margin: 0;
	line-height: 1.65;
}
.navi-contact-page__p a {
	color: var(--navi-blue);
	font-weight: 600;
	text-decoration: none;
}
.navi-contact-page__p a:hover {
	text-decoration: underline;
}
.navi-contact-page__address {
	font-style: normal;
	line-height: 1.65;
	color: var(--navi-ink);
}
.navi-contact-page__map {
	border-radius: var(--navi-radius-lg);
	overflow: hidden;
	border: 1px solid var(--navi-border-subtle);
	box-shadow: var(--navi-shadow-soft);
}
.navi-contact-page__map iframe {
	display: block;
	width: 100%;
	height: 280px;
	border: 0;
}
.navi-contact-page__body {
	margin-top: 32px;
	padding-top: 28px;
	border-top: 1px solid var(--navi-border-subtle);
}

.navi-cookie-bar {
	position: fixed;
	left: 50%;
	bottom: max(12px, env(safe-area-inset-bottom, 0));
	transform: translateX(-50%);
	z-index: 9999;
	width: min(720px, calc(100% - 24px));
	padding: 0;
	color: var(--navi-ink, #0f172a);
	pointer-events: none;
}
.navi-cookie-bar[hidden],
.navi-cookie-bar.is-dismissed {
	display: none !important;
}
.navi-cookie-bar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	padding: 12px 14px 12px 16px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(15, 23, 42, 0.1);
	box-shadow:
		0 10px 40px rgba(15, 23, 42, 0.12),
		0 1px 0 rgba(255, 255, 255, 0.85) inset;
	backdrop-filter: blur(12px) saturate(1.15);
	pointer-events: auto;
}
.navi-cookie-bar__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.navi-cookie-bar__text-block {
	flex: 1 1 200px;
	min-width: 0;
}
.navi-cookie-bar__lede {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--navi-ink, #334155);
	font-weight: 500;
}
.navi-cookie-bar__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 12px;
	margin-top: 6px;
}
.navi-cookie-bar__link {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--navi-blue, #1b4fb6);
	text-decoration: none;
	border-bottom: 1px solid rgba(27, 79, 182, 0.35);
	padding-bottom: 1px;
	transition: color 0.15s ease, border-color 0.15s ease;
}
.navi-cookie-bar__link:hover {
	color: var(--navi-navy, #0f2744);
	border-bottom-color: rgba(15, 39, 68, 0.45);
}
.navi-cookie-bar__actions {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex: 0 0 auto;
}
.navi-cookie-bar__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 14px;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	border: 1px solid transparent;
	transition:
		background 0.15s ease,
		color 0.15s ease,
		border-color 0.15s ease,
		box-shadow 0.15s ease,
		transform 0.12s ease;
	white-space: nowrap;
}
.navi-cookie-bar__btn--ghost {
	background: rgba(15, 23, 42, 0.04);
	color: var(--navi-ink, #334155);
	border-color: rgba(15, 23, 42, 0.12);
}
.navi-cookie-bar__btn--ghost:hover {
	background: rgba(15, 23, 42, 0.07);
	border-color: rgba(15, 23, 42, 0.18);
}
.navi-cookie-bar__btn--primary {
	color: #fff;
	background: linear-gradient(165deg, #3b82f6 0%, var(--navi-blue, #1b4fb6) 50%, #1e3a8a 100%);
	border-color: rgba(27, 79, 182, 0.35);
	box-shadow: 0 4px 14px rgba(27, 79, 182, 0.28);
}
.navi-cookie-bar__btn--primary:hover {
	filter: brightness(1.04);
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(27, 79, 182, 0.34);
}
.navi-cookie-bar__btn--primary:active {
	transform: translateY(0);
}
@media (max-width: 560px) {
	.navi-cookie-bar {
		width: calc(100% - 16px);
		bottom: max(8px, env(safe-area-inset-bottom, 0));
	}
	.navi-cookie-bar__inner {
		flex-direction: column;
		align-items: stretch;
		padding: 12px 14px;
	}
	.navi-cookie-bar__actions {
		width: 100%;
		justify-content: stretch;
	}
	.navi-cookie-bar__btn {
		flex: 1 1 0;
		min-width: 0;
	}
}

@media (max-width: 1200px) {
	/* backdrop-filter, Android Chrome’da bu öğe içindeki position:fixed .navi-nav’i viewport yerine
	   içeriğe göre boyutlandırabiliyor; menü sadece “Menü” başlığı alanına sıkışıyor. Bulanık yerine hafif opak yüzey. */
	.navi-header--over-hero:not(.navi-header--scrolled) .navi-header__inner {
		width: min(1440px, 100% - 20px);
		border-radius: 18px;
		padding: 12px 16px;
		background: linear-gradient(
			165deg,
			rgba(15, 23, 42, 0.52) 0%,
			rgba(30, 58, 95, 0.4) 52%,
			rgba(15, 23, 42, 0.5) 100%
		);
		border: 1px solid rgba(255, 255, 255, 0.2);
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		box-shadow:
			0 10px 32px rgba(0, 8, 24, 0.26),
			inset 0 1px 0 rgba(255, 255, 255, 0.12);
	}
	/*
	 * Mobil menü: backdrop DOM’da header’dan sonra; z-index header (1000) üstüne çıkmamalıydı —
	 * aksi halde backdrop tüm tıklamaları keser. Menü açıkken .navi-header yükseltilir (aşağıda).
	 * Bulanıklık: backdrop-filter kaldırıldı (net metin + güvenilir tıklama).
	 */
	.navi-mobile-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 10040;
		background: rgba(15, 23, 42, 0.5);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.28s ease, visibility 0.28s ease;
		cursor: pointer;
	}
	body.navi-mobile-nav--open .navi-mobile-backdrop {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	/* Menü açık: header + içindeki .navi-nav backdrop’un üstünde (tıklanabilir) */
	body.navi-mobile-nav--open .navi-header {
		z-index: 10050;
	}
	/* Telefon + tablet: üst bar içerik + cookie (9999) üstü; menü açıkken 10050 aşağıda, bununla ezip bırakma. */
	body:not(.navi-panel):not(.navi-mobile-nav--open) .navi-header {
		z-index: 10002;
	}
	/* Hamburger, tam ekran .navi-nav’ın üstünde (aç/kapa) */
	.navi-header__inner {
		position: relative;
		z-index: 0;
	}
	.navi-menu-toggle {
		display: block;
		position: relative;
		z-index: 30;
	}
	.navi-nav {
		position: fixed;
		inset: 0;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		margin: 0;
		z-index: 20;
		background: #fff;
		flex-direction: column;
		align-items: stretch;
		box-sizing: border-box;
		padding: calc(env(safe-area-inset-top, 0px) + 12px) max(16px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom, 0px) + 16px) max(16px, env(safe-area-inset-left));
		gap: 0;
		min-height: 100%;
		height: 100%;
		min-height: 100vh;
		min-height: 100dvh;
		min-height: 100svh;
		min-height: -webkit-fill-available;
		transform: translateX(100%);
		transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
		box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-font-smoothing: antialiased;
	}
	.navi-nav.is-open {
		transform: translateX(0);
	}
	.navi-mobile-menu-head {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		margin: 0 0 8px;
		padding-bottom: 16px;
		border-bottom: 1px solid rgba(15, 23, 42, 0.08);
	}
	.navi-mobile-menu-head__title {
		font-size: 1.35rem;
		font-weight: 800;
		letter-spacing: -0.03em;
		color: var(--navi-navy, #0f172a);
	}
	/* Masaüstü hero’daki gölge; açık panelde çift hat / bulanık katman etkisi vermesin. */
	.navi-nav .navi-menu a,
	.navi-nav .navi-nav__pill,
	.navi-nav .navi-menu a:hover {
		text-shadow: none !important;
	}
	.navi-menu {
		flex-direction: column;
		gap: 0;
		width: 100%;
		flex: 1 1 auto;
	}
	.navi-menu li {
		border-bottom: 1px solid rgba(241, 245, 249, 0.95);
	}
	.navi-menu .sub-menu {
		list-style: none;
		margin: 0;
		padding: 0 0 8px 14px;
		border-left: 2px solid rgba(27, 79, 182, 0.2);
		margin-left: 6px;
	}
	.navi-menu .sub-menu a {
		padding: 10px 0 !important;
		font-size: 0.98rem !important;
		font-weight: 600 !important;
	}
	.navi-menu a {
		display: block;
		padding: 16px 4px;
		color: var(--navi-navy) !important;
		opacity: 1 !important;
		font-size: 1.06rem;
		letter-spacing: -0.02em;
	}
	.navi-nav__actions {
		flex-direction: column;
		width: 100%;
		margin-top: 18px;
		gap: 10px;
	}
	.navi-nav__auth {
		flex-direction: column;
		width: 100%;
		gap: 10px;
	}
	.navi-nav__pill {
		width: 100%;
		min-height: 46px;
	}
	.navi-header--over-hero:not(.navi-header--scrolled) .navi-nav__pill--login {
		color: var(--navi-navy);
		background: rgba(255, 255, 255, 0.92);
		border-color: rgba(15, 23, 42, 0.12);
	}
	.navi-header--over-hero:not(.navi-header--scrolled) .navi-nav__pill--login:hover {
		background: #fff;
	}
	.navi-header--over-hero:not(.navi-header--scrolled) .navi-nav__pill--register {
		background: var(--navi-blue);
		color: #fff;
	}
	.navi-nav__actions .navi-btn { width: 100%; }
	.navi-nav__actions .navi-btn--ghost {
		color: var(--navi-blue) !important;
		border-color: var(--navi-blue);
	}
	.navi-header--over-hero:not(.navi-header--scrolled) .navi-menu-toggle span {
		background: #fff;
	}
	/* Menü açıkken hamburger koyu (beyaz panel üzerinde görünsün) */
	body.navi-mobile-nav--open .navi-menu-toggle span {
		background: var(--navi-navy, #0f172a) !important;
	}
	.navi-blog-grid,
	.navi-testimonials__grid,
	.navi-contact-grid-z,
	.navi-advantages-grid-z,
	.navi-services-grid-z { grid-template-columns: 1fr; }
}

/* Mobil menü açık: arka planda scroll kilidi (body top ile birlikte main.js) */
html.navi-mobile-nav--open,
html.navi-mobile-nav--open body {
	overflow: hidden;
}
body.navi-panel {
	background: var(--navi-ice);
}
body.navi-panel .navi-header {
	position: relative;
	background: var(--navi-navy);
	box-shadow: none;
}
body.navi-panel .navi-header .navi-logo__text { color: #fff; }
body.navi-panel .navi-header .navi-menu a { color: #fff; opacity: 0.85; }
body.navi-panel .navi-header .navi-btn--ghost {
	color: #fff;
	border-color: rgba(255,255,255,0.35);
}
/* ══════════════════════════════════════════════════
   Navi Müşteri Paneli — Yeni tasarım (.np__)
   ══════════════════════════════════════════════════ */

/* Siteye ait header ve footer panelde gizlenir */
body.navi-panel .navi-header,
body.navi-panel .navi-footer { display: none !important; }

/* navi-main gizlenmez — panel içeriği onun içinde; sadece sıfırlanır */
body.navi-panel .navi-main {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
	background: none !important;
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box;
}
body.navi-panel { background: #f0f4f8; }
body.np--nav-open { overflow: hidden; }

/* Temel layout — ana sütun tüm kalan genişliği kullanır */
.np {
	display: flex;
	min-height: 100vh;
	width: 100%;
	max-width: none;
	min-width: 0;
	position: relative;
	--np-sidebar-w: 256px;
	--np-blue: #1b4fb6;
	--np-navy: #0c1a35;
	--np-ink: #0f172a;
	--np-muted: #64748b;
	--np-border: rgba(15,23,42,0.07);
	--np-bg: #f0f4f8;
	--np-card: #fff;
}

/* Overlay */
.np__overlay {
	position: fixed;
	inset: 0;
	z-index: 9998;
	background: rgba(10,20,40,0.55);
	backdrop-filter: blur(2px);
	cursor: pointer;
}
.np__overlay[hidden] { display: none !important; }

/* ── Sidebar ── */
.np__sidebar {
	width: var(--np-sidebar-w);
	flex-shrink: 0;
	position: sticky;
	top: 0;
	height: 100vh;
	overflow-y: auto;
	scrollbar-width: none;
	display: flex;
	flex-direction: column;
	background: var(--np-navy);
	background: linear-gradient(185deg, #0d1f3c 0%, #0a1628 60%, #07101f 100%);
	z-index: 10;
}
.np__sidebar::-webkit-scrollbar { display: none; }

.np__sidebar-head {
	padding: 22px 20px 14px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.np__logo {
	display: inline-flex;
	align-items: baseline;
	gap: 1px;
	text-decoration: none;
	font-family: var(--navi-font-alt, system-ui);
	font-weight: 900;
	font-size: 1.45rem;
	letter-spacing: -0.04em;
}
.np__logo-word { color: #fff; }
.np__logo-dot { color: #4f8cff; }

.np__user-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.np__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: linear-gradient(135deg, #3b82f6 0%, #1b4fb6 100%);
	color: #fff;
	font-weight: 800;
	font-size: 0.95rem;
	flex-shrink: 0;
}
.np__avatar--sm { width: 28px; height: 28px; font-size: 0.75rem; }
.np__avatar--lg {
	width: 56px;
	height: 56px;
	font-size: 1.5rem;
}

.np__user-info { min-width: 0; }
.np__user-name {
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.np__user-pkg {
	display: block;
	font-size: 0.72rem;
	color: rgba(255,255,255,0.45);
	margin-top: 2px;
}

/* Nav */
.np__nav {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 14px 12px;
}
.np__nav-label {
	display: block;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: rgba(255,255,255,0.25);
	padding: 8px 8px 4px;
	margin-top: 4px;
}
.np__nav-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 9px 10px;
	border: none;
	border-radius: 10px;
	background: transparent;
	color: rgba(255,255,255,0.6);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 500;
	cursor: pointer;
	text-align: left;
	transition: background 0.15s, color 0.15s;
	position: relative;
}
.np__nav-btn:hover {
	background: rgba(255,255,255,0.07);
	color: #fff;
}
.np__nav-btn.is-active {
	background: rgba(59,130,246,0.22);
	color: #fff;
	font-weight: 700;
	box-shadow: inset 3px 0 0 #3b82f6;
}
.np__nav-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	opacity: 0.75;
}
.np__nav-btn.is-active .np__nav-icon,
.np__nav-btn:hover .np__nav-icon { opacity: 1; }

.np__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #ef4444;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	margin-left: auto;
}

.np__sidebar-footer {
	padding: 14px 12px 18px;
	border-top: 1px solid rgba(255,255,255,0.06);
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.np__sidebar-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 8px;
	color: rgba(255,255,255,0.45);
	text-decoration: none;
	font-size: 0.83rem;
	transition: color 0.15s, background 0.15s;
}
.np__sidebar-link:hover { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.75); }
.np__sidebar-link svg { width: 14px; height: 14px; }

/* ── Mobil header ── */
.np__mobile-bar {
	display: none;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9997;
	height: 52px;
	padding: 0 16px;
	background: var(--np-navy);
	border-bottom: 1px solid rgba(255,255,255,0.07);
}
.np__mobile-title {
	flex: 1;
	min-width: 0;
	text-align: center;
	font-size: 0.88rem;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.92);
	letter-spacing: -0.02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
}
.np__mobile-logo {
	display: flex;
	align-items: baseline;
	gap: 1px;
	text-decoration: none;
	font-family: var(--navi-font-alt, system-ui);
	font-weight: 900;
	font-size: 1.25rem;
	letter-spacing: -0.04em;
}
.np__mobile-logo-word { color: #fff; }
.np__mobile-logo-dot { color: #4f8cff; }
.np__mobile-logo--brand .np__mobile-logo-word {
	color: #e11d48;
}
.np__mobile-logo--brand .np__mobile-logo-dot {
	color: #2563eb;
}
.np__burger {
	display: flex;
	flex-direction: column;
	gap: 5px;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 8px;
	background: rgba(255,255,255,0.08);
	cursor: pointer;
}
.np__burger span {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 1px;
	background: rgba(255,255,255,0.85);
	transition: transform 0.2s;
}

/* ── Ana içerik ── */
.np__main {
	flex: 1;
	min-width: 0;
	width: 100%;
	max-width: none;
	display: flex;
	flex-direction: column;
	background: var(--np-bg);
}

/* Topbar */
.np__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 32px;
	height: 60px;
	background: #fff;
	border-bottom: 1px solid var(--np-border);
	position: sticky;
	top: 0;
	z-index: 5;
	flex-shrink: 0;
}
.np__topbar-title {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--np-ink);
	letter-spacing: -0.02em;
	line-height: 1.2;
}
.np__topbar-right {
	display: flex;
	align-items: center;
	gap: 12px;
}
.np__topbar-user {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--np-ink);
}

/* Views container — üst çubukla aynı yatay boşluk, tam genişlik */
.np__views {
	flex: 1;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 12px 32px 32px;
}
.np__view[hidden] { display: none !important; }
.np__view {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}
/* Sekme başlığı üstte; içeride yalnızca açıklama veya araç çubuğu */
.np__view-lead {
	margin: 0 0 18px;
	max-width: 52rem;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--np-muted);
}
.np__view-toolbar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin: 0 0 16px;
}
.np__card--stretch {
	width: 100%;
	min-height: 220px;
	display: flex;
	flex-direction: column;
}
.np__card--stretch .np__empty {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
}

/* View header */
.np__view-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 24px;
}
.np__view-title {
	margin: 0;
	font-size: 1.65rem;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--np-ink);
	line-height: 1.15;
}
.np__view-sub {
	margin: 4px 0 0;
	font-size: 0.9rem;
	color: var(--np-muted);
}

/* Stat kartları */
.np__stats {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 14px;
	margin-bottom: 32px;
}
.np__stat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 18px 20px;
	border-radius: 16px;
	border: 1px solid var(--np-border);
	background: #fff;
	box-shadow: 0 2px 8px rgba(15,23,42,0.04);
}
.np__stat--blue {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border-color: rgba(59,130,246,0.2);
}
.np__stat--amber {
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
	border-color: rgba(245,158,11,0.22);
}
.np__stat--teal {
	background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%);
	border-color: rgba(20,184,166,0.22);
}
.np__stat--wide {
	grid-column: 1 / -1;
	flex-direction: row;
	align-items: center;
	gap: 12px;
}
.np__stat-value {
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1;
	color: var(--np-ink);
	letter-spacing: -0.04em;
}
.np__stat-label {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--np-muted);
	margin-top: 4px;
}
.np__stat--wide .np__stat-label { margin-top: 0; font-size: 0.82rem; }
.np__stat-text {
	margin: 4px 0 0;
	font-size: 0.9rem;
	color: var(--np-ink);
}

/* Section title */
.np__section-title {
	margin: 0 0 14px;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--np-ink);
}

/* Hızlı eylemler */
.np__quick-actions {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 14px;
	margin-bottom: 32px;
}
.np__qa {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px;
	border-radius: 16px;
	background: #fff;
	border: 1.5px solid var(--np-border);
	cursor: pointer;
	font: inherit;
	text-align: left;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.18s, box-shadow 0.18s, transform 0.15s;
}
.np__qa:hover {
	border-color: rgba(59,130,246,0.35);
	box-shadow: 0 8px 24px rgba(27,79,182,0.1);
	transform: translateY(-2px);
}
.np__qa-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	margin-bottom: 2px;
}
.np__qa-icon svg { width: 20px; height: 20px; color: var(--np-blue); }
.np__qa-icon--msg { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); }
.np__qa-icon--msg svg { color: #16a34a; }
.np__qa-icon--denklik { background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%); }
.np__qa-icon--denklik svg { color: #ca8a04; }
.np__qa-icon--hizmet { background: linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%); }
.np__qa-icon--hizmet svg { color: #9333ea; }
.np__qa-title {
	display: block;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--np-ink);
}
.np__qa-desc {
	font-size: 0.78rem;
	color: var(--np-muted);
}

/* Kart */
.np__card {
	background: var(--np-card);
	border-radius: 18px;
	padding: 24px 28px;
	border: 1px solid var(--np-border);
	box-shadow: 0 2px 12px rgba(15,23,42,0.04);
}
.np__card-title {
	margin: 0 0 16px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--np-ink);
}
.np__card-desc {
	margin: 0 0 16px;
	font-size: 0.9rem;
	color: var(--np-muted);
	line-height: 1.6;
}

/* Butonlar */
.np__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 40px;
	padding: 0 18px;
	border-radius: 10px;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid transparent;
	text-decoration: none;
	transition: filter 0.15s, transform 0.12s, box-shadow 0.15s;
	white-space: nowrap;
}
.np__btn--primary {
	color: #fff;
	background: linear-gradient(155deg, #4f8cff 0%, var(--np-blue) 45%, #1e3a8a 100%);
	border-color: rgba(27,79,182,0.3);
	box-shadow: 0 4px 14px rgba(27,79,182,0.28);
}
.np__btn--primary:hover {
	filter: brightness(1.06);
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(27,79,182,0.34);
}
.np__btn--primary:active { transform: translateY(0); }
.np__btn--ghost {
	background: rgba(15,23,42,0.04);
	color: var(--np-ink);
	border-color: rgba(15,23,42,0.12);
}
.np__btn--ghost:hover { background: rgba(15,23,42,0.07); border-color: rgba(15,23,42,0.18); }
.np__btn svg { width: 14px; height: 14px; }
.np__btn-row {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 16px;
}

/* Form elemanları */
.np__form { display: flex; flex-direction: column; gap: 14px; }
.np__form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.np__field { display: flex; flex-direction: column; gap: 5px; }
.np__field-label {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--np-muted);
}
.np__input,
.np__select,
.np__textarea {
	padding: 10px 12px;
	border: 1.5px solid rgba(15,23,42,0.1);
	border-radius: 10px;
	font: inherit;
	font-size: 0.9rem;
	background: #f8fafc;
	color: var(--np-ink);
	transition: border-color 0.15s, box-shadow 0.15s;
}
.np__input:focus,
.np__select:focus,
.np__textarea:focus {
	outline: none;
	border-color: rgba(59,130,246,0.5);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}
.np__textarea { resize: vertical; min-height: 100px; }

/* File upload */
.np__file-wrap { position: relative; }
.np__file-input {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.np__file-label {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border: 1.5px dashed rgba(15,23,42,0.15);
	border-radius: 10px;
	background: #f8fafc;
	color: var(--np-muted);
	font-size: 0.85rem;
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s;
}
.np__file-label svg { width: 16px; height: 16px; }
.np__file-wrap:hover .np__file-label {
	border-color: rgba(59,130,246,0.4);
	background: #eff6ff;
	color: var(--np-blue);
}

/* Tablo */
.np__table-wrap { overflow-x: auto; border-radius: 10px; border: 1px solid var(--np-border); }
.np__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.88rem;
}
.np__table th {
	padding: 10px 14px;
	text-align: left;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--np-muted);
	background: #f8fafc;
	border-bottom: 1px solid var(--np-border);
}
.np__table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--np-border);
	color: var(--np-ink);
}
.np__table tr:last-child td { border-bottom: none; }
.np__table tr[data-row="ok"] td { color: #15803d; }
.np__table tr[data-row="bad"] td { color: #b91c1c; }
.np__table tr[data-row="wait"] td { color: #92400e; }

/* Status badge */
.np__status {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 99px;
	font-size: 0.72rem;
	font-weight: 700;
	background: rgba(27,79,182,0.1);
	color: var(--np-blue);
}
.np__status--ok { background: rgba(22,163,74,0.1); color: #15803d; }
.np__status--bad { background: rgba(220,38,38,0.1); color: #b91c1c; }
.np__status--wait { background: rgba(245,158,11,0.12); color: #92400e; }

/* Empty state */
.np__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 48px 24px;
	text-align: center;
	color: var(--np-muted);
}
.np__empty svg { width: 56px; height: 56px; color: var(--np-muted); }
.np__empty p { margin: 0; font-size: 0.9rem; }
.np__empty--sm { padding: 24px 16px; }
.np__empty--sm svg { width: 40px; height: 40px; }

/* Alert */
.np__alert {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 10px;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 14px;
}
.np__alert--ok { background: #f0fdf4; color: #15803d; border: 1px solid rgba(22,163,74,0.2); }
.np__alert--err { background: #fef2f2; color: #b91c1c; border: 1px solid rgba(220,38,38,0.2); }

/* Status banner */
.np__status-banner {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 18px 20px;
	border-radius: 14px;
	background: #f8fafc;
	border: 1px solid var(--np-border);
}
.np__status-banner--blue { background: #eff6ff; border-color: rgba(59,130,246,0.2); }
.np__status-banner--amber { background: #fffbeb; border-color: rgba(245,158,11,0.22); }
.np__status-banner-icon { width: 40px; height: 40px; flex-shrink: 0; color: var(--np-blue); }
.np__status-banner-icon svg { width: 40px; height: 40px; }
.np__status-banner-title { font-size: 0.78rem; font-weight: 600; color: var(--np-muted); margin: 0 0 4px; text-transform: uppercase; letter-spacing: 0.05em; }
.np__status-banner-value { font-size: 1rem; font-weight: 700; color: var(--np-ink); margin: 0; }

/* Notifications */
.np__notif-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; }
.np__notif-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid var(--np-border);
}
.np__notif-item:last-child { border-bottom: none; }
.np__notif-dot {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--np-blue);
	margin-top: 6px;
}
.np__notif-text { margin: 0; font-size: 0.88rem; color: var(--np-ink); }
.np__notif-time { font-size: 0.75rem; color: var(--np-muted); }

/* Activity */
.np__activity-list { list-style: none; padding: 0; margin: 0; }
.np__activity-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid var(--np-border);
}
.np__activity-item:last-child { border-bottom: none; }
.np__activity-dot {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(59,130,246,0.4);
	margin-top: 6px;
}
.np__activity-content { min-width: 0; }
.np__activity-text { margin: 0 0 2px; font-size: 0.88rem; color: var(--np-ink); }
.np__activity-time { font-size: 0.75rem; color: var(--np-muted); }

/* Chat */
.np__chat-log {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 400px;
	overflow-y: auto;
}
.np__chat-msg {
	max-width: 88%;
	padding: 10px 14px;
	border-radius: 14px;
}
.np__chat-msg--me {
	align-self: flex-end;
	background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
	border: 1px solid rgba(59,130,246,0.2);
}
.np__chat-msg--ops {
	align-self: flex-start;
	background: #f1f5f9;
	border: 1px solid var(--np-border);
}
.np__chat-meta { font-size: 0.72rem; color: var(--np-muted); margin-bottom: 4px; }
.np__chat-body { font-size: 0.9rem; white-space: pre-wrap; color: var(--np-ink); }
.np__reply-row { display: flex; gap: 10px; align-items: flex-end; }
.np__reply-row .np__textarea { flex: 1; min-height: 80px; }
.np__back-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.83rem;
	font-weight: 600;
	color: var(--np-blue);
	text-decoration: none;
	margin-bottom: 16px;
}
.np__back-link svg { width: 14px; height: 14px; }

/* Threads */
.np__thread-list { list-style: none; padding: 0; margin: 0; }
.np__thread-item {
	border-bottom: 1px solid var(--np-border);
}
.np__thread-item:last-child { border-bottom: none; }
.np__thread-item a {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 14px 0;
	text-decoration: none;
	color: var(--np-ink);
}
.np__thread-item a:hover strong { color: var(--np-blue); }
.np__thread-item strong { font-size: 0.9rem; }

/* Form reply */
.np__form--reply { margin-top: 8px; }

/* Meter */
.np__pkg-banner {
	margin-bottom: 20px;
}
.np__pkg-label {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--np-ink);
	margin-bottom: 4px;
}
.np__meter-wrap { margin-bottom: 20px; }
.np__meter-head {
	display: flex;
	justify-content: space-between;
	font-size: 0.82rem;
	color: var(--np-muted);
	margin-bottom: 8px;
}
.np__meter-head strong { color: var(--np-ink); font-weight: 700; }
.np__meter-bar {
	height: 10px;
	background: #e2e8f0;
	border-radius: 99px;
	overflow: hidden;
}
.np__meter-fill {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #3b82f6 0%, #1b4fb6 100%);
	border-radius: 99px;
	transition: width 0.5s ease;
}

/* Profile */
.np__profile-hero {
	display: flex;
	align-items: center;
	gap: 18px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--np-border);
	margin-bottom: 4px;
}
.np__profile-name { margin: 0 0 2px; font-size: 1.25rem; font-weight: 800; }

/* CV ready */
.np__cv-ready {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 32px;
	text-align: center;
}
.np__cv-ready svg { width: 64px; height: 64px; color: var(--np-muted); }
.np__cv-ready p { margin: 0; font-size: 1rem; font-weight: 700; color: var(--np-ink); }

/* Info box */
.np__info-box {
	padding: 16px 18px;
	border-radius: 12px;
	background: #eff6ff;
	border: 1px solid rgba(59,130,246,0.2);
}
.np__info-box strong { display: block; font-size: 0.9rem; color: var(--np-blue); margin-bottom: 4px; }
.np__info-box p { margin: 0; font-size: 0.85rem; color: #1e40af; }

/* Signature */
.np__signature-wrap { margin: 16px 0; }
.navi-signature-canvas {
	display: block;
	max-width: 100%;
	width: 100%;
	border: 1.5px solid rgba(15,23,42,0.12);
	border-radius: 12px;
	touch-action: none;
	background: #fff;
	cursor: crosshair;
	box-shadow: inset 0 1px 4px rgba(15,23,42,0.04);
}

/* Misc */
.np__muted { color: var(--np-muted); font-size: 0.88rem; }
.np__link { color: var(--np-blue); font-weight: 600; text-decoration: none; }
.np__link:hover { text-decoration: underline; }

/* ── Responsive ── */
@media (max-width: 1024px) {
	.np__sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 9999;
		transform: translateX(-105%);
		transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.np--nav-open .np__sidebar {
		transform: translateX(0);
	}
	.np__mobile-bar { display: flex; }
	.np__main { padding-top: 52px; }
	.np__topbar { display: none; }
	.np__views { padding: 20px 16px 40px; }
	.np__form-row { grid-template-columns: 1fr; }
	.np__stats { grid-template-columns: repeat(2, 1fr); }
	.np__stat--wide { grid-column: 1 / -1; flex-direction: column; align-items: flex-start; }
	.np__quick-actions { grid-template-columns: repeat(2, 1fr); }
	.np__view-title { font-size: 1.35rem; }
}
@media (max-width: 560px) {
	.np__stats { grid-template-columns: 1fr 1fr; }
	.np__quick-actions { grid-template-columns: 1fr 1fr; }
	.np__card { padding: 18px 16px; }
	.np__reply-row { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
	.np__sidebar { transition: none; }
	.np__btn { transition: none; }
}
.navi-op-grid { display: grid; grid-template-columns: 1fr 320px; gap: 24px; align-items: start; }
.navi-ops-summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px;
	margin: 0 0 28px;
}
.navi-ops-summary__card {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px 18px;
	border-radius: 12px;
	background: linear-gradient(145deg, #fff 0%, rgba(241, 245, 249, 0.85) 100%);
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.navi-ops-summary__card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(27, 79, 182, 0.12);
	border-color: rgba(27, 79, 182, 0.22);
}
.navi-ops-summary__label {
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--navi-muted, #5c6570);
}
.navi-ops-summary__val {
	font-size: 1.65rem;
	font-weight: 800;
	line-height: 1.15;
	color: var(--navi-navy, #0f172a);
}
.home .navi-home-bento {
	margin: clamp(8px, 2vw, 28px) clamp(10px, 2.5vw, 36px) clamp(28px, 4vw, 48px);
	padding: clamp(10px, 2vw, 22px) 0;
	background: linear-gradient(
		165deg,
		rgba(248, 250, 252, 0.95) 0%,
		rgba(255, 255, 255, 0.55) 35%,
		rgba(241, 245, 249, 0.75) 100%
	);
	border: 1px solid rgba(15, 23, 42, 0.06);
	border-radius: clamp(18px, 2.5vw, 32px);
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06);
}
@media (min-width: 1100px) {
	.home .navi-home-bento {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 clamp(18px, 2.5vw, 32px);
		align-items: start;
	}
	.home .navi-home-bento > .navi-stats,
	.home .navi-home-bento > .navi-partners,
	.home .navi-home-bento > .navi-services-z,
	.home .navi-home-bento > .navi-process-z,
	.home .navi-home-bento > .navi-doc-cta,
	.home .navi-home-bento > .navi-timeline-z,
	.home .navi-home-bento > .navi-testimonials,
	.home .navi-home-bento > .navi-blog-news {
		grid-column: 1 / -1;
	}
	.home .navi-home-bento > .navi-advantages-z {
		grid-column: 1;
	}
	.home .navi-home-bento > .navi-candidates-z {
		grid-column: 2;
		align-self: stretch;
	}
}
.navi-lokasyon-single .navi-lokasyon-breadcrumb {
	font-size: 0.88rem;
	margin: 0 0 12px;
}
.navi-lokasyon-single .navi-lokasyon-breadcrumb a {
	color: var(--navi-blue, #1b4fb6);
	font-weight: 600;
	text-decoration: none;
}
.navi-lokasyon-single .navi-lokasyon-breadcrumb a:hover {
	text-decoration: underline;
}
.navi-lokasyon-breadcrumb__sep {
	margin: 0 0.35em;
	opacity: 0.45;
}
.navi-lokasyon-meta {
	font-size: 0.95rem;
	color: var(--navi-muted, #5c6570);
	margin: 0 0 8px;
}
.navi-lokasyon-children {
	margin-top: clamp(24px, 3vw, 36px);
	padding-top: clamp(20px, 2.5vw, 28px);
	border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.navi-lokasyon-single .navi-lokasyon-children .navi-lokasyon-archive-list {
	max-height: 420px;
	overflow-y: auto;
}
.navi-lokasyon-cta-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.navi-archive-lokasyon .navi-lokasyon-archive-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.navi-lokasyon-archive-list__item {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 16px;
	padding: 16px 18px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}
.navi-lokasyon-archive-list__item a {
	font-weight: 700;
	color: var(--navi-navy, #0f172a);
	text-decoration: none;
}
.navi-lokasyon-archive-list__item a:hover {
	color: var(--navi-blue, #1b4fb6);
}
.navi-activity-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	max-height: 320px;
	overflow-y: auto;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	background: rgba(248, 250, 252, 0.6);
}
.navi-activity-list__item {
	display: grid;
	grid-template-columns: 7.5rem 1fr;
	gap: 12px 16px;
	padding: 12px 16px;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
	font-size: 0.9rem;
	align-items: start;
}
.navi-activity-list__item:last-child {
	border-bottom: 0;
}
.navi-activity-list__time {
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--navi-blue, #1b4fb6);
	white-space: nowrap;
}
.navi-activity-list__text {
	margin: 0;
	line-height: 1.45;
	color: var(--navi-ink, #1e293b);
}
.navi-filters { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; align-items: flex-end; }
.navi-field--compact { min-width: 140px; }
.navi-field--compact .navi-select { min-width: 140px; }
.navi-op-mail .navi-checkbox-list { max-height: 200px; overflow-y: auto; margin: 12px 0; font-size: 0.85rem; }

/* İç sayfalar: liste / tekil yazı */
.navi-stack {
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.navi-archive-head {
	margin-bottom: 0;
}
.navi-archive-head .navi-page-title {
	margin-bottom: 8px;
}
.navi-archive-description {
	margin: 0;
	font-size: 1.05rem;
	color: var(--navi-muted);
}
.navi-archive-description p {
	margin: 0 0 0.75em;
}
.navi-archive-description p:last-child {
	margin-bottom: 0;
}
.navi-stack__empty {
	margin: 0;
	padding: 48px 32px;
	text-align: center;
	color: var(--navi-muted);
	background: var(--navi-bg-section);
	border-radius: var(--navi-radius-lg);
	border: 1px solid var(--navi-border-subtle);
}

.navi-prose-card {
	background: var(--navi-bg-section);
	border-radius: var(--navi-radius-lg);
	box-shadow: var(--navi-shadow-soft);
	border: 1px solid var(--navi-border-subtle);
	overflow: hidden;
}
.navi-prose-card__inner {
	padding: 28px 32px 36px;
}
.navi-prose-card__media {
	margin: 0;
	line-height: 0;
	background: var(--navi-bg-muted);
}
.navi-prose-card__thumb {
	display: block;
	width: 100%;
	height: auto;
}

.navi-page-title {
	margin: 0 0 12px;
	font-size: clamp(1.85rem, 4vw, 2.35rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--navi-navy);
	line-height: 1.15;
}
.navi-entry-meta {
	font-size: 0.9rem;
	color: var(--navi-muted);
	margin-bottom: 24px;
}
.navi-entry-meta__sep {
	margin: 0 0.2em;
}

.navi-prose-card__title {
	margin: 0 0 14px;
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.25;
}
.navi-prose-card__title a {
	color: var(--navi-navy);
	text-decoration: none;
}
.navi-prose-card__title a:hover {
	color: var(--navi-blue);
}

.navi-prose {
	font-size: 1.05rem;
	line-height: 1.75;
	color: var(--navi-ink);
}
.navi-prose > *:first-child {
	margin-top: 0;
}
.navi-prose > *:last-child {
	margin-bottom: 0;
}
.navi-prose p {
	margin: 0 0 1.1em;
}
.navi-prose h2,
.navi-prose h3,
.navi-prose h4 {
	margin: 1.65em 0 0.6em;
	font-family: var(--navi-font-alt);
	color: var(--navi-navy);
	line-height: 1.25;
}
.navi-prose h2 { font-size: 1.45rem; }
.navi-prose h3 { font-size: 1.2rem; }
.navi-prose h4 { font-size: 1.05rem; }
.navi-prose ul,
.navi-prose ol {
	margin: 0 0 1.1em;
	padding-left: 1.35em;
}
.navi-prose li {
	margin-bottom: 0.35em;
}
.navi-prose a {
	color: var(--navi-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.navi-prose a:hover {
	color: var(--navi-blue-hover);
}
.navi-prose img {
	max-width: 100%;
	height: auto;
	border-radius: var(--navi-radius);
}
.navi-prose blockquote {
	margin: 1.25em 0;
	padding: 0.85em 1.25em;
	border-left: 4px solid var(--navi-blue);
	background: var(--navi-blue-soft);
	border-radius: 0 var(--navi-radius) var(--navi-radius) 0;
	color: var(--navi-ink);
}
.navi-prose pre,
.navi-prose code {
	font-family: ui-monospace, monospace;
	font-size: 0.9em;
}
.navi-prose pre {
	overflow-x: auto;
	padding: 14px 16px;
	background: var(--navi-bg-muted);
	border-radius: var(--navi-radius);
	border: 1px solid var(--navi-border-subtle);
}

.navi-pagination {
	margin-top: 8px;
}
.navi-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	align-items: center;
}
.navi-pagination a.page-numbers,
.navi-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	padding: 8px 12px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	border: 1px solid var(--navi-border-subtle);
	background: var(--navi-bg-section);
	color: var(--navi-navy);
	transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.navi-pagination a.page-numbers:hover {
	border-color: var(--navi-blue);
	color: var(--navi-blue);
	background: var(--navi-blue-soft);
}
.navi-pagination span.page-numbers.current {
	background: var(--navi-blue);
	border-color: var(--navi-blue);
	color: #fff;
}
.navi-pagination span.page-numbers.dots {
	border-color: transparent;
	background: transparent;
	min-width: auto;
	padding-inline: 6px;
	color: var(--navi-muted);
}

/* İç sayfa kahraman başlığı (mavi / lacivert + kırmızı vurgu) */
.navi-page-hero {
	position: relative;
	padding: clamp(32px, 5vw, 52px) 0 clamp(26px, 4vw, 40px);
	color: #fff;
	overflow: hidden;
}
.navi-page-hero__bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 60% at 20% 20%, rgba(27, 79, 182, 0.35) 0%, transparent 55%),
		radial-gradient(ellipse 60% 50% at 100% 80%, rgba(225, 29, 72, 0.12) 0%, transparent 45%),
		linear-gradient(145deg, var(--navi-navy) 0%, var(--navi-dark-blue) 42%, #0a1628 100%);
	pointer-events: none;
}
.navi-page-hero__bg::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--navi-red) 0%, var(--navi-blue) 42%, rgba(255, 255, 255, 0.85) 100%);
	opacity: 0.95;
}
.navi-page-hero__inner {
	position: relative;
	z-index: 1;
	max-width: min(52rem, 100%);
	margin-inline: auto;
	text-align: center;
}
.navi-page-hero__kicker {
	margin: 0 0 10px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.58);
	text-align: center;
}
.navi-page-hero__title {
	margin: 0;
	font-size: clamp(1.75rem, 4vw, 2.55rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.12;
	font-family: var(--navi-font-alt);
	text-shadow: 0 2px 28px rgba(0, 0, 0, 0.22);
	text-align: center;
}
.navi-page-hero__subtitle {
	margin: 14px 0 0;
	max-width: 42rem;
	margin-inline: auto;
	font-size: clamp(0.98rem, 2.2vw, 1.12rem);
	line-height: 1.55;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.88);
	text-align: center;
}
.navi-page-hero--mhub {
	padding-bottom: clamp(40px, 6vw, 64px);
}

/* Hub pazarlama gövdesi (şehir / dil / belge dizinleri) */
.navi-mhub {
	background: linear-gradient(180deg, #f1f5f9 0%, #f8fafc 12%, #fff 38%);
}
.navi-page-body--mhub {
	padding-top: 0;
	padding-bottom: clamp(64px, 9vw, 100px);
}
.navi-mhub__article {
	position: relative;
	margin-top: clamp(-28px, -3.5vw, -18px);
	background: #fff;
	border-radius: 18px;
	border: 1px solid rgba(226, 232, 240, 0.95);
	box-shadow:
		0 24px 60px rgba(15, 23, 42, 0.08),
		0 1px 0 rgba(255, 255, 255, 0.95) inset;
	overflow: hidden;
}
.navi-mhub__prose {
	padding: clamp(26px, 4vw, 44px) clamp(20px, 3.5vw, 40px) clamp(34px, 4.5vw, 52px);
}
.navi-mhub__prose > h2 {
	margin: clamp(1.75rem, 3vw, 2.25rem) 0 0.85rem;
	padding-bottom: 0.5rem;
	font-size: clamp(1.25rem, 2.4vw, 1.45rem);
	font-weight: 800;
	font-family: var(--navi-font-alt);
	color: var(--navi-navy, #0f172a);
	border-bottom: 2px solid rgba(27, 79, 182, 0.18);
}
.navi-mhub__prose > h2:first-child {
	margin-top: 0;
}
.navi-mhub__prose > h3 {
	margin: 1.35rem 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--navi-dark-blue, #1e3a5f);
}
.navi-mhub__prose > p {
	margin: 0 0 1rem;
	line-height: 1.65;
	color: #334155;
}
.navi-mhub__prose > ul:not([class]) {
	margin: 0.5rem 0 1.25rem 1.1rem;
	padding: 0;
	line-height: 1.6;
	color: #334155;
}
.navi-mhub-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.55rem;
	margin: 0.85rem 0 1.5rem;
}
.navi-mhub-pills--featured {
	margin-bottom: 1.25rem;
	padding: 0.85rem 1rem;
	background: linear-gradient(135deg, rgba(27, 79, 182, 0.07) 0%, rgba(255, 255, 255, 0.92) 100%);
	border-radius: 14px;
	border: 1px solid rgba(27, 79, 182, 0.12);
}
.navi-mhub-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.38rem 0.75rem;
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.25;
	color: var(--navi-dark-blue, #1e3a5f);
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.45);
	border-radius: 999px;
	text-decoration: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}
a.navi-mhub-pill:hover {
	border-color: rgba(27, 79, 182, 0.55);
	color: var(--navi-blue, #1b4fb6);
	box-shadow: 0 4px 14px rgba(27, 79, 182, 0.12);
}
.navi-mhub-pill--muted {
	color: #475569;
	background: rgba(248, 250, 252, 0.95);
	cursor: default;
}
.navi-mhub-process {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: clamp(14px, 2vw, 20px);
	margin: 1rem 0 1.75rem;
}
.navi-mhub-process__step {
	padding: 1rem 1.1rem;
	background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
	border: 1px solid rgba(226, 232, 240, 0.95);
	border-radius: 14px;
	border-left: 4px solid var(--navi-blue, #1b4fb6);
}
.navi-mhub-process__title {
	margin: 0 0 0.45rem;
	font-size: 0.98rem;
	font-weight: 800;
	color: var(--navi-navy, #0f172a);
}
.navi-mhub-process__step p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: #475569;
}

.navi-page-body {
	padding-bottom: clamp(56px, 8vw, 88px);
}
.navi-prose-card--page,
.navi-prose-card--legal {
	box-shadow:
		0 20px 50px rgba(0, 45, 98, 0.08),
		0 1px 0 rgba(255, 255, 255, 0.9) inset;
	border: 1px solid rgba(226, 232, 240, 0.95);
}
.navi-prose-card__inner--page,
.navi-prose-card__inner--legal {
	padding: clamp(26px, 4vw, 40px) clamp(22px, 3.5vw, 36px) clamp(32px, 4vw, 44px);
}

.navi-prose--page > *:first-child,
.navi-legal-content > *:first-child {
	margin-top: 0;
}

/* Kurumsal / hizmet sayfaları: zengin bloklar */
.navi-static-lead {
	margin: 0 0 clamp(22px, 3vw, 32px);
	padding: clamp(20px, 3vw, 28px) clamp(20px, 3vw, 28px);
	background: linear-gradient(135deg, rgba(27, 79, 182, 0.07) 0%, rgba(255, 255, 255, 0.96) 55%, #fff 100%);
	border-radius: var(--navi-radius-lg);
	border: 1px solid rgba(27, 79, 182, 0.14);
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
	border-left: 4px solid var(--navi-blue);
	position: relative;
	overflow: hidden;
}
.navi-static-lead::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 4px;
	background: linear-gradient(90deg, transparent, var(--navi-red));
	opacity: 0.85;
	border-radius: 0 0 0 4px;
}
.navi-static-lead p:last-child {
	margin-bottom: 0;
}

.navi-turkiye-il-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
	gap: 0.45rem 0.65rem;
	list-style: none;
	margin: clamp(1rem, 2vw, 1.35rem) 0 0;
	padding: 0;
}
.navi-turkiye-il-grid__item {
	margin: 0;
}
.navi-turkiye-il-grid__link {
	display: block;
	padding: 0.5rem 0.7rem;
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--navi-navy);
	text-decoration: none;
	background: linear-gradient(180deg, #fff 0%, var(--navi-bg-muted) 100%);
	border: 1px solid var(--navi-border-subtle);
	border-radius: var(--navi-radius-md);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}
.navi-turkiye-il-grid__link:hover {
	color: var(--navi-blue);
	border-color: rgba(27, 79, 182, 0.35);
	box-shadow: 0 6px 18px rgba(27, 79, 182, 0.12);
	transform: translateY(-2px);
}

.navi-static-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: clamp(16px, 2.5vw, 22px);
	margin: clamp(22px, 3vw, 32px) 0;
}
.navi-static-tile {
	padding: clamp(18px, 2.5vw, 24px);
	background: linear-gradient(180deg, #fff 0%, var(--navi-bg-muted) 100%);
	border: 1px solid var(--navi-border-subtle);
	border-radius: var(--navi-radius-lg);
	box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.navi-static-tile:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 36px rgba(27, 79, 182, 0.1);
	border-color: rgba(27, 79, 182, 0.22);
}
.navi-static-tile__label {
	display: block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--navi-blue);
	margin-bottom: 8px;
}
.navi-static-tile p {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.55;
	color: var(--navi-ink);
}

.navi-static-steps {
	list-style: none;
	margin: clamp(18px, 2.5vw, 26px) 0;
	padding: 0;
	counter-reset: navi-step;
}
.navi-static-steps li {
	position: relative;
	margin: 0 0 14px;
	padding: 16px 18px 16px 56px;
	background: #fff;
	border: 1px solid var(--navi-border-subtle);
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
	counter-increment: navi-step;
}
.navi-static-steps li::before {
	content: counter(navi-step);
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	font-weight: 800;
	color: #fff;
	background: linear-gradient(145deg, var(--navi-blue) 0%, var(--navi-navy) 100%);
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(27, 79, 182, 0.3);
}
.navi-static-steps li:last-child {
	margin-bottom: 0;
}

.navi-prose ul.navi-static-steps {
	padding-left: 0;
	list-style: none;
	margin-left: 0;
}

.navi-static-strip {
	margin: clamp(26px, 4vw, 36px) 0 0;
	padding: clamp(20px, 3vw, 28px) clamp(22px, 3vw, 32px);
	background: linear-gradient(120deg, var(--navi-navy) 0%, var(--navi-dark-blue) 55%, #0f172a 100%);
	border-radius: var(--navi-radius-lg);
	color: #fff;
	text-align: center;
	box-shadow: 0 16px 40px rgba(0, 26, 61, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.navi-static-strip p {
	margin: 0;
	font-size: clamp(1rem, 1.2vw, 1.08rem);
	line-height: 1.6;
	opacity: 0.95;
}
.navi-static-strip a {
	color: #fff;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.navi-static-strip a:hover {
	color: #fecaca;
}

.navi-static-note {
	margin: clamp(20px, 3vw, 28px) 0 0;
	padding: 16px 20px;
	background: rgba(225, 29, 72, 0.06);
	border: 1px solid rgba(225, 29, 72, 0.18);
	border-radius: 12px;
	border-left: 4px solid var(--navi-red);
	font-size: 0.96rem;
	line-height: 1.55;
	color: var(--navi-ink);
}
.navi-static-note strong {
	color: var(--navi-navy);
}

body.page:not(.home) .navi-main {
	padding-top: 102px;
	padding-bottom: 0;
}

.navi-legal-page .navi-prose-card--legal {
	max-width: 52rem;
	margin-inline: auto;
}

.navi-legal-content h2 {
	margin-top: 2rem;
	padding-bottom: 0.45em;
	border-bottom: 2px solid rgba(27, 79, 182, 0.2);
	font-size: 1.28rem;
	color: var(--navi-navy);
}
.navi-legal-content h2:first-child {
	margin-top: 0;
}
.navi-legal-content h3 {
	font-size: 1.05rem;
	color: var(--navi-navy);
	margin-top: 1.35em;
}
.navi-legal-content ul li::marker {
	color: var(--navi-blue);
}
.navi-legal-content a {
	color: var(--navi-blue);
	font-weight: 600;
}

.navi-contact-page__block {
	background: linear-gradient(180deg, #fff 0%, var(--navi-ice) 100%);
	border: 1px solid var(--navi-border-subtle);
	border-radius: 14px;
	padding: 18px 20px;
	border-top: 3px solid var(--navi-blue);
	box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
}
.navi-contact-page__h {
	margin-top: 0;
	color: var(--navi-navy);
}

@media (prefers-reduced-motion: reduce) {
	.navi-static-tile:hover {
		transform: none;
	}
}

.navi-404 {
	text-align: center;
	padding: 140px 20px 100px;
}
.navi-404__title { font-size: 4rem; margin: 0; font-family: var(--navi-font-alt); color: var(--navi-navy); }
.navi-404__text { color: var(--navi-muted); margin: 16px auto 28px; max-width: 44ch; }
.navi-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	align-items: center;
}

@media (max-width: 1180px) and (min-width: 1025px) {
	.navi-menu { gap: 16px; flex-wrap: wrap; justify-content: flex-end; }
	.navi-menu a { font-size: 0.92rem; }
}

@media (max-width: 1024px) {
	.navi-hero__grid, .navi-hero__countries, .navi-stats__grid, .navi-services-grid-z, .navi-process-grid-z, .navi-footer__grid { grid-template-columns: 1fr; }
	.navi-services-grid-z { grid-template-columns: repeat(2, 1fr); }
	.navi-hero {
		min-height: 100dvh;
		overflow: visible;
	}
	.navi-hero.navi-hero--v2 {
		min-height: 0;
	}
	.navi-hero.navi-hero--v2 .navi-hero__inner {
		padding: clamp(108px, 13vh, 144px) 0 clamp(0.35rem, 1.2vh, 0.75rem);
	}
	.navi-hero__inner {
		flex: 1 1 auto;
		overflow: visible;
		padding: clamp(108px, 13vh, 144px) 0 20px;
	}
	.navi-hero-meslek-search-wrap {
		margin-top: 20px;
	}
	.navi-hero__grid {
		gap: 28px;
	}
	.navi-hero .navi-hero__countries {
		margin-bottom: 0;
	}
	.navi-stats, .navi-services-z, .navi-process-z, .navi-timeline-z, .navi-faq-z { padding: 80px 0; }
	.navi-footer__map-trust {
		max-width: none;
		grid-template-columns: 1fr;
		gap: clamp(22px, 4vw, 28px);
	}
	.navi-footer__map-trust .navi-footer__trust-bar-inner {
		max-width: none;
		align-items: center;
	}
	.navi-footer__map-trust .navi-footer__trust-pill {
		align-items: center;
		text-align: center;
	}
	.navi-footer__map-trust .navi-footer__trust-partners,
	.navi-footer__map-trust .navi-footer__iso-logos {
		justify-content: center;
	}
	.navi-footer__map iframe {
		height: 220px;
	}
	.navi-contact-page__grid { grid-template-columns: 1fr; }
	.home .navi-home-bento {
		margin-inline: 0;
		border-radius: 0;
		border-left: none;
		border-right: none;
		display: block;
	}
	.navi-form--inline { grid-template-columns: 1fr; }
	.navi-hero__quick-fields { grid-template-columns: 1fr; }
	.navi-doc-cta__inner { text-align: center; padding: clamp(22px, 5vw, 32px); }
	.navi-doc-cta__top { grid-template-columns: 1fr; }
	.navi-doc-cta__title { font-size: 1.65rem; }
	.navi-doc-cta__text { margin-inline: auto; }
	.navi-doc-cta__action { text-align: center; }
	.navi-candidates-z__inner {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.navi-candidates-z__lead,
	.navi-candidates-z__bullets {
		margin-inline: auto;
	}
	.navi-candidates-z__bullets {
		text-align: left;
		max-width: 40ch;
	}
	.navi-candidates-z__visual {
		max-width: 340px;
		margin-top: 12px;
	}
	.navi-prose-card__inner {
		padding: 22px 20px 30px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.navi-candidates-z__face {
		animation: none;
	}
	.navi-stats::before,
	.navi-stats::after,
	.navi-doc-cta::before,
	.navi-candidates-z::before,
	.navi-cta-banner::before,
	.navi-cta-banner::after {
		animation: none;
	}
	.navi-stat-item__val,
	.navi-process-num-z {
		animation: none;
	}
	.navi-testimonial-card::before {
		animation: none;
	}
	.navi-service-card-z:hover .navi-service-icon-z {
		animation: none;
	}
	.navi-stat-item:hover,
	.navi-service-card-z:hover,
	.navi-process-step-z:hover,
	.navi-timeline-item-z:hover,
	.navi-advantage-item-z:hover,
	.navi-blog-card:hover,
	.navi-testimonial-card:hover,
	.navi-partner-logo:hover,
	.reveal--active .navi-stat-item:hover,
	.reveal--active .navi-service-card-z:hover,
	.reveal--active .navi-process-step-z:hover,
	.reveal--active .navi-timeline-item-z:hover,
	.reveal--active .navi-advantage-item-z:hover,
	.reveal--active .navi-blog-card:hover,
	.reveal--active .navi-testimonial-card:hover,
	.reveal--active .navi-partner-logo:hover {
		transform: none;
	}
	.navi-stats__intro,
	.navi-stat-item,
	.navi-section-header,
	.navi-service-card-z,
	.navi-doc-cta__inner,
	.navi-process-step-z,
	.navi-timeline-item-z,
	.navi-advantage-item-z,
	.navi-candidates-z__copy,
	.navi-candidates-z__visual,
	.navi-partners__header,
	.navi-partner-logo,
	.navi-testimonial-card,
	.navi-blog-card,
	.navi-cta-banner__inner {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.reveal,
	.reveal--active {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.navi-hero__card.navi-hero-analysis,
	.navi-hero__card.navi-hero-analysis:hover,
	.navi-hero__card.navi-hero-analysis:focus-within {
		transform: none;
		transition: border-color 0.2s ease, box-shadow 0.2s ease;
	}
	.navi-hero__card.navi-hero-analysis:hover .navi-hero-analysis__inner,
	.navi-hero__card.navi-hero-analysis:focus-within .navi-hero-analysis__inner {
		transform: none;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.95),
			0 1px 0 rgba(255, 255, 255, 0.6);
	}
	.navi-cta-banner .navi-btn--primary:hover {
		transform: none;
	}
}

.navi-section-cta--inline {
	margin-top: 1rem;
	margin-bottom: 0;
}

.navi-funnel {
	padding: 3rem 0 4rem;
	max-width: 720px;
	margin: 0 auto;
}

.navi-funnel__title {
	font-size: clamp(1.5rem, 4vw, 2rem);
	margin-bottom: 0.75rem;
}

.navi-funnel__lead {
	color: var(--navi-muted, #5c6570);
	margin-bottom: 1.5rem;
}

.navi-funnel__sub {
	font-size: 1.1rem;
	margin: 1.5rem 0 0.75rem;
}

.navi-funnel__grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.navi-funnel__card {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1.25rem 1.5rem;
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	background: #fff;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.navi-funnel__card:hover {
	border-color: rgba(37, 99, 235, 0.45);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.navi-funnel__card-title {
	font-weight: 600;
	font-size: 1.05rem;
}

.navi-funnel__card-go {
	font-size: 0.9rem;
	color: #2563eb;
}

.navi-funnel__form {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	max-width: 420px;
}

.navi-funnel__recs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.navi-funnel__rec {
	padding: 1rem 1.25rem;
	border-radius: 10px;
	background: rgba(37, 99, 235, 0.06);
	border: 1px solid rgba(37, 99, 235, 0.15);
}

.navi-funnel__rec p {
	margin: 0.35rem 0 0;
	font-size: 0.95rem;
	color: var(--navi-muted, #5c6570);
}

.navi-funnel__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.navi-funnel__back {
	margin-top: 1.5rem;
}

/* Eski panel sınıfları kaldırıldı; yeni .np__ sistemi yukarıda. */

/* Ön yüz giriş / kayıt (tam sayfa kart + modal) */
.navi-auth-card #loginform p {
	margin: 0 0 1rem;
}

.navi-modal--auth #loginform {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}
.navi-modal--auth #loginform > p {
	margin: 0 0 1rem;
}
.navi-modal--auth #loginform > p:last-child {
	margin-bottom: 0;
}
.navi-modal--auth #loginform > p.login-username,
.navi-modal--auth #loginform > p.login-password {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-content: flex-start;
	gap: 0.35rem;
	width: 100%;
	margin: 0 0 0.85rem;
	padding: 0.65rem 0.85rem 0.75rem;
	border-radius: 14px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.navi-modal--auth #loginform > p.login-username label,
.navi-modal--auth #loginform > p.login-password label {
	display: block;
	width: 100%;
	order: -1;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--navi-muted, #64748b);
}
.navi-modal--auth #loginform > p.login-username input,
.navi-modal--auth #loginform > p.login-password input {
	order: 0;
	width: 100%;
	min-width: 0;
}
.navi-modal--auth #loginform > p.login-remember,
.navi-modal--auth #loginform > p.forgetmenot {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	margin: 0.15rem 0 0.35rem;
	width: 100%;
}
.navi-modal--auth #loginform br {
	display: none;
}

.navi-auth-card #loginform label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35rem;
}
.navi-modal--auth #loginform label {
	display: block;
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--navi-ink, #334155);
	letter-spacing: 0.01em;
	line-height: 1.35;
}
/* Beni hatırla: etiket + kutu tek satır; genel label:block bunu ezmesin */
.navi-modal--auth #loginform .login-remember label,
.navi-modal--auth #loginform .forgetmenot label {
	display: inline-flex !important;
	flex-direction: row;
	align-items: center;
	gap: 0.65rem;
	width: auto;
	font-weight: 500;
	cursor: pointer;
	user-select: none;
	color: var(--navi-ink, #475569);
}

.navi-auth-card #loginform input[type="text"],
.navi-auth-card #loginform input[type="password"] {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.6rem 0.75rem;
	border-radius: 8px;
	border: 1px solid rgba(15, 23, 42, 0.18);
	font-size: 1rem;
}
.navi-modal--auth #loginform input[type="text"],
.navi-modal--auth #loginform input[type="password"],
.navi-modal--auth #loginform input.input {
	width: 100% !important;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 0.85rem 1.05rem;
	border-radius: 14px;
	border: 1.5px solid rgba(15, 23, 42, 0.11);
	background: #f8fafc;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--navi-ink, #0f172a);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background 0.2s ease;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.navi-modal--auth #loginform > p.login-username input[type="text"],
.navi-modal--auth #loginform > p.login-password input[type="password"] {
	padding: 0.72rem 0.88rem;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.09);
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}
.navi-modal--auth #loginform input[type="text"]:hover,
.navi-modal--auth #loginform input[type="password"]:hover,
.navi-modal--auth #loginform input.input:hover {
	border-color: rgba(27, 79, 182, 0.28);
	background: #fff;
}
.navi-modal--auth #loginform input[type="text"]:focus,
.navi-modal--auth #loginform input[type="password"]:focus,
.navi-modal--auth #loginform input.input:focus {
	outline: none;
	background: #fff;
	border-color: rgba(27, 79, 182, 0.55);
	box-shadow:
		0 0 0 4px rgba(27, 79, 182, 0.12),
		0 4px 14px rgba(27, 79, 182, 0.1);
}
.navi-modal--auth #loginform > p.login-username input[type="text"]:hover,
.navi-modal--auth #loginform > p.login-password input[type="password"]:hover {
	border-color: rgba(27, 79, 182, 0.22);
}
.navi-modal--auth #loginform > p.login-username input[type="text"]:focus,
.navi-modal--auth #loginform > p.login-password input[type="password"]:focus {
	box-shadow:
		0 0 0 3px rgba(27, 79, 182, 0.12),
		inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

.navi-auth-card #loginform .forgetmenot {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-weight: 500;
	font-size: 0.88rem;
	color: var(--navi-muted, #64748b);
	margin-bottom: 0.15rem;
}
.navi-modal--auth #loginform .login-remember,
.navi-modal--auth #loginform .forgetmenot {
	font-size: 0.9rem;
	color: var(--navi-muted, #64748b);
}

.navi-modal--auth #loginform .login-remember input[type="checkbox"],
.navi-modal--auth #loginform .forgetmenot input[type="checkbox"] {
	width: 1.15rem;
	height: 1.15rem;
	min-width: 1.15rem;
	margin: 0;
	flex-shrink: 0;
	accent-color: var(--navi-blue, #1b4fb6);
	cursor: pointer;
	border-radius: 4px;
}
.navi-auth-card #loginform .forgetmenot input {
	width: auto;
}

.navi-auth-card #loginform .login-submit input,
.navi-auth-card #loginform .submit input {
	margin-top: 0.25rem;
	padding: 0.65rem 1.25rem;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
}
.navi-modal--auth #loginform .login-submit,
.navi-modal--auth #loginform .submit {
	margin: 0.5rem 0 0;
	width: 100%;
}
.navi-modal--auth #loginform .login-submit .button-primary,
.navi-modal--auth #loginform .login-submit input[type="submit"],
.navi-modal--auth #loginform .submit .button-primary,
.navi-modal--auth #loginform .submit input[type="submit"],
.navi-modal--auth #loginform #navi-modal-wp-submit {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 100% !important;
	margin: 0;
	padding: 0.9rem 1.35rem !important;
	font-size: 1.02rem !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	border: none !important;
	border-radius: 14px !important;
	cursor: pointer !important;
	color: #fff !important;
	background: linear-gradient(165deg, #3b82f6 0%, var(--navi-blue, #1b4fb6) 45%, #1e40af 100%) !important;
	box-shadow:
		0 14px 32px rgba(27, 79, 182, 0.38),
		0 1px 0 rgba(255, 255, 255, 0.25) inset !important;
	transition:
		filter 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.18s ease !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
	letter-spacing: 0.02em;
}
.navi-modal--auth #loginform .login-submit input[type="submit"]:hover,
.navi-modal--auth #loginform .submit input[type="submit"]:hover,
.navi-modal--auth #loginform #navi-modal-wp-submit:hover {
	filter: brightness(1.05);
	transform: translateY(-2px);
	box-shadow:
		0 18px 40px rgba(27, 79, 182, 0.45),
		0 1px 0 rgba(255, 255, 255, 0.25) inset !important;
}
.navi-modal--auth #loginform #navi-modal-wp-submit:active {
	transform: translateY(0);
	filter: brightness(0.98);
}

.navi-modal--auth .navi-auth-field.navi-auth-register__field {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	margin: 0 0 0.85rem;
	padding: 0.65rem 0.85rem 0.75rem;
	border-radius: 14px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.navi-modal--auth .navi-auth-field.navi-auth-register__field label {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--navi-muted, #64748b);
}
.navi-modal--auth .navi-auth-register__submit {
	margin: 0.25rem 0 0;
}
.navi-modal--auth .navi-auth-field.navi-auth-register__field .navi-input,
.navi-modal--auth .navi-auth-field.navi-auth-register__field input.input {
	width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
	padding: 0.72rem 0.88rem;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.09);
	background: #fff;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--navi-ink, #0f172a);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background 0.2s ease;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}
.navi-modal--auth .navi-auth-field.navi-auth-register__field .navi-input:hover,
.navi-modal--auth .navi-auth-field.navi-auth-register__field input.input:hover {
	border-color: rgba(27, 79, 182, 0.28);
	background: #fff;
}
.navi-modal--auth .navi-auth-field.navi-auth-register__field .navi-input:focus,
.navi-modal--auth .navi-auth-field.navi-auth-register__field input.input:focus {
	outline: none;
	background: #fff;
	border-color: rgba(27, 79, 182, 0.55);
	box-shadow:
		0 0 0 3px rgba(27, 79, 182, 0.12),
		inset 0 1px 2px rgba(15, 23, 42, 0.04);
}
.navi-modal--auth .navi-auth-register__submit .navi-auth-panel__btn--primary {
	margin-top: 0.35rem;
	border-radius: 14px !important;
	padding: 0.9rem 1.35rem !important;
	background: linear-gradient(165deg, #3b82f6 0%, var(--navi-blue, #1b4fb6) 45%, #1e40af 100%) !important;
	box-shadow:
		0 14px 32px rgba(27, 79, 182, 0.38),
		0 1px 0 rgba(255, 255, 255, 0.25) inset !important;
}

.navi-auth-card__notice {
	padding: 0.75rem 1rem;
	border-radius: 8px;
	margin: 0 0 1rem;
}

.navi-auth-card__notice--ok {
	background: rgba(34, 197, 94, 0.12);
	border: 1px solid rgba(34, 197, 94, 0.25);
}

.navi-auth-card__notice--err {
	background: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.28);
}

.navi-auth-card__links {
	list-style: none;
	padding: 1rem 0 0;
	margin: 1rem 0 0;
	border-top: 1px solid rgba(15, 23, 42, 0.08);
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
}

.navi-auth-register__field label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35rem;
}

.navi-auth-register__field input {
	width: 100%;
	max-width: 420px;
	padding: 0.6rem 0.75rem;
	border-radius: 8px;
	border: 1px solid rgba(15, 23, 42, 0.18);
	font-size: 1rem;
}

.navi-auth-register__submit {
	margin-top: 0.5rem;
}

/* Markalarımız */
.navi-markalar-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1.5rem;
	margin: 1.5rem 0 2rem;
}

.navi-markalar-card {
	padding: 1.25rem;
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: rgba(255, 255, 255, 0.72);
}

.navi-markalar-card__logo {
	display: flex;
	align-items: center;
	min-height: 52px;
	margin-bottom: 0.75rem;
}

.navi-markalar-card__logo img {
	max-width: 200px;
	height: auto;
}

.navi-markalar-card__logo--word {
	text-decoration: none;
}

.navi-markalar-card__navi-word {
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--navi-ink, #0f172a);
}

.navi-markalar-card__navi-tr {
	opacity: 0.85;
	font-weight: 600;
}

.navi-markalar-card__title {
	font-size: 1.1rem;
	margin: 0 0 0.5rem;
}

.navi-markalar-card p {
	margin: 0;
	line-height: 1.6;
	opacity: 0.92;
}

/* ══════════════════════════════════════════════════════════════════
   Müşteri paneli — yeni bölümler (hizmet akışı, paket, profil grid)
   ══════════════════════════════════════════════════════════════════ */

.np__service-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}
.np__service-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 20px;
	border-radius: 18px;
	background: #fff;
	border: 1.5px solid var(--np-border, rgba(15,23,42,0.07));
	box-shadow: 0 2px 12px rgba(15,23,42,0.04);
	transition: border-color 0.18s, box-shadow 0.18s, transform 0.15s;
}
.np__service-card:hover {
	border-color: rgba(59,130,246,0.3);
	box-shadow: 0 8px 28px rgba(27,79,182,0.1);
	transform: translateY(-2px);
}
.np__service-icon { font-size: 2rem; line-height: 1; }
.np__service-title { margin: 0; font-size: 1rem; font-weight: 800; color: var(--np-ink, #0f172a); }
.np__service-desc { margin: 0; font-size: 0.82rem; color: var(--np-muted, #64748b); line-height: 1.5; flex: 1; }
.np__service-steps { display: flex; flex-direction: column; gap: 5px; }
.np__service-step {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 0.78rem;
	color: var(--np-muted, #64748b);
}
.np__service-step span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(59,130,246,0.12);
	color: var(--np-blue, #1b4fb6);
	font-size: 0.65rem;
	font-weight: 800;
	flex-shrink: 0;
}
.np__profile-pct-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 99px;
	font-size: 0.82rem;
	font-weight: 700;
}
.np__form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.np__field--full { grid-column: 1 / -1; }
.np__profile-prompt {
	margin: 0 12px 4px;
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(245,158,11,0.1);
	border: 1px solid rgba(245,158,11,0.22);
	cursor: pointer;
	font-size: 0.78rem;
	color: #92400e;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.np__profile-prompt-bar {
	height: 4px;
	background: rgba(245,158,11,0.2);
	border-radius: 99px;
	overflow: hidden;
}
.np__profile-prompt-bar span {
	display: block;
	height: 100%;
	background: #f59e0b;
	border-radius: 99px;
}
.np__status-pill {
	display: inline-flex;
	align-items: center;
	padding: 3px 9px;
	border-radius: 99px;
	font-size: 0.72rem;
	font-weight: 700;
}
.np__card--callout {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border-color: rgba(59,130,246,0.2);
}
.np__card--checkout { margin-bottom: 24px; }
.np__basvuru-list { display: flex; flex-direction: column; gap: 12px; }
.np__basvuru-card {
	background: #fff;
	border-radius: 16px;
	border: 1px solid var(--np-border, rgba(15,23,42,0.07));
	padding: 18px 20px;
	box-shadow: 0 2px 8px rgba(15,23,42,0.04);
}
.np__basvuru-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.np__basvuru-icon { font-size: 1.5rem; }
.np__basvuru-title { margin: 0 0 2px; font-size: 0.95rem; font-weight: 700; color: var(--np-ink, #0f172a); }
.np__basvuru-ref { font-size: 0.72rem; color: var(--np-muted, #64748b); background: rgba(15,23,42,0.04); padding: 2px 6px; border-radius: 4px; }
.np__basvuru-meta { display: flex; gap: 14px; font-size: 0.78rem; color: var(--np-muted, #64748b); margin-bottom: 8px; }
.np__basvuru-log { display: flex; flex-direction: column; gap: 4px; border-top: 1px solid var(--np-border, rgba(15,23,42,0.07)); padding-top: 10px; margin-top: 4px; }
.np__basvuru-log-item { display: flex; gap: 10px; font-size: 0.78rem; }
.np__basvuru-log-item time { color: var(--np-muted, #64748b); flex-shrink: 0; }
.np__pkg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px;
}
.np__pkg-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 20px;
	border-radius: 18px;
	background: #fff;
	border: 1.5px solid var(--np-border, rgba(15,23,42,0.07));
	position: relative;
	transition: border-color 0.18s, box-shadow 0.18s;
}
.np__pkg-card--featured {
	border-color: rgba(124,58,237,0.35);
	box-shadow: 0 8px 28px rgba(124,58,237,0.12);
}
.np__pkg-card--active {
	background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
}
.np__pkg-badge {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 2px 8px;
	border-radius: 99px;
	background: rgba(124,58,237,0.12);
	color: #7c3aed;
	margin-bottom: 4px;
	width: fit-content;
}
.np__pkg-badge--active { background: rgba(16,185,129,0.12); color: #059669; }
.np__pkg-name { margin: 0; font-size: 1.2rem; font-weight: 900; }
.np__pkg-sub { margin: 0; font-size: 0.8rem; color: var(--np-muted, #64748b); }
.np__pkg-price { font-size: 1.75rem; font-weight: 900; line-height: 1; color: var(--np-ink, #0f172a); letter-spacing: -0.04em; }
.np__pkg-price span { font-size: 0.85rem; font-weight: 500; color: var(--np-muted, #64748b); letter-spacing: 0; }
.np__pkg-features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.np__pkg-features li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 0.82rem;
	color: var(--np-ink, #0f172a);
}
.np__pkg-features li svg { width: 14px; height: 14px; color: #10b981; flex-shrink: 0; margin-top: 2px; }
.np__pkg-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	cursor: pointer;
	border: 1.5px solid rgba(15,23,42,0.1);
	background: rgba(15,23,42,0.03);
	color: var(--np-ink, #0f172a);
	transition: background 0.15s, border-color 0.15s;
	margin-top: auto;
}
.np__pkg-btn.np__btn--primary {
	background: linear-gradient(155deg, #4f8cff 0%, var(--np-blue, #1b4fb6) 45%, #1e3a8a 100%);
	border-color: rgba(27,79,182,0.3);
	color: #fff;
	box-shadow: 0 4px 14px rgba(27,79,182,0.28);
}
.np__pkg-btn[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}
.np__pkg-btn:not([disabled]):hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
}
.np__pkg-yearly-note {
	margin: 0 0 6px;
	font-size: 0.72rem;
	line-height: 1.35;
	color: var(--np-muted, #64748b);
}
.np__pkg-dual-buy {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: auto;
	width: 100%;
}
.np__pkg-dual-buy .np__pkg-dual-form {
	margin: 0;
	width: 100%;
}
.np__pkg-dual-buy .np__pkg-btn {
	margin-top: 0;
}
.np__stat-row { display: flex; gap: 16px; flex-wrap: wrap; }

@media (max-width: 768px) {
	.np__form-grid { grid-template-columns: 1fr; }
	.np__service-grid { grid-template-columns: 1fr 1fr; }
	.np__pkg-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
	.np__service-grid { grid-template-columns: 1fr; }
	.np__pkg-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════════
   Operasyon Paneli — .op__ sistemi
   ══════════════════════════════════════════════════════════════════ */

body.navi-ops .navi-header,
body.navi-ops .navi-footer { display: none !important; }
body.navi-ops .navi-main { padding: 0 !important; margin: 0 !important; background: none !important; }
body.navi-ops { background: #f8fafc; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
body.navi-ops .op__topbar-extras { display: none !important; }

.op {
	display: flex;
	min-height: 100vh;
	--op-sidebar: #0b1530;
	--op-sidebar-w: 268px;
	--op-accent: #2563eb;
	--op-accent-soft: rgba(37,99,235,0.14);
	--op-border: rgba(255,255,255,0.07);
	--op-ink: #f1f5f9;
	--op-muted: rgba(255,255,255,0.45);
	--op-bg: #f8f9fa;
	--op-card-bg: #fff;
}
.op--collapsed { --op-sidebar-w: 78px; }
.op__overlay { position: fixed; inset: 0; z-index: 9998; background: rgba(0,0,0,0.6); cursor: pointer; }
.op__overlay[hidden] { display: none !important; }
.op__sidebar {
	width: var(--op-sidebar-w);
	flex-shrink: 0;
	position: sticky;
	top: 0;
	height: 100vh;
	overflow-y: auto;
	scrollbar-width: none;
	display: flex;
	flex-direction: column;
	background: linear-gradient(195deg, #0f1f3d 0%, #0b1530 55%, #070f22 100%);
	z-index: 10;
	transition: width 0.22s ease;
}
.op__sidebar::-webkit-scrollbar { display: none; }
.op__sidebar-head {
	padding: 18px 16px 14px;
	border-bottom: 1px solid var(--op-border);
	position: relative;
}
.op__sidebar-menu-ic {
	position: absolute;
	top: 16px;
	right: 12px;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	border: none;
	background: rgba(255,255,255,0.06);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 0;
}
.op__sidebar-menu-ic span {
	display: block;
	width: 16px;
	height: 2px;
	background: rgba(255,255,255,0.75);
	border-radius: 1px;
}
.op__sidebar-tagline {
	margin: 4px 0 0;
	font-size: 0.68rem;
	color: rgba(255,255,255,0.38);
	font-weight: 500;
}
.op__logo { display: flex; align-items: baseline; gap: 2px; font-family: var(--navi-font-alt, system-ui); font-weight: 900; font-size: 1.42rem; letter-spacing: -0.04em; }
.op__logo-word { color: #fff; }
.op__logo-dot { color: #ef4444; }
.op__ops-tag { display: inline-flex; align-items: center; padding: 1px 7px; border-radius: 6px; background: rgba(129,140,248,0.18); color: #818cf8; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-left: 6px; }
.op__op-card { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--op-border); }
.op__op-avatar {
	display: flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; border-radius: 50%;
	background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);
	color: #fff; font-weight: 800; font-size: 0.9rem; flex-shrink: 0;
}
.op__op-avatar--sm { width: 26px; height: 26px; font-size: 0.72rem; }
.op__op-name { display: block; font-size: 0.82rem; font-weight: 700; color: #e2e8f0; }
.op__op-role { font-size: 0.68rem; color: var(--op-muted); }
.op__nav { flex: 1; display: flex; flex-direction: column; gap: 1px; padding: 10px 8px 16px; }
.op__nav-group {
	margin: 14px 10px 6px;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.28);
}
.op__nav-group:first-child { margin-top: 4px; }
.op__nav-btn,
.op__nav-link {
	display: flex; align-items: center; gap: 10px;
	width: 100%; padding: 10px 11px; border: none; border-radius: 10px;
	background: transparent; color: rgba(255,255,255,0.62);
	font: inherit; font-size: 0.84rem; font-weight: 500; cursor: pointer; text-align: left;
	transition: background 0.15s, color 0.15s; position: relative;
	text-decoration: none;
	box-sizing: border-box;
}
.op__nav-link {
	color: rgba(255,255,255,0.62);
	display: flex;
	align-items: center;
	gap: 10px;
}
.op__nav-ic, .op__nav-btn .op-ico, .op__nav-link .op-ico { flex-shrink: 0; opacity: 0.9; }
.op__nav-btn.is-active .op-ico, .op__nav-link:hover .op-ico { opacity: 1; }
.op__nav-btn:hover,
.op__nav-link:hover { background: rgba(255,255,255,0.06); color: #fff; }
.op__nav-btn.is-active {
	background: #2563eb;
	color: #fff;
	font-weight: 700;
	box-shadow: 0 6px 20px rgba(37,99,235,0.35);
}
.op__nav-btn--hint { opacity: 0.92; }
.op__nav-btn svg,
.op__nav-link svg { width: 17px; height: 17px; flex-shrink: 0; opacity: 0.85; }
.op__nav-btn.is-active svg,
.op__nav-link:hover svg { opacity: 1; }
.op__nav-txt { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.op__nav-count { margin-left: auto; background: rgba(129,140,248,0.25); color: #c7d2fe; font-size: 0.7rem; font-weight: 700; padding: 1px 7px; border-radius: 99px; }
.op__nav-badge {
	margin-left: auto;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 99px;
	font-size: 0.68rem;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.op__nav-badge--red { background: #ef4444; color: #fff; }
.op__nav-btn.is-active .op__nav-badge--red { background: #fff; color: #1d4ed8; }
.op__nav-badge--amber { background: #f59e0b; color: #fff; }
.op__nav-badge--blue { background: #3b82f6; color: #fff; }
.op__collapse-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 9px 10px;
	border: none;
	border-radius: 9px;
	background: rgba(255,255,255,0.04);
	color: rgba(255,255,255,0.45);
	font: inherit;
	font-size: 0.78rem;
	cursor: pointer;
}
.op__collapse-btn:hover { color: rgba(255,255,255,0.85); background: rgba(255,255,255,0.08); }
.op--collapsed .op__nav-group,
.op--collapsed .op__sidebar-tagline,
.op--collapsed .op__nav-txt,
.op--collapsed .op__collapse-btn .op__nav-txt,
.op--collapsed .op__footer-link { display: none; }
.op--collapsed .op__nav-badge { position: absolute; top: 6px; right: 6px; margin: 0; min-width: 16px; height: 16px; font-size: 0.6rem; }
.op--collapsed .op__nav-btn,
.op--collapsed .op__nav-link { justify-content: center; padding: 11px 8px; }
.op--collapsed .op__nav-btn svg,
.op--collapsed .op__nav-link svg { margin: 0; }
.op--collapsed .op__sidebar-menu-ic { display: none; }
.op__sidebar-footer { padding: 12px 10px; border-top: 1px solid var(--op-border); display: flex; gap: 4px; flex-direction: column; }
.op__footer-link { display: block; padding: 7px 10px; border-radius: 8px; color: rgba(255,255,255,0.35); text-decoration: none; font-size: 0.8rem; transition: color 0.15s; }
.op__footer-link:hover { color: rgba(255,255,255,0.7); }
.op__mobile-bar { display: none; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 0; right: 0; z-index: 9997; height: 50px; padding: 0 16px; background: #0f172a; border-bottom: 1px solid rgba(255,255,255,0.07); }
.op__mobile-logo { display: flex; align-items: baseline; gap: 2px; font-family: var(--navi-font-alt, system-ui); font-weight: 900; font-size: 1.2rem; letter-spacing: -0.04em; color: #e2e8f0; }
.op__burger { background: rgba(255,255,255,0.07); border: none; border-radius: 7px; cursor: pointer; }
.op__main { flex: 1; min-width: 0; display: flex; flex-direction: column; background: var(--op-bg); }
.op__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}
.op__topbar {
	display: grid;
	grid-template-columns: minmax(140px, 1fr) minmax(200px, 420px) minmax(200px, 1fr);
	align-items: center;
	gap: 16px;
	padding: 0 24px 0 28px;
	min-height: 64px;
	background: #fff;
	border-bottom: 1px solid rgba(15,23,42,0.06);
	position: sticky;
	top: 0;
	z-index: 5;
	flex-shrink: 0;
	box-shadow: 0 1px 0 rgba(15,23,42,0.03);
}
.op__topbar-title { margin: 0; font-size: 1.35rem; font-weight: 900; color: #0f172a; letter-spacing: -0.03em; }
.op__topbar-center { display: flex; justify-content: center; }
.op__search-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	max-width: 400px;
	padding: 0 14px;
	height: 40px;
	border-radius: 10px;
	background: #f1f5f9;
	border: 1px solid rgba(15,23,42,0.06);
}
.op__search-ic { color: #94a3b8; flex-shrink: 0; }
.op__topbar-search {
	flex: 1;
	border: none;
	background: transparent;
	font: inherit;
	font-size: 0.88rem;
	color: #0f172a;
	min-width: 0;
}
.op__topbar-search:focus { outline: none; }
.op__search-kbd {
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	background: #fff;
	border: 1px solid rgba(15,23,42,0.1);
	border-radius: 6px;
	padding: 2px 6px;
}
.op__topbar-right { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.op__iconbell {
	position: relative;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 10px;
	background: #f8fafc;
	color: #475569;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.op__iconbell:hover { background: #f1f5f9; color: #0f172a; }
.op__iconbell-badge--num { background: #ef4444 !important; color: #fff; font-size: 0.62rem; min-width: 16px; height: 16px; padding: 0 4px; }
.op__iconbell-dot { position: absolute; top: 4px; right: 4px; width: 7px; height: 7px; background: #ef4444; border-radius: 50%; box-shadow: 0 0 0 1px #fff; }
.op__iconbell-badge {
	position: absolute;
	top: 6px;
	right: 6px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 99px;
	background: #ef4444;
	color: #fff;
	font-size: 0.62rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
}
.op__support-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 10px;
	background: #f8fafc;
	color: #334155;
	font-size: 0.8rem;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid rgba(15,23,42,0.06);
}
.op__support-pill:hover { background: #eff6ff; color: #1d4ed8; border-color: rgba(37,99,235,0.2); }
.op__topbar-userblock { display: flex; align-items: center; gap: 10px; }
.op__topbar-usermeta { display: flex; flex-direction: column; line-height: 1.2; }
.op__topbar-usermeta strong { font-size: 0.86rem; color: #0f172a; }
.op__topbar-usermeta span { font-size: 0.72rem; color: #64748b; font-weight: 500; }
.op__op-avatar--ring { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(37,99,235,0.35); }
.op__topbar-userblock .op__op-avatar { width: 40px; height: 40px; font-size: 0.82rem; overflow: hidden; }
.op__topbar-userblock .op__op-avatar .op__avatar-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.op__topbar-userblock .op__avatar-fallback { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.op__wp-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border-radius: 9px;
	background: #0f172a;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 800;
	text-decoration: none;
}
.op__wp-pill:hover { filter: brightness(1.08); color: #fff; }
.op__toolbar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 12px 28px 0;
	gap: 12px;
}
.op__toolbar-spacer { flex: 1; }
.op__btn-new {
	min-height: 40px;
	padding: 0 20px;
	border-radius: 10px;
	font-weight: 800;
	box-shadow: 0 6px 18px rgba(37,99,235,0.35);
	background: linear-gradient(155deg, #3b82f6 0%, #2563eb 45%, #1d4ed8 100%) !important;
	border: none !important;
}
.op__topbar-user { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 600; color: #334155; }
.op__env-pill { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 99px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.op__env-pill--test { background: #fef3c7; color: #92400e; }
.op__env-pill--live { background: #dcfce7; color: #15803d; }
.op__views { flex: 1; padding: 16px 28px 40px; }
.op__view[hidden] { display: none !important; }
.op__view-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; }
.op__view-title { margin: 0; font-size: 1.5rem; font-weight: 800; letter-spacing: -0.03em; color: #0f172a; }
.op__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 24px; }
.op__stats--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.op__stat--dash {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 18px 16px;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(15,23,42,0.05);
}
.op__stat--dash .op__stat-lbl { order: 1; margin: 0; font-size: 0.72rem; color: #64748b; text-transform: none; letter-spacing: 0; font-weight: 600; }
.op__stat--dash .op__stat-val { order: 2; font-size: 1.65rem; margin: 0; }
.op__stat-trend {
	order: 3;
	font-size: 0.75rem;
	font-weight: 800;
	color: #16a34a;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
.op__stat-trend--up::before { content: "↑"; font-size: 0.85rem; }
.op__stat-trend--down { color: #dc2626; }
.op__stat-trend--down::before { content: "↓"; font-size: 0.85rem; }
.op__donut-growth { font-size: 0.68rem; font-weight: 700; margin-top: 2px; }
.op__donut-growth.is-pos { color: #16a34a; }
.op__donut-growth.is-neg { color: #dc2626; }
.op__stat--teal { background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%); border-color: rgba(13,148,136,0.2) !important; }
.op__dash-mid {
	display: grid;
	grid-template-columns: 1.35fr 0.65fr;
	gap: 16px;
	margin-bottom: 16px;
	align-items: stretch;
}
.op__dash-col { display: flex; flex-direction: column; gap: 14px; }
.op__card--chart { min-height: 280px; }
.op__chip {
	font-size: 0.72rem;
	font-weight: 700;
	color: #64748b;
	background: #f1f5f9;
	padding: 4px 10px;
	border-radius: 8px;
}
.op__chart-svg-wrap { padding: 4px 0 0; }
.op__chart-svg {
	width: 100%;
	height: 140px;
	display: block;
}
.op__chart-legend {
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-top: 8px;
	font-size: 0.78rem;
	color: #64748b;
	font-weight: 600;
}
.op__lg-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
.op__lg-dot--b { background: #2563eb; }
.op__lg-dot--g { background: #10b981; }
.op__chart-xlabels {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-size: 0.68rem;
	color: #94a3b8;
	font-weight: 600;
	padding: 0 2px;
}
.op__task-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.op__task-row {
	display: flex;
	gap: 12px;
	width: 100%;
	align-items: center;
	text-align: left;
	padding: 10px 8px;
	border: none;
	border-radius: 10px;
	background: transparent;
	font: inherit;
	font-size: 0.82rem;
	color: #334155;
	cursor: pointer;
}
.op__task-row:hover { background: #f8fafc; }
.op__task-row time { font-weight: 800; color: #2563eb; font-variant-numeric: tabular-nums; min-width: 42px; }
.op__pending-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.op__pending-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 10px 8px;
	border: none;
	border-radius: 10px;
	background: transparent;
	font: inherit;
	font-size: 0.82rem;
	color: #334155;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
}
.op__pending-row:hover { background: #fef2f2; }
.op__pending-n { font-size: 0.95rem; font-weight: 900; color: #b91c1c; }
.op__card--recent { margin-bottom: 16px; }
.op__table-scroll { overflow-x: auto; margin: 0 -6px; }
.op__table--recent .op__cust-av { width: 36px; height: 36px; font-size: 0.85rem; }
.op__row-more { color: #94a3b8; font-weight: 900; letter-spacing: 2px; }
.op__dash-bottom {
	display: grid;
	grid-template-columns: 1.4fr 1fr 0.9fr;
	gap: 16px;
	margin-bottom: 8px;
	align-items: stretch;
}
.op__table--matrix th,
.op__table--matrix td { white-space: nowrap; }
.op__donut-wrap { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 8px 0; }
.op__donut {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
}
.op__donut-hole {
	position: absolute;
	inset: 28%;
	border-radius: 50%;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: inset 0 0 0 1px rgba(15,23,42,0.06);
}
.op__donut-hole strong { font-size: 0.95rem; font-weight: 900; color: #0f172a; }
.op__donut-hole span { font-size: 0.68rem; font-weight: 700; color: #16a34a; margin-top: 2px; }
.op__donut-legend { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 140px; display: flex; flex-direction: column; gap: 8px; font-size: 0.8rem; color: #475569; }
.op__donut-legend li { display: flex; align-items: center; gap: 8px; }
.op__donut-legend strong { margin-left: auto; font-weight: 800; color: #0f172a; }
.op__sys-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 0.82rem; }
.op__sys-list li { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #475569; }
.op__sys-list code { font-size: 0.78rem; background: #f1f5f9; padding: 2px 8px; border-radius: 6px; color: #0f172a; }
.op__sys-ok { font-style: normal; font-weight: 800; color: #16a34a; display: inline-flex; align-items: center; gap: 6px; }
.op__sys-ok::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; }
.op__dash-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 16px 4px 0;
	margin-top: 8px;
	border-top: 1px solid rgba(15,23,42,0.06);
	font-size: 0.78rem;
	color: #64748b;
}
.op__copyright { margin: 0; }
.op__version { margin: 0; font-weight: 600; color: #94a3b8; }
.op__stat { padding: 18px 20px; border-radius: 16px; background: #fff; border: 1px solid rgba(15,23,42,0.07); box-shadow: 0 2px 8px rgba(15,23,42,0.04); }
.op__stat-row { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.op__stat-row .op__stat { flex: 1; min-width: 160px; }
.op__stat--blue { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border-color: rgba(59,130,246,0.18); }
.op__stat--amber { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); border-color: rgba(245,158,11,0.2); }
.op__stat--green { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border-color: rgba(22,163,74,0.2); }
.op__stat-val { display: block; font-size: 2rem; font-weight: 900; color: #0f172a; letter-spacing: -0.04em; line-height: 1; }
.op__stat-lbl { display: block; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #64748b; margin-top: 5px; }
.op__grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.op__card { background: #fff; border-radius: 16px; padding: 20px 22px; border: 1px solid rgba(15,23,42,0.07); box-shadow: 0 2px 10px rgba(15,23,42,0.04); margin-bottom: 16px; }
.op__card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.op__card-title { margin: 0; font-size: 0.95rem; font-weight: 700; color: #0f172a; }
.op__text-btn { background: none; border: none; color: #1b4fb6; font-size: 0.8rem; font-weight: 600; cursor: pointer; }
.op__table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.op__table th { padding: 9px 14px; text-align: left; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #64748b; background: #f8fafc; border-bottom: 1px solid rgba(15,23,42,0.07); }
.op__table td { padding: 11px 14px; border-bottom: 1px solid rgba(15,23,42,0.05); color: #334155; vertical-align: middle; }
.op__table tr:last-child td { border-bottom: none; }
.op__table--hover tbody tr:hover td { background: #f8fafc; }
.op__pill { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 99px; font-size: 0.7rem; font-weight: 700; }
.op__muted { color: #64748b; font-size: 0.82rem; }
.op__customer-cell { display: flex; align-items: center; gap: 10px; }
.op__cust-av { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 800; flex-shrink: 0; }
.op__cust-av strong { display: block; font-size: 0.85rem; color: #0f172a; line-height: 1.3; }
.op__cust-av span { display: block; }
.op__search-row { display: flex; gap: 10px; flex-wrap: wrap; }
.op__search-input, .op__search-select { padding: 8px 12px; border: 1px solid rgba(15,23,42,0.1); border-radius: 9px; font: inherit; font-size: 0.85rem; background: #fff; color: #0f172a; min-width: 160px; }
.op__search-input:focus, .op__search-select:focus { outline: none; border-color: rgba(129,140,248,0.5); box-shadow: 0 0 0 3px rgba(129,140,248,0.1); }
.op__icon-btn { background: rgba(15,23,42,0.04); border: 1px solid rgba(15,23,42,0.1); border-radius: 7px; padding: 4px 10px; font-size: 0.85rem; cursor: pointer; transition: background 0.12s; }
.op__icon-btn:hover { background: rgba(129,140,248,0.12); border-color: rgba(129,140,248,0.3); }
.op__action-cell { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.op__btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 14px; min-height: 36px; border-radius: 9px; font: inherit; font-size: 0.85rem; font-weight: 700; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: filter 0.15s, transform 0.12s; white-space: nowrap; }
.op__btn--primary { color: #fff; background: linear-gradient(155deg, #818cf8 0%, #6366f1 50%, #4f46e5 100%); box-shadow: 0 4px 12px rgba(99,102,241,0.3); }
.op__btn--primary:hover { filter: brightness(1.06); transform: translateY(-1px); }
.op__btn--sm { min-height: 28px; padding: 0 10px; font-size: 0.75rem; border-radius: 7px; }
.op__btn--danger { background: rgba(239,68,68,0.1); color: #b91c1c; border-color: rgba(239,68,68,0.2); }
.op__btn--ok { background: rgba(22,163,74,0.1); color: #15803d; border-color: rgba(22,163,74,0.2); }
.op__btn--ghost { background: rgba(15,23,42,0.04); color: #334155; border-color: rgba(15,23,42,0.1); }
.op__status-select { padding: 4px 8px; border: 1px solid rgba(15,23,42,0.1); border-radius: 7px; font: inherit; font-size: 0.78rem; background: #fff; cursor: pointer; }

/* —— Başvurular (operasyon) —— */
.op__topbar-titlecol { min-width: 0; }
.op__topbar-sub { margin: 2px 0 0; font-size: 0.78rem; font-weight: 500; color: #64748b; line-height: 1.35; max-width: 44ch; }
.op--view-basvurular .op__toolbar { display: none !important; }
.op--view-musteriler .op__toolbar { display: none !important; }
.op--view-belgeler .op__toolbar { display: none !important; }
.op--view-surec .op__toolbar { display: none !important; }
.op--view-gorevler .op__toolbar { display: none !important; }
.op--view-mesajlar .op__toolbar { display: none !important; }
.op--view-odemeler .op__toolbar { display: none !important; }
.op--view-raporlar .op__toolbar { display: none !important; }
.op--view-is-basvurular .op__toolbar { display: none !important; }
.op--view-wp-tools .op__toolbar { display: none !important; }

.op-wp-embed { max-width: 100%; }
.op-wp-embed__head {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px;
}
.op-wp-embed__title { margin: 0; font-size: 1.25rem; font-weight: 700; }
.op-wp-embed__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.op-wp-embed__table td { font-size: 0.9rem; vertical-align: middle; }
.op-wp-embed__act { text-align: right; white-space: nowrap; }
.op-wp-embed__pill {
	display: inline-block; font-size: 0.75rem; font-weight: 600; padding: 2px 8px; border-radius: 999px;
	background: rgba(15, 23, 42, 0.06); color: #475569;
}
.op-wp-embed__pill--ok { background: rgba(34, 197, 94, 0.15); color: #15803d; }
.op-wp-embed__grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px;
}

/* —— Ödemeler (operasyon) —— */
.op-pay--layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 20px 24px;
	align-items: start;
}
@media (max-width: 1280px) {
	.op-pay--layout { grid-template-columns: 1fr; }
	.op-pay__aside { order: 10; }
}
.op-pay__main { min-width: 0; }
.op-pay__header-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 16px;
}
.op-pay__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 16px;
	min-height: 38px;
	border-radius: 10px;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid transparent;
	text-decoration: none;
	box-sizing: border-box;
}
.op-pay__btn-ic { flex-shrink: 0; }
.op-pay__btn--ghost { background: #fff; color: #334155; border-color: rgba(15, 23, 42, 0.12); }
.op-pay__btn--ghost:hover { background: #f8fafc; }
.op-pay__btn--primary { background: #2563eb; color: #fff; border-color: #2563eb; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25); }
.op-pay__btn--primary:hover { filter: brightness(1.04); }
.op-pay__btn--primary[disabled] { opacity: 0.5; cursor: not-allowed; }
.op-pay__kpi {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}
@media (max-width: 1200px) {
	.op-pay__kpi { grid-template-columns: repeat(2, 1fr); }
}
.op-pay__kpi-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.op-pay__kpi-ic {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	flex-shrink: 0;
}
.op-pay__kpi-svg { color: #fff; }
.op-pay__kpi-card--total .op-pay__kpi-ic { background: linear-gradient(145deg, #3b82f6, #2563eb); }
.op-pay__kpi-card--ok .op-pay__kpi-ic { background: linear-gradient(145deg, #4ade80, #16a34a); }
.op-pay__kpi-card--wait .op-pay__kpi-ic { background: linear-gradient(145deg, #fb923c, #ea580c); }
.op-pay__kpi-card--ref .op-pay__kpi-ic { background: linear-gradient(145deg, #f87171, #dc2626); }
.op-pay__kpi-card--fail .op-pay__kpi-ic { background: linear-gradient(145deg, #a78bfa, #7c3aed); }
.op-pay__kpi-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.op-pay__kpi-lbl { font-size: 0.7rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.03em; }
.op-pay__kpi-val { font-size: 1.15rem; font-weight: 800; color: #0f172a; line-height: 1.2; }
.op-pay__kpi-val--int { font-size: 1.35rem; }
.op-pay__kpi-mo { font-size: 0.76rem; font-weight: 600; }
.op-pay__kpi-mo--up { color: #16a34a; }
.op-pay__kpi-mo--down { color: #dc2626; }
.op-pay__filterbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
}
.op-pay__search-field {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 200px;
	min-width: 0;
	padding: 0 12px;
	min-height: 40px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 10px;
	background: #f8fafc;
}
.op-pay__search-ic { flex-shrink: 0; color: #94a3b8; }
.op-pay__search-inp {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	font: inherit;
	font-size: 0.84rem;
	outline: none;
}
.op-pay__select {
	padding: 8px 12px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 9px;
	font: inherit;
	font-size: 0.78rem;
	background: #fff;
	color: #0f172a;
	cursor: pointer;
	max-width: 180px;
}
.op-pay__datefake {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 9px;
	font-size: 0.78rem;
	font-weight: 600;
	color: #334155;
	background: #fff;
}
.op-pay__datefake-ic { color: #64748b; }
.op-pay__clear {
	margin-left: auto;
	padding: 8px 12px;
	border: 0;
	background: transparent;
	color: #2563eb;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.op-pay__card { padding: 0; overflow: hidden; }
.op-pay__th-cb { width: 36px; }
.op-pay__th-actions { width: 88px; text-align: right; }
.op-pay__ref { font-size: 0.84rem; font-weight: 800; color: #2563eb; }
.op-pay__usercell { display: flex; align-items: center; gap: 10px; }
.op-pay__avw { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.op-pay__avw img { display: block; width: 100%; height: 100%; object-fit: cover; }
.op-pay__avf {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #e0e7ff;
	color: #3730a3;
	font-size: 0.78rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.op-pay__avf--sm { width: 28px; height: 28px; font-size: 0.7rem; }
.op-pay__umeta { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.op-pay__umeta strong { font-size: 0.84rem; color: #0f172a; }
.op-pay__em { font-size: 0.74rem; color: #64748b; }
.op-pay__proc { display: flex; flex-direction: column; gap: 2px; }
.op-pay__plb { font-size: 0.82rem; font-weight: 700; color: #0f172a; }
.op-pay__pref { font-size: 0.74rem; }
.op-pay__ty {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 0.72rem;
	font-weight: 700;
}
.op-pay__ty--hiz { background: rgba(59, 130, 246, 0.12); color: #1d4ed8; }
.op-pay__ty--pak { background: rgba(167, 139, 250, 0.15); color: #6d28d9; }
.op-pay__ty--ek { background: rgba(45, 212, 191, 0.18); color: #0f766e; }
.op-pay__amt { font-size: 0.88rem; color: #0f172a; }
.op-pay__dt { font-size: 0.8rem; white-space: nowrap; color: #334155; font-weight: 600; }
.op-pay__st {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
}
.op-pay__st--sm { padding: 2px 8px; font-size: 0.68rem; }
.op-pay__st-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.op-pay__st--ok { background: rgba(22, 163, 74, 0.12); color: #15803d; }
.op-pay__st--ok .op-pay__st-dot { background: #22c55e; }
.op-pay__st--wt { background: rgba(251, 146, 60, 0.15); color: #c2410c; }
.op-pay__st--wt .op-pay__st-dot { background: #fb923c; }
.op-pay__st--re { background: rgba(248, 113, 113, 0.15); color: #b91c1c; }
.op-pay__st--re .op-pay__st-dot { background: #ef4444; }
.op-pay__st--er { background: rgba(254, 226, 226, 0.6); color: #b91c1c; }
.op-pay__st--er .op-pay__st-dot { background: #dc2626; }
.op-pay__meth { display: flex; align-items: center; gap: 6px; font-size: 0.78rem; color: #475569; }
.op-pay__meth-ic { flex-shrink: 0; color: #64748b; }
.op-pay__act { text-align: right; white-space: nowrap; }
.op-pay__ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	color: #475569;
}
.op-pay__ic:hover { background: #f1f5f9; border-color: rgba(37, 99, 235, 0.25); color: #2563eb; }
a.op-pay__ic { text-decoration: none; }
.op-pay__td-cb { vertical-align: middle; }
.op-pay__cb { width: 16px; height: 16px; accent-color: #2563eb; cursor: pointer; }
.op-pay__empty { padding: 20px; text-align: center; }
.op-pay__pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 16px;
	border-top: 1px solid rgba(15, 23, 42, 0.06);
}
.op-pay__pager-total { margin: 0; font-size: 0.82rem; color: #64748b; font-weight: 600; }
.op-pay__pager-right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.op-pay__aside { display: flex; flex-direction: column; gap: 16px; }
.op-pay__widget {
	padding: 16px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.op-pay__whead { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.op-pay__wtitle { margin: 0; font-size: 0.88rem; font-weight: 800; color: #0f172a; }
.op-pay__wsel { padding: 6px 10px; border: 1px solid rgba(15, 23, 42, 0.12); border-radius: 8px; font: inherit; font-size: 0.72rem; font-weight: 700; background: #f8fafc; cursor: pointer; }
.op-pay__sumlist { list-style: none; margin: 0 0 12px; padding: 0; }
.op-pay__sumline { display: flex; justify-content: space-between; gap: 8px; font-size: 0.78rem; padding: 6px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06); color: #64748b; }
.op-pay__sumline strong { color: #0f172a; font-weight: 800; }
.op-pay__spark { height: 48px; margin-top: 4px; }
.op-pay__spark-svg { width: 100%; height: 100%; display: block; }
.op-pay__donut-wrap { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.op-pay__donut {
	width: 112px;
	height: 112px;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
}
.op-pay__donut-hole {
	position: absolute;
	inset: 22px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7rem;
	font-weight: 800;
	color: #94a3b8;
}
.op-pay__dlegend { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 120px; }
.op-pay__dlegend li { display: grid; grid-template-columns: 8px 1fr auto; gap: 8px; align-items: center; font-size: 0.76rem; margin-bottom: 6px; color: #475569; }
.op-pay__lg-dot { width: 8px; height: 8px; border-radius: 50%; }
.op-pay__wlink {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	color: #2563eb;
	cursor: pointer;
}
.op-pay__recent { list-style: none; margin: 0; padding: 0; }
.op-pay__recent-item { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06); }
.op-pay__recent-item:last-child { border-bottom: 0; }
.op-pay__ritem-body { flex: 1; min-width: 0; }
.op-pay__ritem-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 4px; }
.op-pay__ritem-top strong { font-size: 0.82rem; color: #0f172a; }
.op-pay__ritem-time { font-size: 0.68rem; color: #94a3b8; font-weight: 600; }
.op-pay__ritem-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.op-pay__ritem-amt { font-size: 0.8rem; font-weight: 800; color: #0f172a; }

/* —— Raporlar (operasyon) —— */
.op-rep { min-width: 0; }
.op-rep__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	justify-content: flex-end;
	margin-bottom: 16px;
}
.op-rep__datefake {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 10px;
	background: #fff;
	font-size: 0.78rem;
	font-weight: 600;
	color: #334155;
}
.op-rep__datefake-ic { color: #64748b; }
.op-rep__period {
	padding: 8px 12px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 9px;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 600;
	background: #fff;
	cursor: pointer;
}
.op-rep__export {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	background: #fff;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	color: #334155;
	cursor: pointer;
}
.op-rep__export:hover { background: #f8fafc; }
.op-rep__export-ic { color: #64748b; }
.op-rep__kpi {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}
@media (max-width: 1200px) {
	.op-rep__kpi { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px) {
	.op-rep__kpi { grid-template-columns: 1fr 1fr; }
}
.op-rep__kpi-card {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px 12px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.op-rep__kpi-ic {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.op-rep__kpi-svg { color: #fff; }
.op-rep__kpi-card--blue .op-rep__kpi-ic { background: linear-gradient(145deg, #60a5fa, #2563eb); }
.op-rep__kpi-card--green .op-rep__kpi-ic { background: linear-gradient(145deg, #4ade80, #16a34a); }
.op-rep__kpi-card--orange .op-rep__kpi-ic { background: linear-gradient(145deg, #fb923c, #ea580c); }
.op-rep__kpi-card--purple .op-rep__kpi-ic { background: linear-gradient(145deg, #a78bfa, #7c3aed); }
.op-rep__kpi-card--amber .op-rep__kpi-ic { background: linear-gradient(145deg, #facc15, #ca8a04); }
.op-rep__kpi-card--teal .op-rep__kpi-ic { background: linear-gradient(145deg, #2dd4bf, #0d9488); }
.op-rep__kpi-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.op-rep__kpi-lbl { font-size: 0.68rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.02em; }
.op-rep__kpi-val { font-size: 1.1rem; font-weight: 800; color: #0f172a; line-height: 1.2; }
.op-rep__kpi-g { font-size: 0.7rem; font-weight: 600; }
.op-rep__kpi-g--up { color: #16a34a; }
.op-rep__kpi-g--down { color: #dc2626; }
.op-rep__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 20px 24px;
	align-items: start;
}
@media (max-width: 1280px) {
	.op-rep__body { grid-template-columns: 1fr; }
	.op-rep__aside { order: 10; }
}
.op-rep__main { min-width: 0; }
.op-rep__card {
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	padding: 16px 18px 18px;
	margin-bottom: 16px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.op-rep__chead { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.op-rep__ctitle { margin: 0; font-size: 0.95rem; font-weight: 800; color: #0f172a; }
.op-rep__tf { padding: 6px 10px; border: 1px solid rgba(15, 23, 42, 0.12); border-radius: 8px; font: inherit; font-size: 0.75rem; font-weight: 700; background: #f8fafc; cursor: pointer; }
.op-rep__chwrap { display: flex; align-items: stretch; gap: 4px; min-height: 200px; }
.op-rep__yaxis { display: flex; flex-direction: column; justify-content: space-between; font-size: 0.64rem; font-weight: 600; color: #94a3b8; padding: 2px 0; flex-shrink: 0; width: 28px; text-align: right; }
.op-rep__yaxis--r { text-align: left; width: 34px; }
.op-rep__chsvg { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.op-rep__line-svg { width: 100%; height: 200px; display: block; }
.op-rep__xlabels { display: flex; justify-content: space-between; font-size: 0.6rem; color: #94a3b8; font-weight: 600; margin-top: 4px; padding: 0 2px; }
.op-rep__clegend { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px; font-size: 0.75rem; font-weight: 600; color: #475569; }
.op-rep__lg { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; vertical-align: -1px; }
.op-rep__lg--b { background: #2563eb; }
.op-rep__lg--g { background: #22c55e; }
.op-rep__tri {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}
@media (max-width: 900px) {
	.op-rep__tri { grid-template-columns: 1fr; }
}
.op-rep__mini {
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	padding: 12px 14px;
	min-height: 120px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.op-rep__mini-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.op-rep__mini-title { margin: 0; font-size: 0.78rem; font-weight: 800; color: #0f172a; }
.op-rep__mini--donut .op-rep__mini-title { margin-bottom: 8px; }
.op-rep__mini-pill { font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 6px; }
.op-rep__mini-pill--up { color: #15803d; background: rgba(22, 163, 74, 0.12); }
.op-rep__mini-pill--down { color: #b91c1c; background: rgba(248, 113, 113, 0.15); }
.op-rep__mbars { display: flex; align-items: flex-end; justify-content: space-between; gap: 6px; height: 64px; margin-bottom: 8px; }
.op-rep__mbar { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 0.62rem; font-weight: 600; color: #64748b; }
.op-rep__mbar i { display: block; width: 100%; max-width: 32px; background: linear-gradient(180deg, #3b82f6, #2563eb); border-radius: 4px 4px 0 0; min-height: 4px; }
.op-rep__mini-total { margin: 0; font-size: 0.88rem; font-weight: 800; color: #0f172a; }
.op-rep__drow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.op-rep__drow--rev { flex-direction: row-reverse; }
.op-rep__donut { width: 88px; height: 88px; border-radius: 50%; position: relative; flex-shrink: 0; }
.op-rep__donut--lg { width: 100px; height: 100px; }
.op-rep__donut-hole { position: absolute; inset: 20px; background: #fff; border-radius: 50%; }
.op-rep__donut-hole--lg { inset: 24px; }
.op-rep__dlist { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 100px; }
.op-rep__dlist li { display: grid; grid-template-columns: 6px 1fr auto; gap: 6px; align-items: center; font-size: 0.68rem; margin-bottom: 4px; color: #475569; }
.op-rep__dlist i { display: block; width: 6px; height: 6px; border-radius: 50%; }
.op-rep__dlist strong { color: #0f172a; }
.op-rep__tbl-title { margin: 0 0 12px; font-size: 0.95rem; font-weight: 800; color: #0f172a; }
.op-rep__table { font-size: 0.8rem; }
.op-rep__table th { font-size: 0.72rem; }
.op-rep__svc { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.op-rep__svc-ic { color: #64748b; flex-shrink: 0; }
.op-rep__rev { font-weight: 800; color: #0f172a; }
.op-rep__rg { display: inline-block; margin-left: 6px; font-size: 0.68rem; font-weight: 700; padding: 2px 6px; border-radius: 6px; }
.op-rep__rg--up { color: #15803d; background: rgba(22, 163, 74, 0.12); }
.op-rep__rg--down { color: #b91c1c; background: rgba(248, 113, 113, 0.12); }
.op-rep__foot { margin: 0 0 8px; font-size: 0.72rem; color: #94a3b8; }
.op-rep__aside { display: flex; flex-direction: column; gap: 16px; }
.op-rep__w {
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	padding: 14px 14px 16px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.op-rep__wtitle { margin: 0 0 12px; font-size: 0.82rem; font-weight: 800; color: #0f172a; }
.op-rep__aside-d { display: flex; align-items: flex-start; gap: 12px; }
.op-rep__aside-legend { list-style: none; margin: 0; padding: 0; flex: 1; }
.op-rep__aside-legend li { display: grid; grid-template-columns: 6px 1fr auto auto; gap: 4px; align-items: center; font-size: 0.7rem; margin-bottom: 5px; color: #475569; }
.op-rep__aside-legend i { display: block; width: 6px; height: 6px; border-radius: 50%; }
.op-rep__al-m, .op-rep__al-r { text-align: right; }
.op-rep__al-r { color: #0f172a; }
.op-rep__ulist { list-style: none; margin: 0; padding: 0; }
.op-rep__urow { display: flex; justify-content: space-between; font-size: 0.76rem; font-weight: 600; color: #334155; margin-bottom: 2px; }
.op-rep__upct { color: #64748b; }
.op-rep__ubar { height: 6px; background: #f1f5f9; border-radius: 4px; overflow: hidden; margin-bottom: 8px; }
.op-rep__ubar i { display: block; height: 100%; background: linear-gradient(90deg, #3b82f6, #2563eb); border-radius: 4px; }
.op-rep__whead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.op-rep__whead .op-rep__wtitle { margin: 0; }
.op-rep__wlink { border: 0; background: none; font: inherit; font-size: 0.7rem; font-weight: 700; color: #2563eb; cursor: pointer; padding: 0; }
.op-rep__recent { list-style: none; margin: 0; padding: 0; }
.op-rep__ritem { display: flex; gap: 8px; padding: 10px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06); }
.op-rep__ritem:last-child { border-bottom: 0; }
.op-rep__ric { width: 30px; height: 30px; border-radius: 8px; background: #f1f5f9; display: flex; align-items: center; justify-content: center; color: #64748b; flex-shrink: 0; }
.op-rep__rbody { min-width: 0; flex: 1; }
.op-rep__rline { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; }
.op-rep__rline strong { font-size: 0.8rem; color: #0f172a; }
.op-rep__rt { font-size: 0.62rem; color: #94a3b8; font-weight: 600; }
.op-rep__rsvc { margin: 2px 0 4px; font-size: 0.7rem; color: #64748b; }
.op-rep__tag { display: inline-block; font-size: 0.62rem; font-weight: 700; padding: 2px 8px; border-radius: 6px; }
.op-rep__tag--ok { color: #15803d; background: rgba(22, 163, 74, 0.12); }
.op-rep__tag--wt { color: #c2410c; background: rgba(251, 146, 60, 0.15); }
.op-rep__tag--info { color: #0284c7; background: rgba(14, 165, 233, 0.15); }
.op-rep__legacy { margin-top: 20px; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; background: #fafafa; }
.op-rep__legacy-sum { padding: 12px 16px; font-weight: 700; color: #475569; cursor: pointer; }
.op-rep__legacy-card { margin: 0 16px 16px; }

/* —— İş Başvuruları (operasyon) —— */
.op-ijb--layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 20px 24px;
	align-items: start;
}
@media (max-width: 1280px) {
	.op-ijb--layout { grid-template-columns: 1fr; }
	.op-ijb__side { order: 10; }
}
.op-ijb__main { min-width: 0; }
.op-ijb__toprow { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.op-ijb__lead { margin: 0; flex: 1 1 280px; max-width: 56ch; font-size: 0.8rem; line-height: 1.5; color: #64748b; font-weight: 500; }
.op-ijb__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; flex-shrink: 0; }
.op-ijb__btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 16px; min-height: 38px; border-radius: 10px; font: inherit; font-size: 0.8rem; font-weight: 700; cursor: pointer; border: 1px solid transparent; text-decoration: none; box-sizing: border-box; }
.op-ijb__btn-ic { color: #64748b; flex-shrink: 0; }
.op-ijb__btn--ghost { background: #fff; color: #334155; border-color: rgba(15, 23, 42, 0.12); }
.op-ijb__btn--ghost:hover { background: #f8fafc; }
.op-ijb__btn--primary { background: #2563eb; color: #fff; border-color: #2563eb; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25); }
.op-ijb__btn--primary:hover { filter: brightness(1.04); }
.op-ijb__kpi { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
@media (max-width: 1200px) { .op-ijb__kpi { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .op-ijb__kpi { grid-template-columns: 1fr 1fr; } }
.op-ijb__kpi-card { display: flex; align-items: flex-start; gap: 10px; padding: 12px; background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); }
.op-ijb__kpi-ic { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.op-ijb__kpi-svg { color: #fff; }
.op-ijb__kpi--b .op-ijb__kpi-ic { background: linear-gradient(145deg, #60a5fa, #2563eb); }
.op-ijb__kpi--p .op-ijb__kpi-ic { background: linear-gradient(145deg, #a78bfa, #7c3aed); }
.op-ijb__kpi--p2 .op-ijb__kpi-ic { background: linear-gradient(145deg, #c4b5fd, #6d28d9); }
.op-ijb__kpi--g .op-ijb__kpi-ic { background: linear-gradient(145deg, #4ade80, #16a34a); }
.op-ijb__kpi--g2 .op-ijb__kpi-ic { background: linear-gradient(145deg, #34d399, #059669); }
.op-ijb__kpi--r .op-ijb__kpi-ic { background: linear-gradient(145deg, #f87171, #dc2626); }
.op-ijb__kpi-lbl { font-size: 0.65rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.02em; }
.op-ijb__kpi-val { font-size: 1.05rem; font-weight: 800; color: #0f172a; }
.op-ijb__kpi-t { font-size: 0.7rem; font-weight: 600; }
.op-ijb__kpi-t--up { color: #16a34a; }
.op-ijb__kpi-t--down { color: #dc2626; }
.op-ijb__tabs { display: flex; flex-wrap: wrap; gap: 0 8px; border-bottom: 1px solid rgba(15, 23, 42, 0.08); margin-bottom: 12px; }
.op-ijb__tab { position: relative; padding: 10px 14px; margin-bottom: -1px; border: 0; background: none; font: inherit; font-size: 0.8rem; font-weight: 700; color: #64748b; cursor: pointer; }
.op-ijb__tab:hover { color: #334155; }
.op-ijb__tab.is-active { color: #2563eb; }
.op-ijb__tab.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #2563eb; border-radius: 1px; }
.op-ijb__filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; padding: 10px 12px; background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; }
.op-ijb__search { display: flex; align-items: center; gap: 8px; flex: 1 1 200px; min-width: 0; padding: 0 10px; min-height: 38px; border: 1px solid rgba(15, 23, 42, 0.1); border-radius: 10px; background: #f8fafc; }
.op-ijb__search-ic { color: #94a3b8; }
.op-ijb__search-inp { flex: 1; border: 0; background: transparent; font: inherit; font-size: 0.82rem; outline: none; }
.op-ijb__sel { padding: 8px 10px; border: 1px solid rgba(15, 23, 42, 0.12); border-radius: 9px; font: inherit; font-size: 0.76rem; max-width: 200px; background: #fff; cursor: pointer; }
.op-ijb__datefake { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(15, 23, 42, 0.1); border-radius: 9px; font-size: 0.78rem; font-weight: 600; color: #334155; background: #fff; }
.op-ijb__datefake-ic { color: #64748b; }
.op-ijb__clear { margin-left: auto; padding: 8px; border: 0; background: none; color: #2563eb; font: inherit; font-size: 0.8rem; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.op-ijb__card--table { background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; padding: 0; overflow: hidden; margin-bottom: 16px; }
.op-ijb__table { font-size: 0.8rem; }
.op-ijb__th-act { width: 110px; text-align: right; }
.op-ijb__pos { display: flex; align-items: flex-start; gap: 8px; }
.op-ijb__pos-ic { color: #64748b; flex-shrink: 0; margin-top: 2px; }
.op-ijb__pos-txt { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.op-ijb__pos-txt strong { font-size: 0.85rem; color: #0f172a; }
.op-ijb__badges { display: flex; flex-wrap: wrap; gap: 4px; }
.op-ijb__badge { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 0.65rem; font-weight: 700; }
.op-ijb__badge--ft { background: rgba(139, 92, 246, 0.15); color: #6d28d9; }
.op-ijb__badge--rm { background: rgba(34, 197, 94, 0.15); color: #15803d; }
.op-ijb__ref { font-size: 0.7rem; color: #2563eb; font-weight: 600; }
.op-ijb__co { display: flex; align-items: center; gap: 8px; }
.op-ijb__co-av { width: 28px; height: 28px; border-radius: 8px; background: #e0e7ff; color: #3730a3; font-size: 0.7rem; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.op-ijb__loc { display: flex; align-items: center; gap: 6px; }
.op-ijb__fl { font-size: 1.1rem; line-height: 1; }
.op-ijb__loc-t { font-size: 0.78rem; color: #334155; }
.op-ijb__td-dt { font-size: 0.76rem; line-height: 1.4; color: #475569; }
.op-ijb__st { font-size: 0.76rem; font-weight: 700; }
.op-ijb__st--b { color: #2563eb; }
.op-ijb__st--y { color: #ca8a04; }
.op-ijb__st--m { color: #7c3aed; }
.op-ijb__st--e { color: #dc2626; }
.op-ijb__st--d { color: #94a3b8; }
.op-ijb__st--i { color: #0284c7; }
.op-ijb__act { text-align: right; white-space: nowrap; }
.op-ijb__ic { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 1px solid rgba(15, 23, 42, 0.1); border-radius: 8px; background: #fff; cursor: pointer; color: #64748b; }
a.op-ijb__ic { text-decoration: none; }
.op-ijb__ic:hover { color: #2563eb; border-color: rgba(37, 99, 235, 0.25); }
.op-ijb__pager-total { margin: 0; font-size: 0.8rem; color: #64748b; font-weight: 600; }
.op-ijb__grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
@media (max-width: 900px) { .op-ijb__grid2 { grid-template-columns: 1fr; } }
.op-ijb__subcard { background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; padding: 14px; }
.op-ijb__subh { margin: 0 0 10px; font-size: 0.88rem; font-weight: 800; color: #0f172a; }
.op-ijb__docs { list-style: none; margin: 0; padding: 0; }
.op-ijb__docs li { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06); font-size: 0.8rem; }
.op-ijb__docs li:last-child { border-bottom: 0; }
.op-ijb__doc-ic { color: #ef4444; flex-shrink: 0; }
.op-ijb__doc-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.op-ijb__doc-n { font-weight: 600; color: #0f172a; }
.op-ijb__doc-d { font-size: 0.7rem; color: #94a3b8; }
.op-ijb__def { font-size: 0.65rem; font-weight: 700; padding: 2px 8px; border-radius: 6px; background: rgba(37, 99, 235, 0.1); color: #1d4ed8; }
.op-ijb__linkbtn { margin-top: 8px; padding: 0; border: 0; background: none; color: #2563eb; font: inherit; font-size: 0.8rem; font-weight: 700; cursor: pointer; }
.op-ijb__recs { list-style: none; margin: 0; padding: 0; }
.op-ijb__rec { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06); }
.op-ijb__rec:last-child { border-bottom: 0; }
.op-ijb__rec-av { width: 32px; height: 32px; border-radius: 8px; background: #f1f5f9; font-size: 0.75rem; font-weight: 800; color: #475569; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.op-ijb__rec-mid { flex: 1; min-width: 0; }
.op-ijb__rec-t { display: block; font-size: 0.8rem; color: #0f172a; }
.op-ijb__rec-c { font-size: 0.7rem; color: #94a3b8; }
.op-ijb__rec-right { text-align: right; }
.op-ijb__match { display: block; font-size: 0.7rem; font-weight: 700; color: #16a34a; margin-bottom: 4px; }
.op-ijb__rec-go { padding: 4px 10px; font-size: 0.7rem; font-weight: 700; border-radius: 8px; border: 0; background: #2563eb; color: #fff; cursor: pointer; }
.op-ijb__ai { background: linear-gradient(135deg, #ecfdf5, #d1fae5); border: 1px solid rgba(16, 185, 129, 0.25); border-radius: 12px; padding: 16px 18px; margin-bottom: 8px; }
.op-ijb__ai-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.op-ijb__ai-title { display: block; font-size: 0.9rem; color: #0f172a; margin-bottom: 8px; }
.op-ijb__ai-list { list-style: none; margin: 0; padding: 0; }
.op-ijb__ai-list li { font-size: 0.78rem; color: #334155; margin-bottom: 4px; }
.op-ijb__ai-chk { color: #16a34a; font-weight: 800; margin-right: 6px; }
.op-ijb__ai-btn { padding: 8px 16px; font-size: 0.8rem; font-weight: 700; border-radius: 10px; border: 1px solid rgba(16, 185, 129, 0.4); background: #fff; color: #047857; cursor: pointer; }
.op-ijb__side { display: flex; flex-direction: column; gap: 14px; }
.op-ijb__w { background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; padding: 14px; }
.op-ijb__wh { margin: 0 0 12px; font-size: 0.85rem; font-weight: 800; color: #0f172a; }
.op-ijb__qsteps { list-style: none; margin: 0 0 12px; padding: 0; }
.op-ijb__qsteps li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; font-size: 0.76rem; color: #475569; }
.op-ijb__qn { width: 24px; height: 24px; border-radius: 50%; background: #e0e7ff; color: #3730a3; font-size: 0.7rem; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.op-ijb__ql { padding-top: 2px; }
.op-ijb__qbtn { width: 100%; padding: 10px; font-size: 0.8rem; font-weight: 800; border-radius: 10px; border: 0; background: #2563eb; color: #fff; cursor: pointer; }
.op-ijb__time { list-style: none; margin: 0; padding: 0; }
.op-ijb__time-it { position: relative; padding-left: 24px; padding-bottom: 12px; font-size: 0.78rem; color: #64748b; }
.op-ijb__time-it:not(:last-child)::before { content: ""; position: absolute; left: 7px; top: 10px; bottom: 0; width: 2px; background: #e2e8f0; }
.op-ijb__time-it--done { color: #0f172a; font-weight: 600; }
.op-ijb__time-dot { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #e2e8f0; background: #fff; }
.op-ijb__time-it--done .op-ijb__time-dot { background: #22c55e; border-color: #22c55e; }
.op-ijb__time-lb { display: block; }
.op-ijb__dnwrap { display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.op-ijb__dn { width: 100px; height: 100px; border-radius: 50%; position: relative; }
.op-ijb__dn-hole { position: absolute; inset: 24px; background: #fff; border-radius: 50%; }
.op-ijb__dn-leg { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 100px; }
.op-ijb__dn-leg li { display: grid; grid-template-columns: 6px 1fr auto; gap: 6px; align-items: center; font-size: 0.7rem; margin-bottom: 4px; }
.op-ijb__dn-leg i { display: block; width: 6px; height: 6px; border-radius: 50%; }
.op-ijb__w--ch { padding-bottom: 12px; }
.op-ijb__chlist { list-style: none; margin: 0; padding: 0; }
.op-ijb__chrow { display: flex; justify-content: space-between; font-size: 0.75rem; margin-bottom: 2px; }
.op-ijb__chbar { height: 6px; background: #f1f5f9; border-radius: 4px; overflow: hidden; margin-bottom: 8px; }
.op-ijb__chbar i { display: block; height: 100%; border-radius: 4px; }

/* —— Mesajlar (operasyon) —— */
.op-msg { --op-msg-blue: #2563eb; --op-msg-bg: #f8fafc; color: #0f172a; }
.op-msg__actions {
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
	margin-bottom: 16px; justify-content: flex-end;
}
.op-msg__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	padding: 8px 16px; min-height: 38px; border-radius: 10px;
	font: inherit; font-size: 0.8rem; font-weight: 700; cursor: pointer;
	border: 1px solid transparent; text-decoration: none; box-sizing: border-box;
}
.op-msg__btn-ic { flex-shrink: 0; }
.op-msg__btn--ghost { background: #fff; color: #334155; border-color: rgba(15,23,42,0.12); }
.op-msg__btn--ghost:hover { background: #f1f5f9; }
.op-msg__btn--primary { background: var(--op-msg-blue); color: #fff; border-color: var(--op-msg-blue); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25); }
.op-msg__btn--primary:hover { filter: brightness(1.04); }
.op-msg__wp { font-size: 0.75rem; }
.op-msg__kpi {
	display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px;
}
@media (max-width: 1200px) { .op-msg__kpi { grid-template-columns: repeat(2, 1fr); } }
.op-msg__kpi-card {
	display: flex; align-items: flex-start; gap: 12px; padding: 14px; background: #fff;
	border: 1px solid rgba(15,23,42,0.08); border-radius: 12px;
	box-shadow: 0 1px 2px rgba(15,23,42,0.04);
}
.op-msg__kpi-ic {
	display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
}
.op-msg__kpi-svg { color: #fff; }
.op-msg__kpi-card--total .op-msg__kpi-ic { background: linear-gradient(145deg, #3b82f6, #2563eb); }
.op-msg__kpi-card--today .op-msg__kpi-ic { background: linear-gradient(145deg, #4ade80, #16a34a); }
.op-msg__kpi-card--wait .op-msg__kpi-ic { background: linear-gradient(145deg, #facc15, #eab308); }
.op-msg__kpi-card--ok .op-msg__kpi-ic { background: linear-gradient(145deg, #a78bfa, #7c3aed); }
.op-msg__kpi-card--unread .op-msg__kpi-ic { background: linear-gradient(145deg, #f87171, #ef4444); }
.op-msg__kpi-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.op-msg__kpi-lbl { font-size: 0.7rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; }
.op-msg__kpi-val { font-size: 1.35rem; font-weight: 800; color: #0f172a; line-height: 1.15; }
.op-msg__kpi-sub { font-size: 0.76rem; color: #94a3b8; font-weight: 500; }
.op-msg__layout {
	display: grid; grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) minmax(260px, 300px);
	gap: 0; align-items: stretch; min-height: 520px; background: #fff;
	border: 1px solid rgba(15,23,42,0.08); border-radius: 12px; overflow: hidden;
	box-shadow: 0 1px 2px rgba(15,23,42,0.04);
}
@media (max-width: 1280px) {
	.op-msg__layout { grid-template-columns: 1fr; }
	.op-msg__col--list { order: 1; max-height: 360px; }
	.op-msg__col--chat { order: 2; min-height: 420px; }
	.op-msg__col--detail { order: 3; }
}
.op-msg__col { min-width: 0; display: flex; flex-direction: column; }
.op-msg__panel { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.op-msg__panel--list { border-right: 1px solid rgba(15,23,42,0.08); background: #fafbfc; }
.op-msg__panel--chat { background: #fff; display: flex; flex-direction: column; min-height: 480px; }
.op-msg__toolbar { display: flex; gap: 8px; padding: 10px 12px; border-bottom: 1px solid rgba(15,23,42,0.06); }
.op-msg__search { flex: 1; display: flex; align-items: center; gap: 8px; padding: 0 10px; min-height: 36px; background: #fff; border: 1px solid rgba(15,23,42,0.1); border-radius: 8px; }
.op-msg__search-ic { color: #94a3b8; flex-shrink: 0; }
.op-msg__search-input { flex: 1; border: 0; background: transparent; font: inherit; font-size: 0.8rem; outline: none; min-width: 0; }
.op-msg__icon-square {
	display: flex; align-items: center; justify-content: center; width: 36px; height: 36px;
	border: 1px solid rgba(15,23,42,0.1); border-radius: 8px; background: #fff; cursor: pointer; color: #64748b;
}
.op-msg__fic { display: block; }
.op-msg__tabs { display: flex; gap: 0; padding: 0 8px; border-bottom: 1px solid rgba(15,23,42,0.08); }
.op-msg__tab {
	position: relative; padding: 10px 12px; border: 0; background: none; font: inherit; font-size: 0.78rem; font-weight: 700;
	color: #64748b; cursor: pointer; display: inline-flex; align-items: center; gap: 4px;
}
.op-msg__tab-n { font-weight: 800; color: #94a3b8; }
.op-msg__tab.is-active { color: var(--op-msg-blue); }
.op-msg__tab.is-active::after {
	content: ""; position: absolute; left: 8px; right: 8px; bottom: 0; height: 2px;
	background: var(--op-msg-blue); border-radius: 2px 2px 0 0;
}
.op-msg__list { list-style: none; margin: 0; padding: 6px; overflow-y: auto; flex: 1; }
.op-msg__item { border-radius: 10px; margin-bottom: 2px; }
.op-msg__item-btn {
	display: flex; width: 100%; text-align: left; align-items: flex-start; gap: 10px; padding: 10px; border: 0; border-radius: 10px;
	background: transparent; cursor: pointer; font: inherit; position: relative;
}
.op-msg__item.is-active .op-msg__item-btn {
	background: #eff6ff; box-shadow: inset 3px 0 0 var(--op-msg-blue);
}
.op-msg__item-btn:hover { background: rgba(15,23,42,0.04); }
.op-msg__item.is-active .op-msg__item-btn:hover { background: #eff6ff; }
.op-msg__item-av, .op-msg__item-avimg {
	width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
	background: #e0e7ff; color: #4338ca; font-size: 0.8rem; font-weight: 800;
}
.op-msg__item-avimg { padding: 0; object-fit: cover; }
.op-msg__item-main { min-width: 0; flex: 1; }
.op-msg__item-top { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.op-msg__item-name { font-size: 0.84rem; color: #0f172a; }
.op-msg__item-time { font-size: 0.7rem; color: #94a3b8; font-weight: 600; white-space: nowrap; }
.op-msg__item-snippet { margin: 4px 0 0; font-size: 0.76rem; color: #64748b; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.op-msg__unread-badge {
	position: absolute; top: 8px; right: 8px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px;
	background: var(--op-msg-blue); color: #fff; font-size: 0.68rem; font-weight: 800; display: flex; align-items: center; justify-content: center;
}
.op-msg__loadmore {
	width: 100%; padding: 10px; border: 0; background: none; color: #64748b; font: inherit; font-size: 0.76rem; font-weight: 700; cursor: pointer;
}
.op-msg__loadmore:hover { color: var(--op-msg-blue); }
.op-msg__chat-head {
	display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid rgba(15,23,42,0.08);
}
.op-msg__head-av { flex-shrink: 0; }
.op-msg__chat-av, .op-msg__ch-avimg { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #e0e7ff; color: #3730a3; font-weight: 800; font-size: 0.78rem; }
.op-msg__ch-avimg { object-fit: cover; }
.op-msg__chat-person { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.op-msg__chat-name { font-size: 0.95rem; font-weight: 800; color: #0f172a; }
.op-msg__online { font-size: 0.76rem; font-weight: 600; color: #16a34a; display: inline-flex; align-items: center; gap: 5px; }
.op-msg__online--off { color: #94a3b8; }
.op-msg__online--off .op-msg__online-dot { background: #94a3b8; }
.op-msg__online-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; }
.op-msg__head-spacer { flex: 1; }
.op-msg__actions-dd {
	display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid rgba(15,23,42,0.12);
	border-radius: 8px; background: #fff; font: inherit; font-size: 0.78rem; font-weight: 700; color: #334155; cursor: pointer;
}
.op-msg__chat-actions { position: relative; }
.op-msg__head-dd {
	position: absolute; right: 0; top: 100%; margin-top: 6px; z-index: 30; min-width: 220px;
	background: #fff; border: 1px solid rgba(15,23,42,0.12); border-radius: 10px;
	box-shadow: 0 8px 24px rgba(15,23,42,0.12); padding: 6px; display: flex; flex-direction: column; gap: 2px;
}
.op-msg__dd-item {
	width: 100%; text-align: left; padding: 10px 12px; border: 0; background: none; font: inherit; font-size: 0.8rem; font-weight: 600; color: #334155; cursor: pointer; border-radius: 6px;
}
.op-msg__dd-item:hover { background: #f1f5f9; }
.op-msg__dd-item--danger { color: #b91c1c; }
.op-msg__composer-outer { border-top: 1px solid rgba(15,23,42,0.08); background: #fff; }
.op-msg__composer-wrap { position: relative; }
.op-msg__composer#op-msg-composer-msg { position: relative; }
.op-msg__emoji-pop {
	position: absolute; left: 12px; bottom: 100%; z-index: 10; max-width: 220px; padding: 6px; margin-bottom: 4px; display: flex; flex-wrap: wrap; gap: 4px;
	background: #fff; border: 1px solid rgba(15,23,42,0.1); border-radius: 8px; box-shadow: 0 4px 16px rgba(15,23,42,0.1);
}
.op-msg__emoji-pick { width: 32px; height: 32px; border: 0; background: #f1f5f9; border-radius: 6px; cursor: pointer; font-size: 0.95rem; line-height: 1; }
.op-msg__emoji-pick:hover { background: #e2e8f0; }
.op-msg__chat-body { flex: 1; overflow-y: auto; padding: 16px; background: #f8fafc; min-height: 220px; }
.op-msg__sep { text-align: center; margin: 12px 0; }
.op-msg__sep span { display: inline-block; padding: 4px 12px; font-size: 0.72rem; font-weight: 700; color: #94a3b8; background: #fff; border-radius: 999px; border: 1px solid rgba(15,23,42,0.08); }
.op-msg__row { display: flex; margin-bottom: 10px; }
.op-msg__row--in { justify-content: flex-start; align-items: flex-end; gap: 8px; }
.op-msg__row--out { justify-content: flex-end; }
.op-msg__bubble-av { width: 30px; height: 30px; border-radius: 50%; background: #e0e7ff; color: #4338ca; font-size: 0.65rem; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 2px; }
.op-msg__bubble-spacer { width: 30px; flex-shrink: 0; }
.op-msg__bubble { max-width: 78%; border-radius: 12px; padding: 10px 12px; }
.op-msg__bubble--in { background: #fff; border: 1px solid rgba(15,23,42,0.08); color: #334155; }
.op-msg__bubble--in p { margin: 0; font-size: 0.84rem; line-height: 1.45; }
.op-msg__bubble-time { display: block; margin-top: 6px; font-size: 0.7rem; color: #94a3b8; }
.op-msg__bubble--out { background: #e0efff; color: #0f172a; border: 1px solid rgba(37, 99, 235, 0.2); }
.op-msg__bubble--out p { margin: 0; font-size: 0.84rem; line-height: 1.45; }
.op-msg__bubble-foot { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 6px; font-size: 0.7rem; color: #3b82f6; }
.op-msg__ticks { color: #2563eb; display: flex; }
.op-msg__comp-tabs { display: flex; gap: 0; border-bottom: 1px solid rgba(15,23,42,0.06); padding: 0 12px; }
.op-msg__comp-tab { padding: 10px 14px; border: 0; background: none; font: inherit; font-size: 0.8rem; font-weight: 700; color: #64748b; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.op-msg__comp-tab.is-active { color: var(--op-msg-blue); border-bottom-color: var(--op-msg-blue); }
.op-msg__composer { padding: 10px 12px 12px; }
.op-msg__composer--note { padding-top: 8px; }
.op-msg__composer-input {
	width: 100%; min-height: 64px; padding: 10px 12px; border: 1px solid rgba(15,23,42,0.1); border-radius: 10px; font: inherit; font-size: 0.84rem; resize: vertical; box-sizing: border-box; background: #f8fafc;
}
.op-msg__composer-input:focus { outline: none; border-color: rgba(37, 99, 235, 0.45); background: #fff; }
.op-msg__composer-bar { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; gap: 8px; }
.op-msg__composer-left { display: flex; align-items: center; gap: 4px; }
.op-msg__comp-ic { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0; background: none; color: #64748b; border-radius: 8px; cursor: pointer; }
.op-msg__comp-ic:hover { background: #f1f5f9; color: #334155; }
.op-msg__cic { display: block; }
.op-msg__send { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 10px; background: var(--op-msg-blue); color: #fff; cursor: pointer; flex-shrink: 0; }
.op-msg__send:hover { filter: brightness(1.05); }
.op-msg__send-ic { color: #fff; }
.op-msg__send--note { width: auto; padding: 0 16px; font: inherit; font-size: 0.8rem; font-weight: 800; }
.op-msg__note-hint { font-size: 0.76rem; }
.op-msg__col--detail { border-left: 1px solid rgba(15,23,42,0.08); background: #fafbfc; padding: 12px; overflow-y: auto; gap: 12px; }
.op-msg__dcard { background: #fff; border: 1px solid rgba(15,23,42,0.08); border-radius: 12px; padding: 14px; }
.op-msg__dcard-title { margin: 0 0 10px; font-size: 0.82rem; font-weight: 800; color: #0f172a; }
.op-msg__person { display: flex; gap: 12px; align-items: flex-start; }
.op-msg__person-av, .op-msg__person-av--txt { width: 48px; height: 48px; border-radius: 50%; flex-shrink: 0; }
.op-msg__person-av--txt { display: flex; align-items: center; justify-content: center; background: #e0e7ff; color: #3730a3; font-weight: 800; font-size: 0.9rem; }
.op-msg__person-av { object-fit: cover; }
.op-msg__person-name { display: block; font-size: 0.9rem; margin-bottom: 4px; }
.op-msg__meta-row { margin: 0 0 4px; font-size: 0.78rem; color: #64748b; display: flex; align-items: center; gap: 6px; word-break: break-all; }
.op-msg__copy { border: 0; background: none; padding: 2px; cursor: pointer; color: #94a3b8; }
.op-msg__copy:hover { color: var(--op-msg-blue); }
.op-msg__profile-btn {
	width: 100%; margin-top: 10px; padding: 8px; border: 1px solid rgba(15,23,42,0.1); border-radius: 8px; background: #fff; font: inherit; font-size: 0.78rem; font-weight: 700; color: #334155; cursor: pointer;
}
.op-msg__profile-btn:hover { border-color: rgba(37, 99, 235, 0.4); color: var(--op-msg-blue); }
.op-msg__proc { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.op-msg__proc-ic { flex-shrink: 0; color: #3b82f6; }
.op-msg__proc-text { flex: 1; min-width: 0; }
.op-msg__proc-name { display: block; font-size: 0.82rem; font-weight: 800; color: #0f172a; }
.op-msg__proc-ref { display: block; font-size: 0.76rem; color: #2563eb; font-weight: 700; }
.op-msg__proc-st { font-size: 0.7rem; font-weight: 800; color: #16a34a; background: rgba(22, 163, 74, 0.12); padding: 2px 8px; border-radius: 6px; height: fit-content; margin-left: auto; }
.op-msg__proc-link { width: 100%; margin-top: 2px; border: 0; background: none; padding: 0; font: inherit; font-size: 0.76rem; font-weight: 800; color: var(--op-msg-blue); cursor: pointer; text-align: left; }
.op-msg__qlist { list-style: none; margin: 0; padding: 0; }
.op-msg__qlist li { border-bottom: 1px solid rgba(15,23,42,0.06); }
.op-msg__qlist li:last-child { border-bottom: 0; }
.op-msg__qlink {
	width: 100%; display: flex; align-items: center; gap: 8px; padding: 10px 0; border: 0; background: none; font: inherit; font-size: 0.8rem; font-weight: 600; color: #334155; cursor: pointer; text-align: left;
}
.op-msg__qlink:hover { color: var(--op-msg-blue); }
.op-msg__qic { flex-shrink: 0; color: #64748b; }
.op-msg__note-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.op-msg__note-head .op-msg__dcard-title { margin: 0; }
.op-msg__note-edit { border: 0; background: none; color: var(--op-msg-blue); font: inherit; font-size: 0.76rem; font-weight: 800; cursor: pointer; }
.op-msg__note { background: #fffbeb; border: 1px solid rgba(245, 158, 11, 0.25); border-radius: 10px; padding: 12px; }
.op-msg__note-date { margin: 0 0 8px; font-size: 0.7rem; font-weight: 700; color: #a16207; }
.op-msg__note-body { margin: 0; font-size: 0.8rem; line-height: 1.5; color: #422006; }

/* —— Görevler (operasyon) —— */
.op-gv--layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 20px 24px;
	align-items: start;
}
@media (max-width: 1280px) {
	.op-gv--layout { grid-template-columns: 1fr; }
	.op-gv__aside { order: 10; }
}
.op-gv__main { min-width: 0; }
.op-gv__header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}
.op-gv__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 16px;
	min-height: 38px;
	border-radius: 10px;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.op-gv__btn-ic { flex-shrink: 0; color: currentColor; }
.op-gv__btn--ghost {
	background: #fff;
	color: #334155;
	border-color: rgba(15, 23, 42, 0.12);
}
.op-gv__btn--ghost:hover { background: #f8fafc; border-color: rgba(37, 99, 235, 0.25); }
.op-gv__btn--primary {
	background: #3b82f6;
	color: #fff;
	border-color: #3b82f6;
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.28);
}
.op-gv__btn--primary:hover { filter: brightness(1.04); }
.op-gv__kpi {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}
@media (max-width: 1200px) {
	.op-gv__kpi { grid-template-columns: repeat(2, 1fr); }
}
.op-gv__kpi-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 14px 12px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.op-gv__kpi-ic { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; }
.op-gv__kpi-svg { display: block; color: #fff; }
.op-gv__kpi-card--total .op-gv__kpi-ic { background: linear-gradient(145deg, #3b82f6, #2563eb); }
.op-gv__kpi-card--bek .op-gv__kpi-ic { background: linear-gradient(145deg, #fb923c, #ea580c); }
.op-gv__kpi-card--dev .op-gv__kpi-ic { background: linear-gradient(145deg, #a78bfa, #7c3aed); }
.op-gv__kpi-card--tam .op-gv__kpi-ic { background: linear-gradient(145deg, #4ade80, #16a34a); }
.op-gv__kpi-card--gec .op-gv__kpi-ic { background: linear-gradient(145deg, #f87171, #dc2626); }
.op-gv__kpi-body { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.op-gv__kpi-lbl { font-size: 0.72rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.02em; }
.op-gv__kpi-val { font-size: 1.35rem; font-weight: 800; color: #0f172a; line-height: 1.15; }
.op-gv__kpi-mo { font-size: 0.78rem; font-weight: 600; color: #64748b; }
.op-gv__filterbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin-bottom: 14px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
}
.op-gv__search-field {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 220px;
	min-width: 0;
	padding: 0 12px;
	min-height: 40px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 10px;
	background: #f8fafc;
}
.op-gv__search-ic { flex-shrink: 0; color: #94a3b8; }
.op-gv__search-inp {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	font: inherit;
	font-size: 0.84rem;
	outline: none;
}
.op-gv__filter-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}
.op-gv__filter-lbl {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.78rem;
	font-weight: 600;
	color: #475569;
}
.op-gv__filter-lbl span { color: #64748b; font-weight: 500; }
.op-gv__select {
	padding: 8px 28px 8px 10px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 9px;
	font: inherit;
	font-size: 0.8rem;
	background: #fff;
	color: #0f172a;
	cursor: pointer;
	min-width: 128px;
}
.op-gv__datefake {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 9px;
	font-size: 0.8rem;
	font-weight: 600;
	color: #334155;
	background: #fff;
}
.op-gv__datefake-ic { color: #64748b; }
.op-gv__clear {
	margin-left: auto;
	padding: 8px 12px;
	border: 0;
	background: transparent;
	color: #3b82f6;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.op-gv__clear:hover { color: #2563eb; }
.op-gv__card { padding: 0; overflow: hidden; }
.op-gv__scroll { max-height: none; }
.op-gv__th-cb { width: 40px; }
.op-gv__th-actions { width: 120px; text-align: right; }
.op-gv__taskcell { display: flex; align-items: flex-start; gap: 10px; }
.op-gv__task-ic { flex-shrink: 0; color: #3b82f6; margin-top: 2px; }
.op-gv__tasktext { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.op-gv__tasktitle { font-size: 0.88rem; font-weight: 700; color: #0f172a; }
.op-gv__tasksub { font-size: 0.78rem; color: #64748b; }
.op-gv__refcell { display: flex; flex-direction: column; gap: 2px; }
.op-gv__ref { font-size: 0.85rem; font-weight: 700; color: #2563eb; }
.op-gv__refproc { font-size: 0.76rem; }
.op-gv__usercell { display: flex; align-items: center; gap: 10px; }
.op-gv__avwrap { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.op-gv__avwrap img { display: block; width: 100%; height: 100%; object-fit: cover; }
.op-gv__avfallback {
	display: flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; border-radius: 50%;
	background: #e0e7ff; color: #4338ca; font-size: 0.85rem; font-weight: 800; flex-shrink: 0;
}
.op-gv__unames { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.op-gv__uname { font-size: 0.84rem; font-weight: 700; color: #0f172a; }
.op-gv__urole { font-size: 0.74rem; color: #64748b; }
.op-gv__due { font-size: 0.84rem; white-space: nowrap; }
.op-gv__pri {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 4px 10px; border-radius: 999px;
	font-size: 0.74rem; font-weight: 700;
}
.op-gv__pri--hi { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.op-gv__pri--md { background: rgba(251, 146, 60, 0.14); color: #c2410c; }
.op-gv__pri--lo { background: rgba(34, 197, 94, 0.14); color: #15803d; }
.op-gv__st {
	display: inline-flex; align-items: center;
	padding: 4px 10px; border-radius: 999px;
	font-size: 0.74rem; font-weight: 700;
}
.op-gv__st--wait { background: rgba(251, 146, 60, 0.15); color: #c2410c; }
.op-gv__st--go { background: rgba(59, 130, 246, 0.14); color: #1d4ed8; }
.op-gv__st--ok { background: rgba(34, 197, 94, 0.14); color: #15803d; }
.op-gv__st--late { background: rgba(248, 113, 113, 0.16); color: #b91c1c; }
.op-gv__act { text-align: right; }
.op-gv__actrow { display: inline-flex; gap: 4px; justify-content: flex-end; }
.op-gv__ic {
	display: inline-flex; align-items: center; justify-content: center;
	width: 32px; height: 32px; padding: 0;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	color: #475569;
	transition: background 0.12s, border-color 0.12s;
}
.op-gv__ic:hover { background: #f1f5f9; border-color: rgba(37, 99, 235, 0.25); color: #1d4ed8; }
.op-gv__ic-svg { display: block; }
.op-gv__td-cb { vertical-align: middle; }
.op-gv__cb { width: 16px; height: 16px; accent-color: #3b82f6; cursor: pointer; }
.op-gv__empty { padding: 20px; text-align: center; }
.op-gv__pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 16px;
	border-top: 1px solid rgba(15, 23, 42, 0.06);
}
.op-gv__pager-total { margin: 0; font-size: 0.82rem; color: #64748b; font-weight: 600; }
.op-gv__pager-right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.op-gv__aside { display: flex; flex-direction: column; gap: 16px; }
.op-gv__widget {
	padding: 16px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.op-gv__whead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
}
.op-gv__wtitle { margin: 0; font-size: 0.88rem; font-weight: 800; color: #0f172a; }
.op-gv__wlink {
	margin: 0; padding: 0; border: 0; background: none;
	font: inherit; font-size: 0.72rem; font-weight: 700; color: #3b82f6; cursor: pointer;
}
.op-gv__wlink:hover { text-decoration: underline; }
.op-gv__donut-wrap { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.op-gv__donut {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
}
.op-gv__donut-hole {
	position: absolute;
	inset: 18px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 0.65rem;
	font-weight: 700;
	color: #94a3b8;
}
.op-gv__donut-hole strong { font-size: 1.1rem; color: #0f172a; }
.op-gv__dlegend { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 140px; }
.op-gv__dlegend li {
	display: grid;
	grid-template-columns: 8px 1fr auto auto;
	gap: 6px 8px;
	align-items: center;
	font-size: 0.78rem;
	margin-bottom: 6px;
}
.op-gv__lg-dot { width: 8px; height: 8px; border-radius: 50%; }
.op-gv__lg-n { color: #64748b; font-weight: 600; }
.op-gv__mini { list-style: none; margin: 0; padding: 0; }
.op-gv__mini-item {
	display: flex; gap: 10px; align-items: flex-start;
	padding: 8px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.op-gv__mini-item:last-child { border-bottom: 0; }
.op-gv__mini-time { font-size: 0.78rem; font-weight: 800; color: #3b82f6; min-width: 40px; }
.op-gv__mini-body { display: flex; flex-direction: column; gap: 2px; }
.op-gv__mini-body strong { font-size: 0.82rem; }
.op-gv__mini-empty { padding: 8px 0; }
.op-gv__late { list-style: none; margin: 0; padding: 0; }
.op-gv__late-item {
	display: flex; gap: 8px; align-items: flex-start;
	padding: 8px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.op-gv__late-item:last-child { border-bottom: 0; }
.op-gv__late-ic { flex-shrink: 0; color: #ef4444; margin-top: 1px; }
.op-gv__late-meta { display: block; font-size: 0.75rem; font-weight: 700; color: #dc2626; }
.op-gv__tpl { list-style: none; margin: 0 0 10px; padding: 0; }
.op-gv__tpl li {
	display: flex; justify-content: space-between; gap: 8px;
	font-size: 0.82rem; padding: 6px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.op-gv__tpl li:last-child { border-bottom: 0; }
.op-gv__tpl-new {
	width: 100%;
	padding: 10px; margin-top: 4px;
	border: 1px dashed rgba(59, 130, 246, 0.45);
	border-radius: 10px;
	background: rgba(59, 130, 246, 0.04);
	color: #2563eb;
	font: inherit; font-size: 0.8rem; font-weight: 800;
	cursor: pointer;
}
.op-gv__tpl-new:hover { background: rgba(59, 130, 246, 0.1); }

/* —— Süreç yönetimi (operasyon) —— */
.op-surec--layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 20px 24px;
	align-items: start;
}
@media (max-width: 1280px) {
	.op-surec--layout { grid-template-columns: 1fr; }
	.op-surec__aside { order: 10; }
}
.op-surec__main { min-width: 0; }
.op-surec__header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 16px;
}
.op-surec__spacer { flex: 1; }
.op-surec__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 18px;
	min-height: 38px;
	border-radius: 10px;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid transparent;
	text-decoration: none;
	box-sizing: border-box;
}
.op-surec__btn-ic { flex-shrink: 0; }
.op-surec__btn--primary {
	background: #2563eb;
	color: #fff;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}
.op-surec__btn--primary:hover { filter: brightness(1.04); }
.op-surec__kpi {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}
@media (max-width: 1200px) {
	.op-surec__kpi { grid-template-columns: repeat(2, 1fr); }
}
.op-surec__kpi-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.07);
	box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
}
.op-surec__kpi-ic {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.op-surec__kpi-svg { display: block; }
.op-surec__kpi-card--total .op-surec__kpi-ic { background: linear-gradient(135deg, #dbeafe, #eff6ff); }
.op-surec__kpi-card--total .op-surec__kpi-svg { color: #2563eb; }
.op-surec__kpi-card--aktif .op-surec__kpi-ic { background: linear-gradient(135deg, #d1fae5, #ecfdf5); }
.op-surec__kpi-card--aktif .op-surec__kpi-svg { color: #059669; }
.op-surec__kpi-card--inceleme .op-surec__kpi-ic { background: linear-gradient(135deg, #ffedd5, #fff7ed); }
.op-surec__kpi-card--inceleme .op-surec__kpi-svg { color: #ea580c; }
.op-surec__kpi-card--bekleme .op-surec__kpi-ic { background: linear-gradient(135deg, #ede9fe, #f5f3ff); }
.op-surec__kpi-card--bekleme .op-surec__kpi-svg { color: #7c3aed; }
.op-surec__kpi-card--tamam .op-surec__kpi-ic { background: linear-gradient(135deg, #d1fae5, #ecfdf5); }
.op-surec__kpi-card--tamam .op-surec__kpi-svg { color: #10b981; }
.op-surec__kpi-body { flex: 1; min-width: 0; }
.op-surec__kpi-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 2px; }
.op-surec__kpi-lbl { font-size: 0.72rem; font-weight: 600; color: #64748b; }
.op-surec__kpi-val { display: block; font-size: 1.45rem; font-weight: 900; color: #0f172a; letter-spacing: -0.04em; line-height: 1.15; }
.op-surec__kpi-mo { display: block; font-size: 0.72rem; font-weight: 600; color: #64748b; margin-top: 2px; }
.op-surec__kpi-refresh {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: #f1f5f9;
	color: #64748b;
	cursor: pointer;
}
.op-surec__kpi-refresh:hover { background: #e2e8f0; color: #0f172a; }
.op-surec__kpi-refresh-ic { display: block; }
.op-surec__filterbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin-bottom: 12px;
}
.op-surec__search-field {
	flex: 1 1 200px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	min-height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	box-sizing: border-box;
}
.op-surec__search-ic { flex-shrink: 0; color: #94a3b8; }
.op-surec__search-inp {
	flex: 1 1 auto;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.8rem;
	min-width: 0;
	color: #0f172a;
}
.op-surec__search-inp:focus { outline: none; }
.op-surec__search-field:focus-within { border-color: rgba(37, 99, 235, 0.35); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
.op-surec__select {
	padding: 8px 12px;
	min-height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	font: inherit;
	font-size: 0.78rem;
	color: #334155;
	font-weight: 500;
}
.op-surec__datefake {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	min-height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	color: #64748b;
	font-size: 0.78rem;
	font-weight: 600;
	white-space: nowrap;
}
.op-surec__datefake-ic { color: #94a3b8; flex-shrink: 0; }
.op-surec__clear {
	background: none;
	border: none;
	color: #2563eb;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
	padding: 6px 4px;
}
.op-surec__clear:hover { text-decoration: underline; }
.op-surec__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0 4px;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08);
	margin-bottom: 14px;
	padding-bottom: 0;
}
.op-surec__tab {
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	padding: 8px 12px 10px;
	font: inherit;
	font-size: 0.83rem;
	font-weight: 600;
	color: #64748b;
	cursor: pointer;
	border-radius: 0;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.op-surec__tab:hover { color: #0f172a; }
.op-surec__tab.is-active { color: #1d4ed8; border-bottom-color: #2563eb; }
.op-surec__tab-n { font-weight: 700; color: #94a3b8; }
.op-surec__tab.is-active .op-surec__tab-n { color: #3b82f6; }
.op-surec__card { padding: 0; overflow: hidden; }
.op-surec__scroll { margin: 0; }
.op-surec__table { font-size: 0.8rem; }
.op-surec__table th,
.op-surec__table td { padding: 10px 12px; vertical-align: middle; }
.op-surec__th-actions { min-width: 130px; }
.op-surec__ref { font-size: 0.78rem; font-weight: 800; color: #1e3a5f; background: #f1f5f9; padding: 3px 8px; border-radius: 6px; }
.op-surec__usercell { display: flex; align-items: center; gap: 10px; min-width: 0; }
.op-surec__avwrap { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.op-surec__avwrap .op-surec__avatar-img,
.op-surec__avwrap .avatar { width: 36px; height: 36px; object-fit: cover; }
.op-surec__avfallback {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: linear-gradient(135deg, #818cf8, #6366f1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	font-weight: 800;
	flex-shrink: 0;
}
.op-surec__unames { min-width: 0; }
.op-surec__uname { display: block; font-size: 0.82rem; color: #0f172a; }
.op-surec__uemail { display: block; font-size: 0.7rem; color: #64748b; }
.op-surec__pill {
	display: inline-flex;
	padding: 2px 10px;
	border-radius: 6px;
	font-size: 0.7rem;
	font-weight: 700;
}
.op-surec__pill--blue { background: #dbeafe; color: #1d4ed8; }
.op-surec__pill--purple { background: #ede9fe; color: #6d28d9; }
.op-surec__pill--sky { background: #e0f2fe; color: #0369a1; }
.op-surec__pill--green { background: #d1fae5; color: #047857; }
.op-surec__pill--amber { background: #ffedd5; color: #c2410c; }
.op-surec__pill--slate { background: #f1f5f9; color: #475569; }
.op-surec__loc, .op-surec__laststep { color: #475569; font-size: 0.78rem; max-width: 220px; }
.op-surec__date { color: #475569; font-size: 0.78rem; white-space: nowrap; }
.op-surec__st {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 4px 10px 4px 8px;
	border-radius: 6px;
	white-space: nowrap;
}
.op-surec__st-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	flex-shrink: 0;
}
.op-surec__st--aktif { background: #ecfdf5; color: #047857; }
.op-surec__st--aktif .op-surec__st-dot { background: #10b981; }
.op-surec__st--inceleme { background: #fff7ed; color: #c2410c; }
.op-surec__st--inceleme .op-surec__st-dot { background: #f97316; }
.op-surec__st--bekleme { background: #f5f3ff; color: #6b21a8; }
.op-surec__st--bekleme .op-surec__st-dot { background: #a855f7; }
.op-surec__st--tamam { background: #ecfdf5; color: #047857; }
.op-surec__st--tamam .op-surec__st-dot { background: #22c55e; }
.op-surec__st--iptal { background: #f1f5f9; color: #64748b; }
.op-surec__st--iptal .op-surec__st-dot { background: #94a3b8; }
.op-surec__act { vertical-align: middle; }
.op-surec__actrow { display: flex; align-items: center; gap: 8px; }
.op-surec__viewbtn {
	background: none;
	border: none;
	color: #2563eb;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
	padding: 4px 2px;
}
.op-surec__viewbtn:hover { text-decoration: underline; }
.op-surec__ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 8px;
	background: #fff;
	color: #64748b;
	cursor: pointer;
}
.op-surec__ic:hover { background: #f8fafc; color: #1d4ed8; }
.op-surec__ic-svg { display: block; }
.op-surec__empty { padding: 20px; margin: 0; text-align: center; }
.op-surec__pager { align-items: center; }
.op-surec__pager-total { margin: 0; font-size: 0.78rem; color: #64748b; }
.op-surec__pager-right { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
.op-surec__aside { display: flex; flex-direction: column; gap: 14px; }
.op-surec__widget {
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.07);
	border-radius: 12px;
	padding: 14px 16px 16px;
	box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
}
.op-surec__wtitle { margin: 0 0 12px; font-size: 0.8rem; font-weight: 800; color: #0f172a; }
.op-surec__sum, .op-surec__task { list-style: none; margin: 0; padding: 0; }
.op-surec__sum-item, .op-surec__task-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 6px 0 6px 14px;
	border-left: 3px solid var(--s-dot, #94a3b8);
	font-size: 0.8rem;
	color: #334155;
	margin-bottom: 2px;
}
.op-surec__task-item { border-left-color: var(--t-dot, #94a3b8); }
.op-surec__wlink {
	display: block;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	background: none;
	border: none;
	color: #2563eb;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
	padding: 4px 0 0;
}
.op-surec__wlink:hover { text-decoration: underline; }
.op-surec__donut-wrap { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.op-surec__donut {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
}
.op-surec__donut-hole {
	position: absolute;
	inset: 18px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.op-surec__donut-hole strong { font-size: 1.1rem; color: #0f172a; }
.op-surec__donut-hole span { font-size: 0.65rem; color: #94a3b8; font-weight: 600; }
.op-surec__dlegend { list-style: none; margin: 0; padding: 0; flex: 1 1 120px; min-width: 0; }
.op-surec__dlegend li {
	display: grid;
	grid-template-columns: 8px 1fr auto auto;
	gap: 6px 8px;
	align-items: center;
	font-size: 0.72rem;
	color: #475569;
	margin-bottom: 4px;
}
.op-surec__lg-dot { width: 8px; height: 8px; border-radius: 2px; }
.op-surec__lg-n { text-align: right; color: #334155; }

/* —— Çeviri talepleri (operasyon, mock) —— */
.op__toolbar--ceviri {
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.op__toolbar--ceviri[hidden] {
	display: none !important;
}
.op--view-ceviri .op__topbar { border-bottom: 1px solid rgba( 15, 23, 42, 0.06 ); }
.op-ctr__demo-hint {
	margin: 0 0 12px;
	padding: 8px 12px;
	font-size: 0.8rem;
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	color: #1e3a8a;
}
.op-ctr--layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px 24px; align-items: start; }
@media (max-width: 1280px) { .op-ctr--layout { grid-template-columns: 1fr; } .op-ctr__aside { order: 10; } }
.op-ctr { width: 100%; }
.op-ctr__main { min-width: 0; }
.op-ctr__kpi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
@media (max-width: 1200px) { .op-ctr__kpi { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .op-ctr__kpi { grid-template-columns: 1fr 1fr; } }
.op-ctr__kpi-card {
	display: flex; gap: 10px; align-items: flex-start; padding: 16px 16px; border-radius: 12px;
	background: #fff; border: 1px solid rgba( 15, 23, 42, 0.07 );
	box-shadow: 0 1px 3px rgba( 15, 23, 42, 0.04 );
}
.op-ctr__kpi-ic { flex-shrink: 0; display: flex; width: 40px; height: 40px; border-radius: 10px; align-items: center; justify-content: center; }
.op-ctr__kpi-card--total .op-ctr__kpi-ic { background: linear-gradient(135deg, #dbeafe, #eff6ff); color: #2563eb; }
.op-ctr__kpi-card--wait .op-ctr__kpi-ic { background: linear-gradient(135deg, #ffedd5, #fff7ed); color: #d97706; }
.op-ctr__kpi-card--cvr .op-ctr__kpi-ic { background: linear-gradient(135deg, #dbeafe, #e0e7ff); color: #2563eb; }
.op-ctr__kpi-card--ok .op-ctr__kpi-ic { background: linear-gradient(135deg, #d1fae5, #ecfdf5); color: #059669; }
.op-ctr__kpi-card--no .op-ctr__kpi-ic { background: linear-gradient(135deg, #fee2e2, #fff1f2); color: #dc2626; }
.op-ctr__kpi-lbl { display: block; font-size: 0.7rem; font-weight: 600; color: #64748b; margin-bottom: 2px; }
.op-ctr__kpi-val { font-size: 1.4rem; font-weight: 900; color: #0f172a; letter-spacing: -0.04em; line-height: 1.1; }
.op-ctr__kpi-pct { font-size: 0.7rem; font-weight: 600; color: #94a3b8; }
.op-ctr__kpi-valrow { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
.op-ctr__filters {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; padding: 10px 12px; border-radius: 10px;
	background: #f8fafc; border: 1px solid rgba( 15, 23, 42, 0.06 );
}
.op-ctr__search { flex: 1 1 200px; min-width: 180px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border-radius: 8px; background: #fff; border: 1px solid rgba( 15, 23, 42, 0.08 ); }
.op-ctr__search-ic { flex-shrink: 0; color: #94a3b8; }
.op-ctr__search-inp { flex: 1; min-width: 0; border: 0; padding: 8px 0; font: inherit; font-size: 0.82rem; background: none; }
.op-ctr__search-inp:focus { outline: none; }
.op-ctr__sel { padding: 7px 10px; border-radius: 8px; border: 1px solid rgba( 15, 23, 42, 0.1 ); font-size: 0.78rem; background: #fff; color: #334155; }
.op-ctr__datefake { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; font-size: 0.78rem; color: #64748b; background: #fff; border: 1px solid rgba( 15, 23, 42, 0.08 ); border-radius: 8px; }
.op-ctr__date-ic { flex-shrink: 0; }
.op-ctr__clear { margin-left: auto; background: none; border: 0; color: #2563eb; font: inherit; font-size: 0.8rem; font-weight: 600; cursor: pointer; text-decoration: underline; }
.op-ctr__table-wrap { width: 100%; border: 1px solid rgba( 15, 23, 42, 0.06 ); border-radius: 12px; background: #fff; overflow: auto; }
.op-ctr__table { width: 100%; min-width: 960px; font-size: 0.8rem; border-collapse: separate; border-spacing: 0; }
.op-ctr__table thead th { text-align: left; padding: 10px 10px; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #64748b; border-bottom: 1px solid rgba( 15, 23, 42, 0.06 ); background: #fafbfc; white-space: nowrap; }
.op-ctr__th-ac { min-width: 80px; }
.op-ctr__row td { padding: 10px 10px; border-bottom: 1px solid rgba( 15, 23, 42, 0.05 ); vertical-align: middle; }
.op-ctr__row:hover { background: #fafbfc; }
.op-ctr__ref-t { font-weight: 800; color: #0f172a; }
.op-ctr__usercell { display: flex; align-items: center; gap: 8px; }
.op-ctr__av { width: 32px; height: 32px; border-radius: 50%; }
.op-ctr__av--ph { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #e0e7ff; color: #3730a3; font-size: 0.75rem; font-weight: 800; }
.op-ctr__unames { min-width: 0; }
.op-ctr__uname { display: block; font-size: 0.8rem; font-weight: 700; color: #0f172a; }
.op-ctr__uemail { display: block; font-size: 0.68rem; color: #94a3b8; }
.op-ctr__pill { display: inline-block; padding: 2px 8px; font-size: 0.7rem; font-weight: 700; border-radius: 6px; }
.op-ctr__pill--pur { background: #ede9fe; color: #5b21b6; }
.op-ctr__pill--teal { background: #ccfbf1; color: #0f766e; }
.op-ctr__pill--blue { background: #e0e7ff; color: #3730a3; }
.op-ctr__flags { font-size: 0.9rem; letter-spacing: 0.1em; }
.op-ctr__file .op-ctr__flink { display: block; color: #2563eb; font-weight: 600; text-decoration: none; }
.op-ctr__file .op-ctr__flink:hover { text-decoration: underline; }
.op-ctr__fsize { display: block; font-size: 0.68rem; color: #94a3b8; }
.op-ctr__flink--off { color: #94a3b8; font-weight: 500; }
.op-ctr__when .op-ctr__d { display: block; font-size: 0.78rem; color: #0f172a; }
.op-ctr__when .op-ctr__t { display: block; font-size: 0.68rem; color: #94a3b8; }
.op-ctr__st { display: inline-block; padding: 2px 8px; font-size: 0.7rem; font-weight: 700; border-radius: 6px; }
.op-ctr__st--pen { background: #ffedd5; color: #c2410c; }
.op-ctr__st--cvr { background: #dbeafe; color: #1d4ed8; }
.op-ctr__st--ok { background: #d1fae5; color: #047857; }
.op-ctr__st--no { background: #fee2e2; color: #b91c1c; }
.op-ctr__num { text-align: right; font-weight: 600; color: #334155; }
.op-ctr__src { font-size: 0.75rem; color: #64748b; }
.op-ctr__ac { white-space: nowrap; }
.op-ctr__ic { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: 6px; background: transparent; color: #64748b; cursor: pointer; text-decoration: none; }
.op-ctr__ic:hover { background: #f1f5f9; color: #0f172a; }
.op-ctr__ic--off { opacity: 0.35; cursor: default; }
.op-ctr__pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 2px; }
.op-ctr__pager-total { margin: 0; font-size: 0.78rem; color: #64748b; }
.op-ctr__aside { min-width: 0; }
.op-ctr__widget { background: #fff; border: 1px solid rgba( 15, 23, 42, 0.06 ); border-radius: 12px; padding: 14px 14px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba( 15, 23, 42, 0.04 ); }
.op-ctr__widget-t { margin: 0 0 12px; font-size: 0.82rem; font-weight: 800; color: #0f172a; }
.op-ctr__donut { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.op-ctr__donut-pie { position: relative; width: 120px; height: 120px; border-radius: 50%; flex-shrink: 0; }
.op-ctr__donut--sm .op-ctr__donut-pie { width: 100px; height: 100px; }
.op-ctr__donut-hole { position: absolute; inset: 22%; background: #fff; border-radius: 50%; }
.op-ctr__donut-hole--sm { inset: 20%; }
.op-ctr__donut-hole--sm strong { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.1rem; }
.op-ctr__donut-hole--sm span { font-size: 0.6rem; font-weight: 600; color: #94a3b8; }
.op-ctr__st-leg { list-style: none; margin: 0; padding: 0; font-size: 0.7rem; color: #475569; flex: 1; }
.op-ctr__st-leg li { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.op-ctr__st-leg--type strong { margin-left: auto; }
.op-ctr__lg { display: inline-block; width: 8px; height: 8px; border-radius: 2px; flex-shrink: 0; }
.op-ctr__barw { margin-bottom: 8px; }
.op-ctr__barh { display: flex; justify-content: space-between; font-size: 0.72rem; margin-bottom: 2px; }
.op-ctr__barpc { color: #64748b; font-weight: 600; }
.op-ctr__bart { height: 6px; border-radius: 99px; background: #e2e8f0; overflow: hidden; }
.op-ctr__bart i { display: block; height: 100%; border-radius: 99px; background: linear-gradient( 90deg, #2563eb, #1d4ed8 ); }
.op-ctr__qlinks { list-style: none; margin: 0; padding: 0; }
.op-ctr__qlinks li { margin-bottom: 4px; }
.op-ctr__ql, .op-ctr__ql--a {
	display: flex; width: 100%; align-items: center; gap: 8px; text-align: left; padding: 8px 10px; font: inherit; font-size: 0.8rem; font-weight: 600; color: #334155;
	border: 0; background: #f8fafc; border-radius: 8px; cursor: pointer; text-decoration: none; box-sizing: border-box; }
.op-ctr__ql:hover, .op-ctr__ql--a:hover { background: #f1f5f9; color: #0f172a; }
.op-ctr__ql-ic { flex-shrink: 0; }

/* —— Belgeler (operasyon) —— */
.op-doc--layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 20px 24px;
	align-items: start;
}
@media (max-width: 1280px) {
	.op-doc--layout { grid-template-columns: 1fr; }
	.op-doc__aside { order: 10; }
}
.op-doc__main { min-width: 0; }
.op-doc__header-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}
.op-doc__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 16px;
	min-height: 36px;
	border-radius: 10px;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid transparent;
	text-decoration: none;
	box-sizing: border-box;
}
.op-doc__btn-ic { flex-shrink: 0; }
.op-doc__btn--ghost {
	background: #fff;
	color: #334155;
	border-color: rgba(15, 23, 42, 0.1);
}
.op-doc__btn--ghost:hover { background: #f8fafc; }
.op-doc__btn--primary {
	background: #2563eb;
	color: #fff;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}
.op-doc__btn--primary:hover { filter: brightness(1.04); }
.op-doc__btn--primary[disabled] { opacity: 0.45; cursor: not-allowed; filter: none; }
.op-doc__kpi {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}
@media (max-width: 1200px) {
	.op-doc__kpi { grid-template-columns: repeat(2, 1fr); }
}
.op-doc__kpi-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.07);
	box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
}
.op-doc__kpi-ic {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.op-doc__kpi-svg { display: block; }
.op-doc__kpi-card--total .op-doc__kpi-ic { background: linear-gradient(135deg, #dbeafe, #eff6ff); }
.op-doc__kpi-card--total .op-doc__kpi-svg { color: #2563eb; }
.op-doc__kpi-card--ok .op-doc__kpi-ic { background: linear-gradient(135deg, #d1fae5, #ecfdf5); }
.op-doc__kpi-card--ok .op-doc__kpi-svg { color: #059669; }
.op-doc__kpi-card--wait .op-doc__kpi-ic { background: linear-gradient(135deg, #ffedd5, #fff7ed); }
.op-doc__kpi-card--wait .op-doc__kpi-svg { color: #d97706; }
.op-doc__kpi-card--no .op-doc__kpi-ic { background: linear-gradient(135deg, #fee2e2, #fff1f2); }
.op-doc__kpi-card--no .op-doc__kpi-svg { color: #dc2626; }
.op-doc__kpi-card--tr .op-doc__kpi-ic { background: linear-gradient(135deg, #ede9fe, #f5f3ff); }
.op-doc__kpi-card--tr .op-doc__kpi-svg { color: #7c3aed; }
.op-doc__kpi-lbl { display: block; font-size: 0.72rem; font-weight: 600; color: #64748b; margin-bottom: 2px; }
.op-doc__kpi-row--one { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.op-doc__kpi-val { font-size: 1.45rem; font-weight: 900; color: #0f172a; letter-spacing: -0.04em; line-height: 1.1; }
.op-doc__kpi-mo { display: block; font-size: 0.65rem; font-weight: 600; color: #94a3b8; margin-top: 2px; }
.op-doc__kpi-mo--plain { color: #64748b; font-size: 0.75rem; margin-top: 0; }
.op-doc__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin-bottom: 14px;
}
.op-doc__search-field {
	flex: 1 1 220px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	min-height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	box-sizing: border-box;
}
.op-doc__search-ic { flex-shrink: 0; color: #94a3b8; }
.op-doc__search-input {
	flex: 1 1 auto;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.8rem;
	min-width: 0;
	color: #0f172a;
}
.op-doc__search-input:focus { outline: none; }
.op-doc__search-field:focus-within { border-color: rgba(37, 99, 235, 0.35); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
.op-doc__select {
	padding: 8px 12px;
	min-height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	font: inherit;
	font-size: 0.78rem;
	color: #334155;
	font-weight: 500;
	max-width: 100%;
}
.op-doc__datefake {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	min-height: 40px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	color: #64748b;
	font-size: 0.78rem;
	font-weight: 600;
	white-space: nowrap;
}
.op-doc__datefake-ic { color: #94a3b8; flex-shrink: 0; }
.op-doc__card { padding: 0; overflow: hidden; }
.op-doc__scroll { margin: 0; }
.op-doc__table { font-size: 0.8rem; }
.op-doc__table th,
.op-doc__table td { padding: 10px 12px; vertical-align: middle; }
.op-doc__th-actions { min-width: 200px; }
.op-doc__ref {
	font-size: 0.78rem;
	font-weight: 800;
	color: #1e3a5f;
	background: #f1f5f9;
	padding: 3px 8px;
	border-radius: 6px;
}
.op-doc__usercell { display: flex; align-items: center; gap: 10px; min-width: 0; }
.op-doc__avwrap {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}
.op-doc__avwrap .op-doc__avatar-img,
.op-doc__avwrap .avatar { width: 36px; height: 36px; object-fit: cover; }
.op-doc__avfallback {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: linear-gradient(135deg, #818cf8, #6366f1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	font-weight: 800;
	flex-shrink: 0;
}
.op-doc__unames { min-width: 0; }
.op-doc__uname { display: block; font-size: 0.82rem; color: #0f172a; }
.op-doc__uemail { display: block; font-size: 0.7rem; color: #64748b; }
.op-doc__pill {
	display: inline-flex;
	padding: 2px 10px;
	border-radius: 6px;
	font-size: 0.7rem;
	font-weight: 700;
}
.op-doc__pill--blue { background: #dbeafe; color: #1d4ed8; }
.op-doc__pill--purple { background: #ede9fe; color: #6d28d9; }
.op-doc__pill--sky { background: #e0f2fe; color: #0369a1; }
.op-doc__pill--teal { background: #ccfbf1; color: #0f766e; }
.op-doc__filecell {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding-left: 2px;
	min-width: 0;
}
.op-doc__filecell::before {
	content: "";
	width: 22px;
	height: 28px;
	flex-shrink: 0;
	border-radius: 3px 3px 2px 2px;
	margin-top: 1px;
	background: #94a3b8;
	box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.08);
}
.op-doc__filecell--pdf::before { background: #ef4444; }
.op-doc__filecell--word::before { background: #2563eb; }
.op-doc__fname { display: block; font-size: 0.78rem; font-weight: 600; color: #0f172a; word-break: break-word; }
.op-doc__fsize { display: block; font-size: 0.65rem; color: #94a3b8; }
.op-doc__date { color: #475569; line-height: 1.3; font-size: 0.78rem; white-space: nowrap; }
.op-doc__st {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 6px;
	white-space: nowrap;
}
.op-doc__st--onay { background: #d1fae5; color: #047857; }
.op-doc__st--red { background: #fee2e2; color: #b91c1c; }
.op-doc__st--incele { background: #ffedd5; color: #c2410c; }
.op-doc__st--eksik { background: #fef2f2; color: #9f1239; border: 1px solid #fecdd3; }
.op-doc__tr { font-size: 0.7rem; font-weight: 700; padding: 3px 8px; border-radius: 6px; }
.op-doc__tr--need { background: #fef3c7; color: #b45309; }
.op-doc__tr--no { background: #f1f5f9; color: #64748b; }
.op-doc__actions { position: relative; }
.op-doc__icrow { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.op-doc__ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 8px;
	background: #fff;
	color: #64748b;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
}
.op-doc__ic:hover { background: #f8fafc; color: #1d4ed8; border-color: rgba(37, 99, 235, 0.25); }
.op-doc__ic:disabled { opacity: 0.4; cursor: not-allowed; }
.op-doc__ic--off { opacity: 0.4; pointer-events: none; }
.op-doc__ic--ok { color: #059669; }
.op-doc__ic--ok:hover { color: #047857; background: #ecfdf5; border-color: rgba(5, 150, 105, 0.3); }
.op-doc__ic--no { color: #dc2626; }
.op-doc__ic--no:hover { color: #b91c1c; background: #fff1f2; border-color: rgba(220, 38, 38, 0.25); }
.op-doc__ic-svg { display: block; }
.op-doc__empty { padding: 20px; margin: 0; text-align: center; }
.op-doc__pager { align-items: center; }
.op-doc__pager-total { margin: 0; font-size: 0.78rem; color: #64748b; }
.op-doc__pager-right { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
.op-doc__perpage select { min-width: 100px; }
.op-doc__aside { display: flex; flex-direction: column; gap: 14px; }
.op-doc__widget {
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.07);
	border-radius: 12px;
	padding: 14px 16px 16px;
	box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
}
.op-doc__widget-title {
	margin: 0 0 12px;
	font-size: 0.8rem;
	font-weight: 800;
	color: #0f172a;
}
.op-doc__today-list { list-style: none; margin: 0; padding: 0; }
.op-doc__today-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 0 8px 10px;
	border-left: 3px solid #cbd5e1;
	margin-bottom: 2px;
	font-size: 0.8rem;
	color: #334155;
}
.op-doc__today-item strong { margin-left: auto; font-size: 0.95rem; }
.op-doc__today-item--b { border-left-color: #3b82f6; }
.op-doc__today-item--o { border-left-color: #f59e0b; }
.op-doc__today-item--p { border-left-color: #ec4899; }
.op-doc__today-item--g { border-left-color: #10b981; }
.op-doc__today-ic { width: 22px; display: flex; align-items: center; justify-content: center; }
.op-doc__today-svg { display: block; }
.op-doc__qlinks { list-style: none; margin: 0; padding: 0; }
.op-doc__qlinks li { margin: 0; padding: 0; }
.op-doc__qlinks a,
button.op-doc__qlink {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 8px 4px;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 600;
	color: #334155;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	border-radius: 8px;
}
.op-doc__qlinks a:hover,
button.op-doc__qlink:hover { background: #f1f5f9; color: #1d4ed8; }
.op-doc__qlink--disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.op-doc__ql-ic { flex-shrink: 0; color: #64748b; }
.op-doc__donut-wrap { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.op-doc__donut {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
}
.op-doc__donut-hole {
	position: absolute;
	inset: 18px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.op-doc__donut-hole strong { font-size: 1.1rem; color: #0f172a; }
.op-doc__donut-hole span { font-size: 0.65rem; color: #94a3b8; font-weight: 600; }
.op-doc__donut-legend { list-style: none; margin: 0; padding: 0; flex: 1 1 120px; min-width: 0; }
.op-doc__donut-legend li {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.72rem;
	color: #475569;
	margin-bottom: 4px;
}
.op-doc__donut-legend .op-doc__lg-dot {
	width: 8px;
	height: 8px;
	border-radius: 2px;
	flex-shrink: 0;
}
.op-doc__donut-legend strong { margin-left: auto; font-size: 0.72rem; }
.op-doc__storage-meta { margin: 0 0 6px; font-size: 0.82rem; color: #0f172a; }
.op-doc__storage-bar {
	height: 8px;
	border-radius: 99px;
	background: #e2e8f0;
	overflow: hidden;
}
.op-doc__storage-bar > i {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #3b82f6, #6366f1);
	border-radius: 99px;
}
.op-doc__storage-pct { margin: 6px 0 0; text-align: right; font-size: 0.8rem; color: #334155; }

/* —— Kullanıcılar (operasyon) —— */
.op-usr { max-width: 100%; }
.op-usr__kpi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
@media (max-width: 1200px) {
	.op-usr__kpi { grid-template-columns: repeat(2, 1fr); }
}
.op-usr__kpi-card {
	display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; background: #fff;
	border: 1px solid rgba(15,23,42,0.07); box-shadow: 0 1px 6px rgba(15,23,42,0.04);
}
.op-usr__kpi-ic {
	width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
}
.op-usr__kpi-svg { display: block; }
.op-usr__kpi-card--total .op-usr__kpi-ic { background: linear-gradient(135deg, #dbeafe, #eff6ff); }
.op-usr__kpi-card--total .op-usr__kpi-svg { color: #2563eb; }
.op-usr__kpi-card--active .op-usr__kpi-ic { background: linear-gradient(135deg, #d1fae5, #ecfdf5); }
.op-usr__kpi-card--active .op-usr__kpi-svg { color: #10b981; }
.op-usr__kpi-card--pending .op-usr__kpi-ic { background: linear-gradient(135deg, #ede9fe, #f5f3ff); }
.op-usr__kpi-card--pending .op-usr__kpi-svg { color: #7c3aed; }
.op-usr__kpi-card--passive .op-usr__kpi-ic { background: linear-gradient(135deg, #ffedd5, #fff7ed); }
.op-usr__kpi-card--passive .op-usr__kpi-svg { color: #f59e0b; }
.op-usr__kpi-card--verified .op-usr__kpi-ic { background: linear-gradient(135deg, #e0f2fe, #f0f9ff); }
.op-usr__kpi-card--verified .op-usr__kpi-svg { color: #0ea5e9; }
.op-usr__kpi-lbl { display: block; font-size: 0.72rem; font-weight: 600; color: #64748b; margin-bottom: 2px; }
.op-usr__kpi-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; }
.op-usr__kpi-val { font-size: 1.45rem; font-weight: 900; color: #0f172a; letter-spacing: -0.04em; line-height: 1.1; }
.op-usr__kpi-trend { font-size: 0.72rem; font-weight: 700; }
.op-usr__kpi-trend.is-pos { color: #10b981; }
.op-usr__kpi-trend.is-neg { color: #ef4444; }
.op-usr__kpi-mo { display: block; font-size: 0.65rem; font-weight: 600; color: #94a3b8; margin-top: 2px; }
.op-usr__toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.op-usr__tabs { display: flex; flex-wrap: wrap; gap: 0 4px; border-bottom: 1px solid rgba(15,23,42,0.08); padding-bottom: 0; }
.op-usr__tab {
	background: none; border: none; border-bottom: 2px solid transparent; margin-bottom: -1px; padding: 8px 12px 10px;
	font: inherit; font-size: 0.83rem; font-weight: 600; color: #64748b; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; border-radius: 0;
}
.op-usr__tab:hover { color: #0f172a; }
.op-usr__tab.is-active { color: #1d4ed8; border-bottom-color: #2563eb; }
.op-usr__tab-n { font-weight: 700; color: #94a3b8; }
.op-usr__tab.is-active .op-usr__tab-n { color: #3b82f6; }
.op-usr__toolbar-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.op-usr__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 16px; min-height: 36px; border-radius: 8px; font: inherit; font-size: 0.8rem; font-weight: 700;
	cursor: pointer; border: 1px solid transparent; text-decoration: none; box-sizing: border-box;
}
.op-usr__btn--ghost { background: #fff; color: #334155; border-color: rgba(15,23,42,0.1); }
.op-usr__btn--ghost:hover { background: #f8fafc; }
.op-usr__btn--primary { background: #2563eb; color: #fff; box-shadow: 0 4px 12px rgba(37,99,235,0.25); }
.op-usr__btn--primary:hover { filter: brightness(1.04); }
.op-usr__btn--primary[disabled] { opacity: 0.45; cursor: not-allowed; filter: none; }
.op-usr__btn-ic { flex-shrink: 0; }
.op-usr__btn--primary .op-usr__btn-ic { color: #fff; }
.op-usr__card { padding: 0; overflow: hidden; }
.op-usr__scroll { margin: 0; }
.op-usr__table { font-size: 0.8rem; }
.op-usr__table th, .op-usr__table td { padding: 12px 12px; vertical-align: middle; }
.op-usr__th-check { width: 40px; }
.op-usr__th-actions { min-width: 168px; }
.op-usr__usercell { display: flex; align-items: center; gap: 10px; min-width: 0; }
.op-usr__avwrap { display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.op-usr__avwrap .avatar { width: 40px; height: 40px; object-fit: cover; }
.op-usr__avfallback {
	display: flex; width: 40px; height: 40px; border-radius: 50%; background: #e2e8f0; color: #475569; font-weight: 800; font-size: 0.85rem;
	align-items: center; justify-content: center; flex-shrink: 0;
}
.op-usr__unames { min-width: 0; }
.op-usr__uname { display: block; font-size: 0.82rem; color: #0f172a; }
.op-usr__uhandle { display: block; font-size: 0.7rem; color: #64748b; }
.op-usr__email { color: #334155; max-width: 220px; word-break: break-word; }
.op-usr__country { display: inline-flex; align-items: center; gap: 6px; color: #334155; }
.op-usr__flag { font-size: 1.1rem; line-height: 1; }
.op-usr__date { color: #475569; white-space: nowrap; }
.op-usr__status {
	display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; white-space: nowrap;
}
.op-usr__status-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.op-usr__status--aktif { background: #ecfdf5; color: #047857; }
.op-usr__status--aktif .op-usr__status-dot { background: #10b981; }
.op-usr__status--pasif { background: #f1f5f9; color: #64748b; }
.op-usr__status--pasif .op-usr__status-dot { background: #94a3b8; }
.op-usr__status--beklemede { background: #ffedd5; color: #c2410c; }
.op-usr__status--beklemede .op-usr__status-dot { background: #f59e0b; }
.op-usr__status--askida { background: #fee2e2; color: #b91c1c; }
.op-usr__status--askida .op-usr__status-dot { background: #ef4444; }
.op-usr__role { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 8px; border-radius: 6px; }
.op-usr__role--musteri { background: #dbeafe; color: #1d4ed8; }
.op-usr__role--yonetici { background: #ede9fe; color: #6d28d9; }
.op-usr__actions { position: relative; }
.op-usr__icrow { display: flex; align-items: center; gap: 4px; }
.op-usr__ic {
	display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0;
	border: 1px solid rgba(15,23,42,0.1); border-radius: 8px; background: #fff; color: #64748b; cursor: pointer; text-decoration: none; box-sizing: border-box;
}
.op-usr__ic:hover { background: #f8fafc; color: #1d4ed8; border-color: rgba(37,99,235,0.25); }
.op-usr__ic:disabled { opacity: 0.4; cursor: not-allowed; }
.op-usr__ic:disabled:hover { background: #fff; color: #64748b; border-color: rgba(15,23,42,0.1); }
.op-usr__ic-svg { display: block; }
.op-usr__empty { padding: 16px 18px; margin: 0; }
.op-usr__modal { position: fixed; inset: 0; z-index: 12000; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
.op-usr__modal[hidden] { display: none !important; }
.op-usr__modal-backdrop { position: absolute; inset: 0; background: rgba(15,23,42,0.45); }
.op-usr__modal-box { position: relative; width: 100%; max-width: 420px; background: #fff; border-radius: 14px; box-shadow: 0 20px 50px rgba(15,23,42,0.2); }
.op-usr__modal-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid rgba(15,23,42,0.08); }
.op-usr__modal-title { margin: 0; font-size: 1.05rem; font-weight: 800; }
.op-usr__modal-body { padding: 16px 18px 8px; }
.op-usr__modal-row { margin: 0 0 12px; }
.op-usr__modal-lbl { display: block; font-size: 0.72rem; font-weight: 600; color: #64748b; margin-bottom: 4px; }
.op-usr__modal-check { display: flex; align-items: center; gap: 8px; font-size: 0.86rem; cursor: pointer; margin: 12px 0; }
.op-usr__modal-check input { width: 16px; height: 16px; }
.op-usr__modal-foot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; padding: 8px 0 4px; }
.op-usr__modal-msg { color: #b91c1c; font-size: 0.8rem; margin: 8px 0 0; }
.op-usr__dd {
	position: fixed; z-index: 12001; min-width: 200px; background: #fff; border: 1px solid rgba(15,23,42,0.1); border-radius: 10px; box-shadow: 0 12px 32px rgba(15,23,42,0.12); padding: 4px; }
.op-usr__dd[hidden] { display: none !important; }
.op-usr__dd-item {
	display: block; width: 100%; text-align: left; padding: 8px 12px; border: none; background: none; font-size: 0.82rem; color: #0f172a; border-radius: 6px; cursor: pointer; text-decoration: none; box-sizing: border-box; font-family: inherit;
}
.op-usr__dd-item:hover { background: #f1f5f9; }
.op-usr__dd-item--link { color: #2563eb; font-weight: 600; }
.op-usr__pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px 16px; border-top: 1px solid rgba(15,23,42,0.06); }
.op-usr__pager-total { margin: 0; font-size: 0.78rem; color: #64748b; }
.op-usr__pager-right { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
.op-usr__perpage select { padding: 5px 8px; border-radius: 8px; border: 1px solid rgba(15,23,42,0.1); font-size: 0.76rem; background: #fff; }
.op__sidebar-widget {
	margin: 8px 10px 0;
	padding: 12px 12px 14px;
	border-radius: 12px;
	background: linear-gradient(145deg, rgba(15,23,42,0.55) 0%, rgba(30,41,59,0.4) 100%);
	border: 1px solid rgba(255,255,255,0.08);
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.op__sidebar-widget-ic { flex-shrink: 0; color: #60a5fa; margin-top: 2px; opacity: 0.95; }
.op__sidebar-widget-body { flex: 1; min-width: 0; }
.op__sidebar-widget-title { margin: 0 0 4px; font-size: 0.8rem; font-weight: 700; color: #e2e8f0; }
.op__sidebar-widget-sub { margin: 0 0 12px; font-size: 0.72rem; font-weight: 500; color: rgba(255,255,255,0.45); line-height: 1.4; }
.op__sidebar-widget-btn {
	display: block;
	text-align: center;
	padding: 8px 10px;
	border-radius: 8px;
	background: #2563eb;
	color: #fff;
	text-decoration: none;
	font-size: 0.76rem;
	font-weight: 700;
	transition: background 0.15s, filter 0.12s;
}
.op__sidebar-widget-btn:hover { filter: brightness(1.06); color: #fff; }
.op--collapsed .op__sidebar-widget { display: none; }
.op-bsv { max-width: 100%; }
.op-bsv__toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.op-bsv__tabs { display: flex; flex-wrap: wrap; gap: 0 4px; border-bottom: 1px solid rgba(15,23,42,0.08); padding-bottom: 0; }
.op-bsv__tab {
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	padding: 8px 12px 10px;
	font: inherit;
	font-size: 0.83rem;
	font-weight: 600;
	color: #64748b;
	cursor: pointer;
	border-radius: 0;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.op-bsv__tab:hover { color: #0f172a; }
.op-bsv__tab.is-active { color: #1d4ed8; border-bottom-color: #2563eb; }
.op-bsv__tab-n { font-weight: 700; color: #94a3b8; }
.op-bsv__tab.is-active .op-bsv__tab-n { color: #3b82f6; }
.op-bsv__toolbar-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.op-bsv__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 16px;
	min-height: 36px;
	border-radius: 10px;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid transparent;
}
.op-bsv__btn--ghost { background: #fff; color: #334155; border-color: rgba(15,23,42,0.1); }
.op-bsv__btn--ghost:hover { background: #f8fafc; }
.op-bsv__btn--sm { min-height: 32px; padding: 5px 12px; font-size: 0.76rem; }
.op-bsv__btn--primary { background: #2563eb; color: #fff; box-shadow: 0 4px 12px rgba(37,99,235,0.25); }
.op-bsv__btn--primary:hover { filter: brightness(1.04); }
.op-bsv__btn-ic { flex-shrink: 0; opacity: 0.95; }
.op-bsv__btn--primary .op-bsv__btn-ic { color: #fff; }
.op-bsv__range--cal { display: inline-flex; align-items: center; gap: 6px; }
.op-bsv__range-ic { flex-shrink: 0; color: #94a3b8; }
.op-bsv__kpi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
@media (max-width: 1100px) {
	.op-bsv__kpi { grid-template-columns: repeat(2, 1fr); }
}
.op-bsv__kpi-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid rgba(15,23,42,0.07);
	box-shadow: 0 1px 6px rgba(15,23,42,0.04);
}
.op-bsv__kpi-ic {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.op-bsv__kpi-svg { display: block; }
.op-bsv__kpi-card--total .op-bsv__kpi-ic { background: linear-gradient(135deg, #dbeafe, #eff6ff); }
.op-bsv__kpi-card--total .op-bsv__kpi-svg { color: #2563eb; }
.op-bsv__kpi-card--review .op-bsv__kpi-ic { background: linear-gradient(135deg, #fef3c7, #fffbeb); }
.op-bsv__kpi-card--review .op-bsv__kpi-svg { color: #d97706; }
.op-bsv__kpi-card--hold .op-bsv__kpi-ic { background: linear-gradient(135deg, #ede9fe, #f5f3ff); }
.op-bsv__kpi-card--hold .op-bsv__kpi-svg { color: #7c3aed; }
.op-bsv__kpi-card--done .op-bsv__kpi-ic { background: linear-gradient(135deg, #d1fae5, #ecfdf5); }
.op-bsv__kpi-card--done .op-bsv__kpi-svg { color: #059669; }
.op-bsv__kpi-card--canceled .op-bsv__kpi-ic { background: linear-gradient(135deg, #fee2e2, #fff1f2); }
.op-bsv__kpi-card--canceled .op-bsv__kpi-svg { color: #dc2626; }
.op-bsv__kpi-lbl { display: block; font-size: 0.72rem; font-weight: 600; color: #64748b; margin-bottom: 2px; }
.op-bsv__kpi-val { font-size: 1.45rem; font-weight: 900; color: #0f172a; letter-spacing: -0.04em; line-height: 1.1; }
.op-bsv__card { padding: 0; overflow: hidden; margin-bottom: 0; }
.op-bsv__cardhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px 0; }
.op-bsv__cardtitle { margin: 0; font-size: 0.95rem; font-weight: 800; color: #0f172a; }
.op-bsv__cardhead-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.op-bsv__range { font-size: 0.78rem; color: #64748b; font-weight: 600; }
.op-bsv__scroll { margin: 0; }
.op-bsv__table { font-size: 0.8rem; }
.op-bsv__table th, .op-bsv__table td { padding: 10px 12px; }
.op-bsv__th-check { width: 36px; }
.op-bsv__th-actions { min-width: 150px; }
.op-bsv__ref { font-size: 0.78rem; font-weight: 700; color: #1e3a5f; background: #f1f5f9; padding: 2px 6px; border-radius: 4px; }
.op-bsv__customer > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.op-bsv__email { display: block; font-size: 0.7rem; line-height: 1.25; }
.op-bsv__svc { font-weight: 600; }
.op-bsv__loc { color: #475569; font-size: 0.78rem; max-width: 200px; }
.op-bsv__assignee { align-items: center; gap: 8px; }
.op__cust-av--muted { background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%); }
.op-bsv__assignee-name { font-size: 0.78rem; font-weight: 600; color: #334155; }
.op-bsv__actions { vertical-align: middle; position: relative; }
.op-bsv__icrow { display: flex; align-items: center; gap: 4px; }
.op-bsv__ic {
	display: inline-flex; align-items: center; justify-content: center;
	width: 32px; height: 32px; padding: 0;
	border: 1px solid rgba(15,23,42,0.1); border-radius: 8px;
	background: #fff; color: #64748b;
	cursor: pointer;
}
.op-bsv__ic:hover { background: #f8fafc; color: #1d4ed8; border-color: rgba(37,99,235,0.25); }
.op-bsv__ic-svg { display: block; }
.op-bsv__status-sel--hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.op-bsv__status-sel { width: 100%; min-width: 0; max-width: 120px; font-size: 0.7rem; margin-top: 0; }
.op-bsv__pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px 16px; border-top: 1px solid rgba(15,23,42,0.06); }
.op-bsv__pager-info { margin: 0; font-size: 0.78rem; color: #64748b; }
.op-bsv__pager-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.op-bsv__pg {
	min-width: 32px; height: 32px; padding: 0 6px; border-radius: 8px;
	border: 1px solid rgba(15,23,42,0.1); background: #fff; font: inherit; font-size: 0.78rem; font-weight: 600; color: #334155; cursor: pointer;
}
.op-bsv__pg:hover { background: #f8fafc; }
.op-bsv__pg.is-active { background: #2563eb; color: #fff; border-color: #2563eb; }
.op-bsv__pg:disabled { opacity: 0.4; cursor: not-allowed; }
.op-bsv__pg--arr { min-width: auto; padding: 0 10px; font-size: 0.75rem; }
.op-bsv__pg-ell { padding: 0 4px; color: #94a3b8; font-size: 0.85rem; }
.op-bsv__perpage select { padding: 5px 8px; border-radius: 8px; border: 1px solid rgba(15,23,42,0.1); font-size: 0.76rem; background: #fff; }
.op-bsv__empty { padding: 16px 18px; margin: 0; }

.op__form { display: flex; flex-direction: column; gap: 14px; }
.op__form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.op__field { display: flex; flex-direction: column; gap: 5px; }
.op__field-label { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #64748b; }
.op__input, .op__select { padding: 9px 12px; border: 1.5px solid rgba(15,23,42,0.1); border-radius: 9px; font: inherit; font-size: 0.9rem; background: #f8fafc; color: #0f172a; transition: border-color 0.15s, box-shadow 0.15s; }
.op__input:focus, .op__select:focus { outline: none; border-color: rgba(129,140,248,0.5); background: #fff; box-shadow: 0 0 0 3px rgba(129,140,248,0.1); }
.op__textarea { padding: 10px 12px; border: 1.5px solid rgba(15,23,42,0.1); border-radius: 9px; font: inherit; font-size: 0.9rem; background: #f8fafc; color: #0f172a; resize: vertical; min-height: 180px; }
.op__template-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.op__drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(520px, 92vw);
	z-index: 10001;
	background: #fff;
	box-shadow: -10px 0 40px rgba(15,23,42,0.18);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.op__drawer[hidden] { display: none !important; }
.op__drawer-inner { flex: 1; overflow-y: auto; display: flex; flex-direction: column; }
.op__drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid rgba(15,23,42,0.07); background: #fff; position: sticky; top: 0; z-index: 2; }
.op__drawer-title { margin: 0; font-size: 1rem; font-weight: 800; color: #0f172a; }
.op__close-btn { background: rgba(15,23,42,0.06); border: none; border-radius: 8px; width: 30px; height: 30px; font-size: 1.2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #64748b; }
.op__close-btn:hover { background: rgba(239,68,68,0.1); color: #b91c1c; }

@media (max-width: 1024px) {
	.op__sidebar { position: fixed; top: 0; left: 0; bottom: 0; z-index: 9999; transform: translateX(-105%); transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1); }
	.op--nav-open .op__sidebar { transform: translateX(0); }
	.op__mobile-bar { display: flex; }
	.op__main { padding-top: 50px; }
	.op__topbar {
		grid-template-columns: 1fr;
		padding: 10px 16px 12px;
		min-height: 0;
		gap: 10px;
	}
	.op__topbar-title { font-size: 1.1rem; }
	.op__topbar-center { order: 3; width: 100%; }
	.op__search-wrap { max-width: none; }
	.op__topbar-right { flex-wrap: wrap; justify-content: flex-start; }
	.op__toolbar { padding: 10px 16px 0; }
	.op__views { padding: 18px 14px 40px; }
	.op__stats { grid-template-columns: 1fr 1fr; }
	.op__stats--5 { grid-template-columns: 1fr 1fr; }
	.op__dash-mid { grid-template-columns: 1fr; }
	.op__dash-bottom { grid-template-columns: 1fr; }
	.op__grid-2 { grid-template-columns: 1fr; }
	.op__form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.op__stats { grid-template-columns: 1fr 1fr; }
	.op__stats--5 { grid-template-columns: 1fr; }
}

/* Operasyon paneli paket yönetim grid */
.op__pkg-edit-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 18px;
}
.op__pkg-edit-card {
	background: #fff;
	border-radius: 14px;
	padding: 20px;
	border: 1px solid rgba(15,23,42,0.07);
	box-shadow: 0 2px 8px rgba(15,23,42,0.04);
}
.op__pkg-edit-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.op__pkg-edit-head h3 {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #0f172a;
}

/* Aktif paket banner (müşteri paneli) */
.np__active-pkg-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	padding: 18px 20px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid var(--np-border, rgba(15,23,42,0.07));
	box-shadow: 0 2px 8px rgba(15,23,42,0.04);
	margin-bottom: 20px;
}
.np__active-pkg-label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--np-muted, #64748b);
	margin-bottom: 3px;
}
.np__active-pkg-name {
	display: block;
	font-size: 1.25rem;
	font-weight: 900;
	letter-spacing: -0.02em;
}
.np__active-pkg-usage {
	text-align: right;
	font-size: 0.82rem;
	color: var(--np-muted, #64748b);
}

/* Paket kart geliştirmeleri */
.np__pkg-price-wrap { margin: 10px 0 8px; }
.np__pkg-price { font-size: 1rem; font-weight: 700; color: var(--np-muted, #64748b); }
.np__pkg-amount { font-size: 2rem; font-weight: 900; letter-spacing: -0.04em; color: var(--np-ink, #0f172a); }
.np__pkg-period { font-size: 0.9rem; font-weight: 500; color: var(--np-muted, #64748b); }
.np__pkg-apps-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 99px;
	font-size: 0.75rem;
	font-weight: 700;
	margin-bottom: 12px;
}

/* ── Panel Dashboard Yeni Bileşenler ── */

/* Toast bildirimi */
.np__toast {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 10px;
	font-size: 0.82rem;
	font-weight: 600;
	max-width: 340px;
	animation: npToastIn 0.3s ease;
}
@keyframes npToastIn {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}
.np__toast--ok  { background: #f0fdf4; color: #15803d; border: 1px solid rgba(22,163,74,0.2); }
.np__toast--err { background: #fef2f2; color: #b91c1c; border: 1px solid rgba(220,38,38,0.2); }
.np__toast-close {
	margin-left: auto;
	background: none;
	border: none;
	font-size: 1.2rem;
	cursor: pointer;
	color: inherit;
	opacity: 0.6;
	line-height: 1;
	padding: 0 0 0 6px;
}
.np__toast-close:hover { opacity: 1; }

/* Karşılama hero */
.np__welcome-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}
.np__welcome-title {
	margin: 0 0 4px;
	font-size: 1.8rem;
	font-weight: 900;
	letter-spacing: -0.03em;
	color: var(--np-ink, #0f172a);
}
.np__welcome-sub { margin: 0; font-size: 0.9rem; color: var(--np-muted, #64748b); }
.np__welcome-pkg-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 99px;
	font-size: 0.82rem;
	white-space: nowrap;
}

/* Onboarding card */
.np__onboard-card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 18px 20px;
	border-radius: 16px;
	background: linear-gradient(135deg, #fffbeb 0%, #fef9c3 100%);
	border: 1.5px solid rgba(245,158,11,0.3);
	margin-bottom: 24px;
	flex-wrap: wrap;
}
.np__onboard-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(245,158,11,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.np__onboard-icon svg { width: 22px; height: 22px; color: #d97706; }
.np__onboard-body { flex: 1; min-width: 0; }
.np__onboard-body strong { display: block; font-size: 0.9rem; color: #92400e; margin-bottom: 3px; }
.np__onboard-body p { margin: 0; font-size: 0.82rem; color: #b45309; }
.np__onboard-bar { height: 4px; background: rgba(245,158,11,0.2); border-radius: 99px; overflow: hidden; margin-top: 8px; }
.np__onboard-bar span { display: block; height: 100%; background: #f59e0b; border-radius: 99px; }

/* İstatistik 4'lü grid */
.np__stats--4col { grid-template-columns: repeat(4, 1fr); }
.np__stat-icon { margin-bottom: 6px; }
.np__stat-icon svg { width: 20px; height: 20px; color: inherit; opacity: 0.6; }
.np__stat-urgent {
	display: inline-block;
	margin-top: 4px;
	font-size: 0.65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #0d9488;
	background: rgba(13,148,136,0.1);
	padding: 2px 6px;
	border-radius: 99px;
}

/* How-it-works */
.np__how-it-works { margin-top: 28px; }
.np__how-it-works h2 { font-size: 1.1rem; font-weight: 800; margin: 0 0 20px; }
.np__hiw-steps {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}
.np__hiw-step {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	flex: 1;
	min-width: 160px;
	background: #fff;
	border-radius: 14px;
	padding: 16px;
	border: 1px solid var(--np-border, rgba(15,23,42,0.07));
}
.np__hiw-num {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, #3b82f6 0%, #1b4fb6 100%);
	color: #fff;
	font-weight: 900;
	font-size: 0.85rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.np__hiw-step strong { display: block; font-size: 0.88rem; margin-bottom: 3px; color: var(--np-ink,#0f172a); }
.np__hiw-step p { margin: 0; font-size: 0.78rem; color: var(--np-muted,#64748b); line-height: 1.5; }
.np__hiw-arrow { font-size: 1.2rem; color: var(--np-muted,#94a3b8); padding-top: 20px; }

/* Başvuru feed (dashboard) */
.np__basvuru-feed { display: flex; flex-direction: column; gap: 8px; margin-bottom: 4px; }
.np__feed-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid var(--np-border,rgba(15,23,42,0.07));
}
.np__feed-icon { font-size: 1.4rem; flex-shrink: 0; }
.np__feed-body { flex: 1; min-width: 0; }
.np__feed-body strong { display: block; font-size: 0.88rem; color: var(--np-ink,#0f172a); }
.np__feed-ref { font-size: 0.72rem; color: var(--np-muted,#64748b); font-family: monospace; }

/* Bildirim feed */
.np__notif-feed { display: flex; flex-direction: column; }

/* Info card */
.np__card--info {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border-color: rgba(59,130,246,0.2);
}
.np__card--info strong { display: block; font-size: 0.88rem; color: #1d4ed8; margin-bottom: 4px; }
.np__card--info p { margin: 0; font-size: 0.82rem; color: #1e40af; }

/* Profile nav badge (uyarı tipi) */
.np__badge--warn {
	background: rgba(245,158,11,0.2);
	color: #92400e;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Topbar username gizle küçük ekranlarda */
@media (max-width: 480px) {
	.np__topbar-username { display: none; }
	.np__stats--4col { grid-template-columns: 1fr 1fr; }
	.np__hiw-arrow { display: none; }
	.np__hiw-steps { flex-direction: column; }
}
@media (max-width: 768px) {
	.np__stats--4col { grid-template-columns: 1fr 1fr; }
	.np__welcome-hero { flex-direction: column; align-items: flex-start; }
}

/* Büyük buton */
.np__btn--lg {
	min-height: 48px;
	padding: 0 28px;
	font-size: 0.95rem;
	border-radius: 14px;
}

/* ╔══════════════════════════════════════════════════════════════════╗
   ║   NHUB — Hub sayfaları (ülkeler / diller / belgeler / iller)    ║
   ╚══════════════════════════════════════════════════════════════════╝ */

.nhub-pending {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 60px 24px;
	text-align: center;
	color: #64748b;
}
.nhub-pending__icon { font-size: 3rem; }
.nhub-pending p { margin: 0; font-size: 0.9rem; }

.nhub-search-bar {
	margin-bottom: 20px;
}
.nhub-search-input {
	width: 100%;
	max-width: 400px;
	padding: 10px 16px;
	border: 1.5px solid rgba(15,23,42,0.1);
	border-radius: 10px;
	font: inherit;
	font-size: 0.9rem;
	background: #f8fafc;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.nhub-search-input:focus {
	outline: none;
	border-color: rgba(59,130,246,0.5);
	box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
	background: #fff;
}

/* Grid sistemleri */
.nhub-grid {
	display: grid;
	gap: 12px;
}
.nhub-grid--ulke { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.nhub-grid--dil  { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.nhub-grid--belge{ grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.nhub-grid--il   { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }

/* Kart temel stili */
.nhub-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid rgba(15,23,42,0.07);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
}
.nhub-card:hover {
	border-color: rgba(59,130,246,0.3);
	box-shadow: 0 4px 16px rgba(27,79,182,0.1);
	transform: translateY(-2px);
}
.nhub-card[style*="display:none"] { display: none !important; }

/* Ülke kartı */
.nhub-card--ulke {
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
.nhub-card__flag {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	flex-shrink: 0;
}
.nhub-card__body { flex: 1; min-width: 0; }
.nhub-card__title {
	display: block;
	font-size: 0.88rem;
	font-weight: 700;
	color: #0f172a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nhub-card__meta { display: block; font-size: 0.72rem; color: #64748b; margin-top: 2px; }
.nhub-card__badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 99px;
	font-size: 0.65rem;
	font-weight: 700;
	white-space: nowrap;
	flex-shrink: 0;
}

/* Dil kartı */
.nhub-card--dil {
	align-items: center;
	text-align: center;
	padding: 18px 10px;
}
.nhub-card__flag-lg { font-size: 2rem; }
.nhub-card--dil .nhub-card__title { font-size: 0.82rem; font-weight: 700; }
.nhub-card__code {
	display: inline-block;
	padding: 1px 6px;
	background: rgba(15,23,42,0.05);
	border-radius: 4px;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #64748b;
}

/* Belge kartı */
.nhub-card--belge {
	padding-top: 12px;
}
.nhub-card__cat {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 0.68rem;
	font-weight: 700;
	margin-bottom: 4px;
}
.nhub-card--belge .nhub-card__title { font-size: 0.85rem; font-weight: 700; }

/* İl kartı */
.nhub-card--il {
	flex-direction: row;
	align-items: center;
}
.nhub-card--il .nhub-card__title { font-size: 0.85rem; }
.nhub-card--il .nhub-card__meta { font-size: 0.7rem; }

/* CTA şeridi */
.nhub-cta-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 32px;
	padding: 18px 24px;
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border: 1px solid rgba(59,130,246,0.2);
	border-radius: 14px;
	flex-wrap: wrap;
}
.nhub-cta-strip span { font-size: 0.9rem; font-weight: 600; color: #1e40af; }
.nhub-cta-btn {
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	border-radius: 10px;
	background: linear-gradient(155deg, #3b82f6 0%, #1b4fb6 60%, #1e3a8a 100%);
	color: #fff;
	font-weight: 700;
	font-size: 0.88rem;
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(27,79,182,0.3);
	transition: filter 0.15s, transform 0.12s;
}
.nhub-cta-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }

@media (max-width: 600px) {
	.nhub-grid--ulke { grid-template-columns: 1fr 1fr; }
	.nhub-grid--dil  { grid-template-columns: repeat(3, 1fr); }
	.nhub-grid--belge{ grid-template-columns: 1fr; }
	.nhub-grid--il   { grid-template-columns: 1fr 1fr; }
}

/* ╔══════════════════════════════════════════════════════════════════╗
   ║   MÜŞTERİ PANELİ — ÇAĞ ÖTESİ YENİ TASARIM v4 (.np__ eklenti) ║
   ╚══════════════════════════════════════════════════════════════════╝ */

/* ── Body arka plan: mesh gradient ── */
body.navi-panel {
	background:
		radial-gradient(ellipse 80% 50% at 20% -20%, rgba(59,130,246,0.08) 0%, transparent 60%),
		radial-gradient(ellipse 60% 40% at 80% 110%, rgba(124,58,237,0.06) 0%, transparent 55%),
		#f0f4f8 !important;
}

/* ── Sidebar yükseltme ── */
.np__sidebar {
	background: linear-gradient(185deg, #0c1628 0%, #0f172a 55%, #07101e 100%) !important;
	border-right: 1px solid rgba(255,255,255,0.03);
	box-shadow: 4px 0 24px rgba(0,0,0,0.2);
}
/* Aktif nav öğesi sol çizgisi parlak */
.np__nav-btn.is-active {
	background: #2563eb !important;
	color: #fff !important;
	font-weight: 700 !important;
	box-shadow: none !important;
}

/* ── Topbar ── */
.np__topbar {
	background: rgba(255,255,255,0.92) !important;
	backdrop-filter: blur(12px) !important;
	border-bottom: 1px solid rgba(15,23,42,0.06) !important;
}

/* ── Views container ── */
.np__views {
	padding: 12px 32px 40px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* ── Kart sistem geliştirme ── */
.np__card {
	border-radius: 20px !important;
	box-shadow: 0 1px 3px rgba(15,23,42,0.04), 0 8px 24px rgba(15,23,42,0.05) !important;
	border: 1px solid rgba(255,255,255,0.8) !important;
	background: rgba(255,255,255,0.96) !important;
	backdrop-filter: blur(4px);
}

/* ── Stat kartı geliştirmesi ── */
.np__stat {
	border-radius: 18px !important;
	position: relative;
	overflow: hidden;
	transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}
.np__stat:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 12px 32px rgba(15,23,42,0.1) !important;
}
.np__stat::before {
	content: '';
	position: absolute;
	top: -20px;
	right: -20px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.04;
}

/* ── View title geliştirme ── */
.np__view-title {
	background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* ── Quick action kartları ── */
.np__qa {
	border-radius: 18px !important;
	transition: all 0.2s ease !important;
	background: rgba(255,255,255,0.95) !important;
	box-shadow: 0 2px 8px rgba(15,23,42,0.05) !important;
}
.np__qa:hover {
	box-shadow: 0 8px 24px rgba(27,79,182,0.14) !important;
	transform: translateY(-3px) !important;
}

/* ── Welcome Hero ── */
.np__welcome-hero {
	padding: 28px 32px !important;
	background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(239,246,255,0.95) 100%) !important;
	border-radius: 24px !important;
	border: 1px solid rgba(59,130,246,0.12) !important;
	box-shadow: 0 4px 20px rgba(15,23,42,0.06) !important;
	margin-bottom: 28px !important;
}
.np__welcome-title {
	background: linear-gradient(135deg, #0f172a 20%, #1d4ed8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-size: 2.2rem !important;
}

/* ── Onboard card ── */
.np__onboard-card {
	border-radius: 20px !important;
}

/* ── How-it-works adımları ── */
.np__hiw-step {
	border-radius: 18px !important;
	background: linear-gradient(145deg, #fff 0%, #f8faff 100%) !important;
	border: 1px solid rgba(59,130,246,0.08) !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.np__hiw-step:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(27,79,182,0.1);
}

/* ── Büyük buton upgrade ── */
.np__btn--primary {
	background: linear-gradient(155deg, #60a5fa 0%, #3b82f6 30%, #1d4ed8 70%, #1e3a8a 100%) !important;
	box-shadow: 0 4px 16px rgba(37,99,235,0.35), 0 1px 0 rgba(255,255,255,0.2) inset !important;
}
.np__btn--primary:hover {
	box-shadow: 0 8px 24px rgba(37,99,235,0.45), 0 1px 0 rgba(255,255,255,0.2) inset !important;
}

/* ── Paket kartı ── */
.np__pkg-card {
	border-radius: 22px !important;
	transition: all 0.2s ease !important;
	background: linear-gradient(160deg, #fff 0%, #fafbff 100%) !important;
}
.np__pkg-card--featured {
	background: linear-gradient(160deg, #faf5ff 0%, #f3e8ff 100%) !important;
	box-shadow: 0 8px 32px rgba(124,58,237,0.15) !important;
}
.np__pkg-card:not([class*="--active"]):hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 36px rgba(15,23,42,0.12) !important;
}

/* ── Tablo geliştirme ── */
.np__table th {
	background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
	font-size: 0.7rem !important;
}
.np__table tr:hover td { background: #f8faff !important; }

/* ── Status pill ── */
.np__status-pill {
	border-radius: 99px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

/* ── Basvuru feed kartları ── */
.np__feed-item {
	background: linear-gradient(145deg, #fff 0%, #f8faff 100%) !important;
	border-radius: 14px !important;
	border: 1px solid rgba(15,23,42,0.06) !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.np__feed-item:hover {
	transform: translateX(2px) !important;
	box-shadow: 0 4px 12px rgba(15,23,42,0.08) !important;
}

/* ── Hizmet kartları ── */
.np__service-card {
	border-radius: 22px !important;
	background: linear-gradient(160deg, #fff 0%, #f8faff 100%) !important;
	transition: all 0.2s ease !important;
}
.np__service-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 32px rgba(27,79,182,0.14) !important;
	border-color: rgba(59,130,246,0.4) !important;
}

/* ── Active paket banner ── */
.np__active-pkg-banner {
	background: linear-gradient(160deg, #fff 0%, #f8faff 100%) !important;
	border-radius: 20px !important;
	box-shadow: 0 2px 12px rgba(15,23,42,0.05) !important;
}

/* ── Form alanları ── */
.np__input:focus, .np__select:focus, .np__textarea:focus {
	box-shadow: 0 0 0 4px rgba(59,130,246,0.12), 0 1px 3px rgba(15,23,42,0.06) !important;
}

/* ── Profil sayfası form ── */
.np__form-grid {
	gap: 16px !important;
}
.np__field-label {
	color: #475569 !important;
}

/* ── Toast upgrade ── */
.np__toast--ok {
	background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
}
.np__toast--err {
	background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%) !important;
}

/* ── Sidebar footer linkleri ── */
.np__sidebar-link:hover {
	background: rgba(255,255,255,0.08) !important;
	color: rgba(255,255,255,0.8) !important;
}

/* ── Section title ── */
.np__section-title {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	color: #0f172a !important;
	padding-bottom: 8px;
	border-bottom: 2px solid rgba(59,130,246,0.1);
	margin-bottom: 16px !important;
}

/* ── How-it-works sayı ── */
.np__hiw-num {
	background: linear-gradient(135deg, #60a5fa 0%, #1d4ed8 100%) !important;
	box-shadow: 0 4px 12px rgba(29,78,216,0.3) !important;
}

/* ── Mobil responsive iyileştirme ── */
@media (max-width: 768px) {
	.np__welcome-hero { padding: 18px 16px !important; }
	.np__views { padding: 14px 18px 36px !important; }
	.np__welcome-title { font-size: 1.6rem !important; }
}

/* ── Dashboard 2-sütun Grid ── */
.np__dash-grid {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 20px;
	align-items: start;
}
.np__dash-col-main {}
.np__dash-col-side {}

/* Paket özet kartı (sağ kolon) */
.np__side-pkg-card { padding: 18px; }
.np__side-pkg-badge { display: block; }
.np__side-pkg-features {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.np__side-pkg-features li {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	font-size: 0.8rem;
	color: #334155;
}
.np__side-pkg-features li svg { flex-shrink: 0; margin-top: 2px; }

/* Hızlı bağlantılar */
.np__quick-links {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.np__quick-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 10px;
	border-radius: 10px;
	background: transparent;
	border: none;
	cursor: pointer;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 600;
	color: #334155;
	text-decoration: none;
	transition: background 0.12s ease, color 0.12s ease;
	text-align: left;
}
.np__quick-link:hover {
	background: rgba(59,130,246,0.07);
	color: #1d4ed8;
}
.np__quick-link svg { width: 14px; height: 14px; flex-shrink: 0; }

@media (max-width: 900px) {
	.np__dash-grid { grid-template-columns: 1fr; }
}

/* ══ Profil fotoğraf kartı ══ */
.np__photo-card {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.np__photo-preview {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: linear-gradient(135deg, #3b82f6 0%, #1b4fb6 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.np__photo-img { width: 100%; height: 100%; object-fit: cover; }
.np__photo-placeholder svg { width: 36px; height: 36px; color: #fff; opacity: 0.7; }
.np__photo-info { flex: 1; min-width: 160px; }
.np__photo-info strong { display: block; font-size: 0.9rem; margin-bottom: 4px; }
.np__photo-info p { margin: 0; font-size: 0.8rem; color: #64748b; }
.np__photo-form { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

/* Avatar fotoğraf stili */
.np__avatar-photo { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

/* ══ Buton border kaldır ══ */
.np__btn { border-color: transparent !important; }
.np__btn--ghost { border-color: rgba(15,23,42,0.1) !important; }
.np__btn--primary { border-color: transparent !important; }

/* ══ Hizmet gate card ══ */
.np__gate-card {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px;
	border-radius: 16px;
	margin-bottom: 20px;
}
.np__gate-card--warn {
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
	border: 1.5px solid rgba(245,158,11,0.3);
}
.np__gate-card--info {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border: 1.5px solid rgba(59,130,246,0.25);
}
.np__gate-card--warn strong { color: #92400e; }
.np__gate-card--info strong { color: #1e40af; }
.np__gate-card p { margin: 4px 0 12px; font-size: 0.85rem; color: #475569; }
.np__gate-icon {
	width: 40px; height: 40px; flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%; background: rgba(15,23,42,0.06);
}
.np__gate-icon svg { width: 22px; height: 22px; color: #64748b; }

/* ══ Hizmet kredi rozeti ══ */
.np__service-credit {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	border-radius: 99px;
	font-size: 0.72rem;
	font-weight: 700;
	margin-top: 4px;
}
.np__service-credit--empty {
	background: rgba(15,23,42,0.05);
	color: #94a3b8;
}

/* ══ Hizmet paket paneli ══ */
.np__svc-pkg-panel { padding: 4px 0 20px; }
.np__svc-pkg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 14px;
	margin-top: 16px;
}
.np__svc-pkg-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px;
	background: #fff;
	border-radius: 18px;
	border: 1.5px solid rgba(15,23,42,0.08);
	transition: all 0.18s ease;
}
.np__svc-pkg-card--featured {
	border-color: rgba(59,130,246,0.4);
	box-shadow: 0 4px 20px rgba(27,79,182,0.14);
}
.np__svc-pkg-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(15,23,42,0.12); }
.np__svc-pkg-badge {
	display: inline-block;
	font-size: 0.65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 2px 7px;
	border-radius: 4px;
	background: rgba(59,130,246,0.1);
	color: #1d4ed8;
}
.np__svc-pkg-title { font-size: 1rem; font-weight: 900; color: #0f172a; }
.np__svc-pkg-credits { font-size: 1.5rem; font-weight: 900; letter-spacing: -0.03em; }
.np__svc-pkg-desc { font-size: 0.75rem; color: #64748b; flex: 1; }
.np__svc-pkg-price { font-size: 1.1rem; font-weight: 800; }
.np__svc-pkg-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 10px;
	border-radius: 12px;
	font: inherit;
	font-size: 0.85rem;
	font-weight: 700;
	cursor: pointer;
	border: none;
	background: linear-gradient(155deg, #60a5fa 0%, #2563eb 50%, #1e40af 100%);
	color: #fff;
	box-shadow: 0 4px 12px rgba(37,99,235,0.3);
	transition: filter 0.15s, transform 0.12s;
	margin-top: auto;
}
.np__svc-pkg-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.np__svc-pkg-btn--free { background: rgba(15,23,42,0.06); color: #334155; box-shadow: none; }
.np__svc-pkg-btn--free:hover { background: rgba(15,23,42,0.1); filter: none; }
.np__svc-pkg-btn--link { text-decoration: none; box-sizing: border-box; color: #fff; }
.np__svc-pkg-btn--link:hover { color: #fff; }
.np__svc-pkg-buy-row {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	margin-top: auto;
}
.np__svc-pkg-btn--yearly {
	border: none;
	background: linear-gradient(155deg, #4f8cff 0%, var(--np-blue, #1b4fb6) 45%, #1e3a8a 100%);
	color: #fff;
	box-shadow: 0 4px 14px rgba(27,79,182,0.22);
}
.np-ref__banner-btn--link {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.np-ref__banner-btn--link:hover {
	filter: brightness(1.05);
}

/* ══ Dashboard compact (no-scroll) ══ */
@media (min-width: 1025px) {
	.np__view[data-view="dashboard"] .np__views-inner {
		display: grid;
		grid-template-rows: auto auto 1fr;
		gap: 0;
	}
}

/* ══ COMPACT DASHBOARD — tek sayfa, scroll yok ══ */
@media (min-width: 1025px) {
	.np__view[data-view="dashboard"] {
		display: flex;
		flex-direction: column;
		max-height: calc(100vh - 60px);
		overflow: hidden;
	}
	.np__dash-scroll {
		flex: 1;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: rgba(15,23,42,0.12) transparent;
		padding: 0 2px;
	}
	.np__dash-scroll::-webkit-scrollbar { width: 5px; }
	.np__dash-scroll::-webkit-scrollbar-thumb { background: rgba(15,23,42,0.12); border-radius: 99px; }
}

/* Compact welcome hero */
.np__welcome-hero-compact {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(239,246,255,0.95) 100%);
	border-radius: 18px;
	border: 1px solid rgba(59,130,246,0.1);
	margin-bottom: 14px;
	flex-wrap: wrap;
}
.np__welcome-hero-compact h1 {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 900;
	letter-spacing: -0.03em;
	background: linear-gradient(135deg, #0f172a 20%, #1d4ed8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.np__welcome-hero-compact p {
	margin: 0;
	font-size: 0.8rem;
	color: #64748b;
}

/* Compact stats (4 sütun, küçük) */
.np__stats-compact {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-bottom: 14px;
}
.np__stat-compact {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid rgba(15,23,42,0.06);
	cursor: pointer;
	transition: transform 0.15s ease;
}
.np__stat-compact:hover { transform: translateY(-2px); }
.np__stat-compact-icon {
	width: 34px; height: 34px;
	border-radius: 10px;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.np__stat-compact-icon svg { width: 16px; height: 16px; }
.np__stat-compact-val { font-size: 1.4rem; font-weight: 900; line-height: 1; color: #0f172a; }
.np__stat-compact-lbl { font-size: 0.68rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #94a3b8; }

/* 2 sütun compact */
.np__dash-2col {
	display: grid;
	grid-template-columns: 1fr 260px;
	gap: 14px;
}
@media (max-width: 900px) {
	.np__stats-compact { grid-template-columns: repeat(2, 1fr); }
	.np__dash-2col { grid-template-columns: 1fr; }
	.np__view[data-view="dashboard"] { max-height: none; overflow: visible; }
}

/* ═══ COCKPIT DASHBOARD ═══ */

/* Outer wrapper fills viewport */
.np__view[data-view="dashboard"] {
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	height: calc(100vh - 60px);
	overflow: hidden;
}
.np__cockpit {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 16px 24px;
	gap: 10px;
	overflow: hidden;
}

/* ROW 1: Welcome + stats */
.np__cockpit-row1 {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
}
.np__cockpit-greet {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}
.np__cockpit-greet .np__avatar {
	width: 40px; height: 40px; font-size: .9rem; flex-shrink: 0;
}
.np__cockpit-title {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: -0.03em;
	background: linear-gradient(135deg, #0f172a 20%, #1d4ed8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.np__cockpit-sub { margin: 0; font-size: .72rem; color: #94a3b8; }

/* Stat pills */
.np__cockpit-stats {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 1;
	overflow: hidden;
	flex-wrap: wrap;
}
.np__cs {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
	padding: 6px 12px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	font: inherit;
	min-width: 54px;
	flex-shrink: 0;
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.np__cs:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(15,23,42,0.1); }
.np__cs-n { font-size: 1.25rem; font-weight: 900; line-height: 1; }
.np__cs-l { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #94a3b8; }
.np__cs--pkg { cursor: default; }
.np__cs--pkg:hover { transform: none; box-shadow: none; }

/* Profil alert strip */
.np__cockpit-alert {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background: linear-gradient(90deg, #fffbeb, #fef3c7);
	border-radius: 10px;
	border: 1px solid rgba(245,158,11,0.25);
	flex-shrink: 0;
	flex-wrap: wrap;
}
.np__cockpit-alert > span { font-size: .8rem; font-weight: 600; color: #92400e; flex: 1; }
.np__cockpit-alert-bar { height: 4px; background: rgba(245,158,11,0.2); border-radius: 99px; overflow: hidden; width: 80px; }
.np__cockpit-alert-bar span { display: block; height: 100%; background: #f59e0b; border-radius: 99px; }
.np__cockpit-alert-btn { border: none; background: #f59e0b; color: #fff; font: inherit; font-size: .75rem; font-weight: 700; padding: 4px 10px; border-radius: 7px; cursor: pointer; white-space: nowrap; }

/* BODY: 3 sütun */
.np__cockpit-body {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 12px;
	flex: 1;
	overflow: hidden;
	min-height: 0;
}
.np__cockpit-col {
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
}
.np__cockpit-panel {
	background: rgba(255,255,255,0.96);
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,0.8);
	box-shadow: 0 2px 12px rgba(15,23,42,0.05);
	padding: 14px;
	flex: 1;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(15,23,42,0.08) transparent;
}
.np__cockpit-panel::-webkit-scrollbar { width: 4px; }
.np__cockpit-panel::-webkit-scrollbar-thumb { background: rgba(15,23,42,0.1); border-radius: 99px; }
.np__cockpit-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.np__cockpit-panel-head h3, .np__cockpit-panel > h3 {
	margin: 0;
	font-size: .85rem;
	font-weight: 800;
	color: #0f172a;
}
.np__text-btn-sm {
	background: none; border: none; cursor: pointer;
	font: inherit; font-size: .72rem; font-weight: 600; color: #3b82f6;
}
.np__cockpit-empty { text-align: center; padding: 20px 10px; }
.np__cockpit-empty p { margin: 0; font-size: .8rem; color: #64748b; }

/* List items */
.np__cockpit-list { display: flex; flex-direction: column; gap: 5px; }
.np__clist-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 10px;
	border-radius: 10px;
	background: #f8fafc;
}
.np__clist-icon { font-size: 1.1rem; flex-shrink: 0; }
.np__clist-body { flex: 1; min-width: 0; }
.np__clist-body strong { display: block; font-size: .8rem; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.np__clist-badge { font-size: .65rem; font-weight: 700; padding: 2px 7px; border-radius: 99px; white-space: nowrap; }

/* Quick actions grid (2x3) */
.np__cockpit-actions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}
.np__ca {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	padding: 10px 4px;
	border-radius: 12px;
	background: rgba(15,23,42,0.02);
	border: 1px solid rgba(15,23,42,0.05);
	cursor: pointer;
	font: inherit;
	text-decoration: none;
	color: #334155;
	font-size: .72rem;
	font-weight: 600;
	text-align: center;
	transition: background 0.12s ease, transform 0.12s ease;
}
.np__ca:hover { background: rgba(59,130,246,0.06); transform: translateY(-2px); }
.np__ca-icon {
	width: 34px; height: 34px;
	border-radius: 10px;
	display: flex; align-items: center; justify-content: center;
}
.np__ca-icon svg { width: 16px; height: 16px; }
.np__cockpit-pkg {}

/* Mobile: tek sütun, scroll */
@media (max-width: 900px) {
	.np__view[data-view="dashboard"] { height: auto; overflow: visible; }
	.np__cockpit { height: auto; overflow: visible; padding: 12px 14px; }
	.np__cockpit-body { grid-template-columns: 1fr; overflow: visible; }
	.np__cockpit-panel { overflow: visible; }
	.np__cockpit-row1 { flex-wrap: wrap; }
	.np__cockpit-stats { justify-content: flex-start; }
	.np__cs-l { display: block; }
}
@media (max-width: 480px) {
	.np__cockpit-actions { grid-template-columns: repeat(3, 1fr); }
}

/* ════════════════════════════════════════════════
   PANEL v5 — Cockpit Fix + Tüm Sayfalar Yeniden
   ════════════════════════════════════════════════ */

/* Dashboard overflow düzeltme: height constraint kaldır */
.np__view[data-view="dashboard"] {
	height: auto !important;
	overflow: visible !important;
	max-height: none !important;
}
.np__cockpit {
	height: auto !important;
	overflow: visible !important;
	gap: 12px;
}
/* Cockpit paneller artık overflow değil, natural height */
.np__cockpit-col { overflow: visible !important; }
.np__cockpit-panel { overflow: visible !important; }

/* Cockpit body için min-height yerine auto */
.np__cockpit-body {
	overflow: visible !important;
	min-height: auto !important;
}

/* ─── Profil Sayfası Yeni Tasarım ─── */
.np__profile-v2 { display: flex; flex-direction: column; gap: 16px; }

/* Profil hero kartı */
.np__profile-hero-card {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 24px 28px;
	background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #1e40af 100%);
	border-radius: 22px;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.np__profile-hero-card::before {
	content: '';
	position: absolute;
	top: -40px; right: -40px;
	width: 200px; height: 200px;
	border-radius: 50%;
	background: rgba(255,255,255,0.04);
}
.np__profile-hero-avatar {
	width: 80px; height: 80px;
	border-radius: 50%;
	background: rgba(255,255,255,0.15);
	border: 3px solid rgba(255,255,255,0.3);
	display: flex; align-items: center; justify-content: center;
	font-size: 2rem; font-weight: 900; color: #fff;
	flex-shrink: 0; overflow: hidden; position: relative;
	cursor: pointer;
}
.np__profile-hero-avatar:hover::after {
	content: '📷';
	position: absolute; inset: 0;
	background: rgba(0,0,0,0.5);
	display: flex; align-items: center; justify-content: center;
	font-size: 1.4rem; border-radius: 50%;
}
.np__profile-hero-avatar img { width: 100%; height: 100%; object-fit: cover; }
.np__profile-hero-info { flex: 1; min-width: 0; }
.np__profile-hero-name { margin: 0 0 4px; font-size: 1.3rem; font-weight: 900; }
.np__profile-hero-email { font-size: .82rem; opacity: .7; margin-bottom: 12px; }
.np__profile-hero-progress { }
.np__profile-pbar {
	height: 6px;
	background: rgba(255,255,255,0.15);
	border-radius: 99px;
	overflow: hidden;
	margin-bottom: 4px;
}
.np__profile-pbar-fill { height: 100%; border-radius: 99px; background: linear-gradient(90deg, #60a5fa, #a78bfa); transition: width 0.5s ease; }
.np__profile-pbar-label { font-size: .72rem; opacity: .7; }
.np__profile-hero-photo-btn {
	display: flex; flex-direction: column; align-items: center; gap: 4px;
	padding: 10px 14px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);
	border-radius: 12px; cursor: pointer; color: #fff; font: inherit; font-size: .78rem;
	font-weight: 600; transition: background .15s; white-space: nowrap;
}
.np__profile-hero-photo-btn:hover { background: rgba(255,255,255,0.18); }
.np__profile-hero-photo-btn svg { width: 18px; height: 18px; }

/* Profil section kartları */
.np__profile-section {
	background: rgba(255,255,255,0.96);
	border-radius: 18px;
	border: 1px solid rgba(15,23,42,0.06);
	box-shadow: 0 2px 12px rgba(15,23,42,0.04);
	overflow: hidden;
}
.np__profile-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	cursor: pointer;
	user-select: none;
	border-bottom: 1px solid rgba(15,23,42,0.05);
	transition: background .12s;
}
.np__profile-section-head:hover { background: rgba(15,23,42,0.02); }
.np__profile-section-head-left { display: flex; align-items: center; gap: 10px; }
.np__profile-section-icon {
	width: 34px; height: 34px; border-radius: 10px;
	display: flex; align-items: center; justify-content: center; font-size: 1.1rem;
}
.np__profile-section-title { font-size: .9rem; font-weight: 800; color: #0f172a; }
.np__profile-section-sub { font-size: .72rem; color: #94a3b8; }
.np__profile-chevron {
	width: 20px; height: 20px; color: #94a3b8;
	transition: transform .2s ease;
}
.np__profile-section.is-open .np__profile-chevron { transform: rotate(180deg); }
.np__profile-section-body {
	display: none;
	padding: 20px;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.np__profile-section.is-open .np__profile-section-body { display: grid; }
.np__profile-section-body .np__field--full { grid-column: 1 / -1; }

/* Sağ üst completion badge */
.np__profile-section-badge {
	font-size: .68rem; font-weight: 700; padding: 2px 8px;
	border-radius: 99px; margin-right: 8px;
}

/* Profil kaydet butonu */
.np__profile-save-bar {
	display: flex; justify-content: flex-end; padding: 16px 20px;
	border-top: 1px solid rgba(15,23,42,0.05); background: #fafafa;
}

/* İl kartı flag */
.nhub-il-flag { font-size: 1.1rem; flex-shrink: 0; }
.nhub-card__flag--big { font-size: 1.8rem !important; }

/* Belge kartı ikon */
.nhub-card--belge { padding: 14px 16px !important; }

/* ─── Mobil düzeltmeler ─── */
@media (max-width: 768px) {
	.np__profile-hero-card { flex-direction: column; align-items: flex-start; }
	.np__profile-section-body { grid-template-columns: 1fr !important; }
}

/* İl kart bayrağı */
.nhub-card--il { align-items: center !important; }
.nhub-il-flag { font-size: 1.3rem; flex-shrink: 0; }
.nhub-card__flag--big { font-size: 2rem !important; width: 50px !important; height: 50px !important; }

/* Profil section JS toggle support */
.np__profile-section-body { display: none; }
.np__profile-section.is-open .np__profile-section-body { display: grid; }

/* Özet: tek satır profil ipucu (yinelenen banner yok) */
.np__cockpit-hint {
	margin: 6px 0 0;
	padding: 0;
}
.np__cockpit-hint-btn {
	border: none;
	background: none;
	padding: 0;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 600;
	color: #d97706;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.np__cockpit-hint-btn:hover { color: #b45309; }

/* Gizli foto formu (erişilebilir dosya input) */
.np__visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Profil v6 — düz kart ızgarası */
.np__pro {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	max-width: none;
}
.np__pro-photo-form { margin: 0; }
.np__pro-head {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 16px 24px;
	align-items: start;
	padding: 16px 20px;
	background: #fff;
	border: 1px solid var(--np-border);
	border-radius: 16px;
	box-shadow: 0 1px 8px rgba(15, 23, 42, 0.05);
}
.np__pro-avatar-wrap {
	flex-shrink: 0;
}
button.np__pro-avatar {
	position: relative;
	width: 64px;
	height: 64px;
	border-radius: 14px;
	border: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #3b82f6 0%, #1b4fb6 100%);
	color: #fff;
	font-weight: 800;
	font-size: 1.35rem;
	overflow: hidden;
	cursor: pointer;
	flex-shrink: 0;
	box-shadow: 0 4px 14px rgba(27, 79, 182, 0.25);
	font-family: inherit;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
button.np__pro-avatar:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(27, 79, 182, 0.35);
}
.np__pro-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.np__pro-head-main { min-width: 0; width: 100%; }
.np__pro-head-save {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	justify-self: end;
	min-width: min(220px, 100%);
}
.np__pro-save-hint {
	margin: 0;
	font-size: 0.72rem;
	color: var(--np-muted);
	line-height: 1.35;
	text-align: right;
	max-width: 18rem;
}
.np__pro-identity {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 12px;
	margin-bottom: 8px;
}
.np__pro-name { font-size: 0.95rem; font-weight: 700; color: var(--np-ink); }
.np__pro-email { font-size: 0.8rem; color: var(--np-muted); }
.np__pro-meter {
	height: 6px;
	background: rgba(15, 23, 42, 0.08);
	border-radius: 99px;
	overflow: hidden;
	max-width: none;
	width: 100%;
}
.np__pro-meter-fill {
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(90deg, #4f8cff, #7c3aed);
	transition: width 0.35s ease;
}
.np__pro-meter-text {
	margin: 6px 0 0;
	font-size: 0.75rem;
	color: var(--np-muted);
	line-height: 1.35;
}
.np__pro-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}
.np__pro-card {
	background: #fff;
	border: 1px solid var(--np-border);
	border-radius: 14px;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
}
.np__pro-card-head {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.02) 0%, transparent 100%);
}
.np__pro-card-ico {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	flex-shrink: 0;
}
.np__pro-card-titles { flex: 1; min-width: 0; }
.np__pro-card-title {
	margin: 0;
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--np-ink);
}
.np__pro-card-meta {
	margin: 2px 0 0;
	font-size: 0.72rem;
	color: var(--np-muted);
}
.np__pro-card-pct {
	font-size: 0.8rem;
	font-weight: 800;
	flex-shrink: 0;
}
.np__pro-card-fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 12px;
	padding: 12px 14px 14px;
}
.np__pro-card-fields .np__field--full {
	grid-column: 1 / -1;
}
.np__req { color: #ef4444; font-weight: 700; }
@media (max-width: 900px) {
	.np__pro-grid { grid-template-columns: 1fr; }
	.np__pro-card-fields { grid-template-columns: 1fr; }
	.np__pro-head {
		grid-template-columns: 1fr;
		text-align: center;
		justify-items: center;
	}
	.np__pro-avatar-wrap { width: 100%; display: flex; justify-content: center; }
	.np__pro-head-main { text-align: center; }
	.np__pro-meter { max-width: 100%; }
	.np__pro-identity { justify-content: center; }
	.np__pro-head-save {
		justify-self: stretch;
		align-items: stretch;
		width: 100%;
		padding-top: 14px;
		margin-top: 4px;
		border-top: 1px solid var(--np-border);
		min-width: 0;
	}
	.np__pro-head-save .np__btn { width: 100%; justify-content: center; }
	.np__pro-save-hint { text-align: center; max-width: none; }
}

/* ── Paket & ödeme — tam genişlik düzen ── */
.np__view--pkg {
	width: 100%;
}
.np__pkg-page {
	width: 100%;
	max-width: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.np__pkg-alert {
	margin: 0 !important;
}
.np__pkg-hero {
	width: 100%;
}
.np__active-pkg-banner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(200px, 340px);
	align-items: center;
	gap: 20px 32px;
	width: 100%;
	padding: 20px 24px;
	border-radius: 18px;
	background: linear-gradient(135deg, #fff 0%, rgba(248, 250, 252, 0.95) 100%);
	border: 1px solid var(--np-border, rgba(15, 23, 42, 0.07));
	border-left-width: 4px;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
}
.np__active-pkg-banner-main {
	min-width: 0;
}
.np__active-pkg-sub {
	margin: 8px 0 0;
	font-size: 0.85rem;
	color: var(--np-muted);
	line-height: 1.45;
	max-width: 42rem;
}
.np__active-pkg-usage {
	text-align: right;
	min-width: 0;
	width: 100%;
}
.np__active-pkg-usage-label {
	display: block;
	font-size: 0.82rem;
	color: var(--np-muted);
	margin-bottom: 8px;
}
.np__meter-bar--wide {
	width: 100%;
	max-width: none;
	margin-top: 0;
}
.np__pkg-checkout {
	width: 100%;
}
.np__pkg-plans-head {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 24px;
	margin-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.np__pkg-plans-title {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 800;
	color: var(--np-ink);
	letter-spacing: -0.02em;
}
.np__pkg-plans-desc {
	margin: 0;
	flex: 1;
	min-width: 200px;
	font-size: 0.88rem;
	color: var(--np-muted);
	line-height: 1.45;
	text-align: right;
}
.np__pkg-grid--page {
	width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: 18px;
}
.np__pkg-footnote {
	margin: 4px 0 0;
	font-size: 0.78rem;
	color: var(--np-muted);
	line-height: 1.5;
	max-width: none;
	width: 100%;
}
@media (max-width: 900px) {
	.np__active-pkg-banner {
		grid-template-columns: 1fr;
	}
	.np__active-pkg-usage {
		text-align: left;
	}
	.np__pkg-plans-head {
		flex-direction: column;
		align-items: flex-start;
	}
	.np__pkg-plans-desc {
		text-align: left;
	}
}

/* Hizmetler sekmesi — üst bölüm + giriş animasyonları */
.np__hizmet-hero {
	width: 100%;
	padding: 20px 22px;
	border-radius: 20px;
	margin-bottom: 20px;
	background: linear-gradient(135deg, #fff 0%, #f0f4ff 42%, #fdf4ff 100%);
	border: 1px solid rgba(27, 79, 182, 0.12);
	box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06);
}
.np__hizmet-hero__eyebrow {
	margin: 0 0 8px;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #4f46e5;
}
.np__hizmet-hero__lead {
	margin: 0 0 14px;
	font-size: 0.95rem;
	line-height: 1.55;
	max-width: 48rem;
}
.np__hizmet-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-bottom: 12px;
}
.np__hizmet-hero__hint {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.45;
	max-width: 42rem;
}
.np__btn--ghost-dark {
	border: 1.5px solid rgba(27, 79, 182, 0.35) !important;
	color: #1b4fb6 !important;
	background: rgba(27, 79, 182, 0.06) !important;
}
.np__btn--ghost-dark:hover {
	background: rgba(27, 79, 182, 0.11) !important;
	border-color: rgba(27, 79, 182, 0.45) !important;
}
@keyframes np-panel-rise {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
#np-hizmet-hero.np-anim-run {
	animation: np-panel-rise 0.55s ease-out both;
}
#np-pkg-anim.np-anim-run .np__pkg-hero,
#np-pkg-anim.np-anim-run .np__pkg-plans-head,
#np-pkg-anim.np-anim-run .np__pkg-grid--page .np__pkg-card,
#np-pkg-anim.np-anim-run .np__card--checkout {
	animation: np-panel-rise 0.52s ease-out both;
}
#np-pkg-anim.np-anim-run .np__pkg-hero {
	animation-delay: 0.04s;
}
#np-pkg-anim.np-anim-run .np__pkg-plans-head {
	animation-delay: 0.1s;
}
#np-pkg-anim.np-anim-run .np__pkg-grid--page .np__pkg-card:nth-child(1) { animation-delay: 0.12s; }
#np-pkg-anim.np-anim-run .np__pkg-grid--page .np__pkg-card:nth-child(2) { animation-delay: 0.18s; }
#np-pkg-anim.np-anim-run .np__pkg-grid--page .np__pkg-card:nth-child(3) { animation-delay: 0.24s; }
#np-pkg-anim.np-anim-run .np__pkg-grid--page .np__pkg-card:nth-child(4) { animation-delay: 0.3s; }
#np-pkg-anim.np-anim-run .np__pkg-grid--page .np__pkg-card:nth-child(5) { animation-delay: 0.36s; }
#np-pkg-anim.np-anim-run .np__pkg-grid--page .np__pkg-card:nth-child(6) { animation-delay: 0.42s; }
#np-pkg-anim.np-anim-run .np__card--checkout {
	animation-delay: 0.08s;
}
#np-service-catalog.np-anim-run .np__service-card {
	animation: np-panel-rise 0.48s ease-out both;
}
#np-service-catalog.np-anim-run .np__service-card:nth-child(1) { animation-delay: 0.04s; }
#np-service-catalog.np-anim-run .np__service-card:nth-child(2) { animation-delay: 0.1s; }
#np-service-catalog.np-anim-run .np__service-card:nth-child(3) { animation-delay: 0.16s; }
#np-service-catalog.np-anim-run .np__service-card:nth-child(4) { animation-delay: 0.22s; }
#np-service-catalog.np-anim-run .np__service-card:nth-child(5) { animation-delay: 0.28s; }
#np-service-catalog.np-anim-run .np__service-card:nth-child(6) { animation-delay: 0.34s; }
#np-service-catalog.np-anim-run .np__service-card:nth-child(7) { animation-delay: 0.4s; }
#np-service-catalog.np-anim-run .np__service-card:nth-child(8) { animation-delay: 0.46s; }
@media (prefers-reduced-motion: reduce) {
	#np-hizmet-hero.np-anim-run,
	#np-pkg-anim.np-anim-run .np__pkg-hero,
	#np-pkg-anim.np-anim-run .np__pkg-plans-head,
	#np-pkg-anim.np-anim-run .np__pkg-grid--page .np__pkg-card,
	#np-pkg-anim.np-anim-run .np__card--checkout,
	#np-service-catalog.np-anim-run .np__service-card {
		animation: none !important;
	}
}
#np-pkg-anim .np__pkg-grid--page .np__pkg-card {
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.18s;
}
#np-pkg-anim .np__pkg-grid--page .np__pkg-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

/* ═══ Müşteri paneli — Panelim (mockup) ═══ */
body.navi-panel {
	background: #eef2f7;
}
.np__logo--brand .np__logo-word {
	color: #e11d48;
}
.np__logo--brand .np__logo-dot {
	color: #2563eb;
}
.np__logo-tagline {
	margin: 6px 0 0;
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.38);
}
.np__avatar--dash {
	width: 44px;
	height: 44px;
	font-size: 0.95rem;
	border-radius: 12px;
}
.np__user-tier {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.55);
	margin-top: 3px;
}
.np__badge--soft {
	background: rgba(59, 130, 246, 0.35);
	color: #fff;
}
.np__nav-btn--link {
	text-decoration: none;
	box-sizing: border-box;
}
.np__nav-btn--muted {
	opacity: 0.85;
}
.np__sidebar-support {
	margin-top: auto;
	padding: 16px 14px 8px;
}
.np__sidebar-support-kicker {
	margin: 0 0 4px;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.35);
}
.np__sidebar-support-phone {
	display: block;
	font-size: 1rem;
	font-weight: 800;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
	letter-spacing: -0.02em;
}
.np__sidebar-support-btn {
	width: 100%;
	padding: 10px 12px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(155deg, #3b82f6 0%, #1d4ed8 100%);
	color: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(29, 78, 216, 0.35);
}
.np__sidebar-support-btn:hover {
	filter: brightness(1.05);
}
.np__topbar-title--muted {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--np-muted);
}
.np__topbar-iconbtn {
	position: relative;
	width: 42px;
	height: 42px;
	border: none;
	border-radius: 12px;
	background: #f8fafc;
	color: #475569;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.15s;
}
.np__topbar-iconbtn:hover {
	background: #f1f5f9;
}
.np__topbar-iconbadge {
	position: absolute;
	top: 6px;
	right: 6px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 99px;
	background: #ef4444;
	color: #fff;
	font-size: 0.65rem;
	font-weight: 800;
	line-height: 16px;
	text-align: center;
}
.np__topbar-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--np-ink);
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.np__topbar-pill:hover {
	border-color: rgba(37, 99, 235, 0.35);
	color: #1d4ed8;
}
.np__topbar-logout {
	font-size: 0.82rem;
	font-weight: 600;
	color: #64748b;
	text-decoration: none;
	padding: 6px 4px;
}
.np__topbar-logout:hover {
	color: #1e293b;
}

.np__topbar-left {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 12px;
}

.np__breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 8px;
	font-size: 0.82rem;
	font-weight: 500;
	color: #94a3b8;
}

.np__breadcrumb a {
	color: #94a3b8;
	text-decoration: none;
	transition: color 0.15s;
}

.np__breadcrumb a:hover {
	color: #64748b;
}

.np__breadcrumb-sep {
	color: #cbd5e1;
	font-weight: 600;
}

.np__breadcrumb-current {
	color: #64748b;
	font-weight: 600;
}

.np__topbar-pill--upload {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e2e8f0;
	color: #0f172a;
	font-weight: 600;
	box-shadow: none;
}

.np__topbar-pill--upload:hover {
	border-color: #cbd5e1;
	color: #0f172a;
}

.np__topbar-userpill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 6px 12px 6px 8px;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	color: #0f172a;
	cursor: pointer;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.np__topbar-userpill:hover {
	border-color: #cbd5e1;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.np__topbar-userpill-av {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: linear-gradient(145deg, #3b82f6 0%, #1d4ed8 100%);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 800;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np__topbar-userpill-name {
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.np__topbar-userpill-chevron {
	flex-shrink: 0;
	color: #94a3b8;
}

.np__user-tier {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.np__user-tier-chevron {
	opacity: 0.45;
	flex-shrink: 0;
}

.np__sidebar-support-kicker {
	display: flex;
	align-items: center;
	gap: 8px;
}

.np__sidebar-support-headset {
	flex-shrink: 0;
	opacity: 0.85;
}

.np__sidebar-support-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #fff !important;
	color: #0f172a !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

.np__sidebar-support-btn:hover {
	filter: none !important;
	background: #f8fafc !important;
}

.np__sidebar-link--logout {
	margin-top: 4px;
}

/* ── Başvurularım (iş başvurusu) mockup ── */
.np-app {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.np-app__head {
	margin-bottom: 22px;
}

.np-app__title {
	margin: 0 0 8px;
	font-size: 1.5rem;
	font-weight: 900;
	color: #0f172a;
	letter-spacing: -0.03em;
}

.np-app__lead {
	margin: 0;
	max-width: 40rem;
	font-size: 0.88rem;
	line-height: 1.55;
	color: #64748b;
}

.np-app__stats {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
	margin-bottom: 20px;
}

.np-app__stat {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 14px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.np-app__stat-ic {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-app__stat-ic--blue {
	background: rgba(37, 99, 235, 0.12);
	color: #2563eb;
}

.np-app__stat-ic--green {
	background: rgba(22, 163, 74, 0.12);
	color: #16a34a;
}

.np-app__stat-ic--amber {
	background: rgba(234, 179, 8, 0.15);
	color: #ca8a04;
}

.np-app__stat-ic--dkgreen {
	background: rgba(21, 128, 61, 0.12);
	color: #15803d;
}

.np-app__stat-ic--red {
	background: rgba(239, 68, 68, 0.12);
	color: #dc2626;
}

.np-app__stat-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.np-app__stat-label {
	font-size: 0.72rem;
	font-weight: 700;
	color: #64748b;
	line-height: 1.25;
}

.np-app__stat-num {
	font-size: 1.35rem;
	font-weight: 900;
	color: #0f172a;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.np-app__stat-sub {
	font-size: 0.68rem;
	color: #94a3b8;
	font-weight: 600;
}

.np-app__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin-bottom: 16px;
}

.np-app__search {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 220px;
	min-width: 200px;
	padding: 0 14px;
	height: 42px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	color: #94a3b8;
}

.np-app__search-input {
	border: none;
	background: transparent;
	font: inherit;
	font-size: 0.84rem;
	flex: 1;
	min-width: 0;
	color: #0f172a;
}

.np-app__search-input::placeholder {
	color: #94a3b8;
}

.np-app__search-input:focus {
	outline: none;
}

.np-app__select-wrap {
	min-width: 150px;
	flex: 0 1 160px;
}

.np-app__select {
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border-radius: 10px;
	border: 1px solid #e2e8f0;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	color: #334155;
	cursor: pointer;
}

.np-app__daterange {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 12px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	color: #94a3b8;
	flex: 0 1 170px;
}

.np-app__daterange-input {
	border: none;
	background: transparent;
	font: inherit;
	font-size: 0.82rem;
	flex: 1;
	min-width: 0;
	color: #64748b;
	cursor: default;
}

.np-app__clear {
	margin-left: auto;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	color: #2563eb;
	cursor: pointer;
}

.np-app__clear:hover {
	text-decoration: underline;
}

.np-app__table-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
	overflow: hidden;
	margin-bottom: 20px;
}

.np-app__table-scroll {
	overflow-x: auto;
}

.np-app__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.82rem;
}

.np-app__table th {
	text-align: left;
	padding: 12px 14px;
	font-size: 0.72rem;
	font-weight: 800;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
	white-space: nowrap;
}

.np-app__th-actions {
	text-align: right;
}

.np-app__table td {
	padding: 14px;
	border-bottom: 1px solid #f1f5f9;
	color: #334155;
	vertical-align: middle;
}

.np-app__row:last-child td {
	border-bottom: none;
}

.np-app__company {
	display: flex;
	align-items: center;
	gap: 10px;
}

.np-app__logo {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	overflow: hidden;
	background: #f1f5f9;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	border: 1px solid #e2e8f0;
}

.np-app__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.np-app__logo-fallback {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	font-size: 0.75rem;
	font-weight: 800;
	color: #64748b;
	background: #e2e8f0;
}

.np-app__company-name {
	font-weight: 700;
	color: #0f172a;
}

.np-app__country {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.np-app__flag {
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.np-app__tag {
	display: inline-flex;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	white-space: nowrap;
}

.np-app-tag--review {
	background: #fef9c3;
	color: #a16207;
}

.np-app-tag--applied {
	background: #dbeafe;
	color: #1d4ed8;
}

.np-app-tag--interview {
	background: #f3e8ff;
	color: #7e22ce;
}

.np-app-tag--success {
	background: #dcfce7;
	color: #15803d;
}

.np-app-tag--reject {
	background: #fee2e2;
	color: #b91c1c;
}

.np-app-tag--draft {
	background: #f1f5f9;
	color: #475569;
}

.np-app-tag--misc {
	background: #f1f5f9;
	color: #475569;
}

.np-app__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.np-app__iconbtn {
	width: 36px;
	height: 36px;
	display: grid;
	place-items: center;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #fff;
	color: #64748b;
	cursor: pointer;
	transition: border-color 0.15s, color 0.15s;
}

.np-app__iconbtn:hover {
	border-color: #cbd5e1;
	color: #2563eb;
}

.np-app__table-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding: 12px 16px;
	border-top: 1px solid #f1f5f9;
	background: #fafafa;
}

.np-app__showing {
	margin: 0;
	font-size: 0.78rem;
	color: #64748b;
}

.np-app__pager {
	display: flex;
	align-items: center;
	gap: 6px;
}

.np-app__pager-btn {
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	color: #475569;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
}

.np-app__pager-btn:hover:not(:disabled) {
	background: #f8fafc;
	border-color: #cbd5e1;
}

.np-app__pager-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.np-app__pager-btn.is-active {
	background: #1e3a8a;
	border-color: #1e3a8a;
	color: #fff;
}

/* ── Müşteri paneli: Belgelerim (mockup) ── */
.np-doc {
	--np-doc-primary: #1e56a0;
	--np-doc-border: #e0e0e0;
	--np-doc-bg: #f8f9fa;
	--np-doc-ok: #28a745;
	--np-doc-warn: #ffc107;
	--np-doc-bad: #dc3545;
}

.np-doc__grid {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 24px;
	align-items: start;
}

@media (max-width: 1100px) {
	.np-doc__grid {
		grid-template-columns: 1fr;
	}
}

.np-doc__primary {
	min-width: 0;
}

.np-doc__head {
	margin-bottom: 4px;
}

.np-doc__title {
	font-size: 1.65rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 8px;
	letter-spacing: -0.02em;
}

.np-doc__lead {
	margin: 0 0 22px;
	color: #64748b;
	font-size: 0.92rem;
	line-height: 1.5;
}

.np-doc__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	border-bottom: 1px solid var(--np-doc-border);
	margin-bottom: 18px;
}

.np-doc__tab {
	background: none;
	border: none;
	padding: 11px 2px;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 600;
	color: #64748b;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color 0.15s;
}

.np-doc__tab:hover {
	color: var(--np-doc-primary);
}

.np-doc__tab.is-active {
	color: var(--np-doc-primary);
	border-bottom-color: var(--np-doc-primary);
}

.np-doc__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 18px;
	align-items: flex-end;
}

.np-doc__search {
	flex: 1;
	min-width: 220px;
	position: relative;
}

.np-doc__search-ic {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #94a3b8;
	pointer-events: none;
}

.np-doc__search-input {
	width: 100%;
	padding: 10px 12px 10px 40px;
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
	font: inherit;
	font-size: 0.88rem;
	background: #fff;
	box-sizing: border-box;
}

.np-doc__search-input:focus {
	outline: none;
	border-color: rgba(30, 86, 160, 0.45);
	box-shadow: 0 0 0 3px rgba(30, 86, 160, 0.12);
}

.np-doc__select-wrap {
	min-width: 170px;
}

.np-doc__select-label {
	display: block;
	font-size: 0.68rem;
	font-weight: 800;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 6px;
}

.np-doc__select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
	font: inherit;
	font-size: 0.88rem;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
}

.np-doc__stats {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 18px;
}

@media (max-width: 1200px) {
	.np-doc__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.np-doc__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.np-doc__stat {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
}

.np-doc__stat-ic {
	width: 42px;
	height: 42px;
	border-radius: 8px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-doc__stat-ic--blue {
	background: rgba(30, 86, 160, 0.1);
	color: var(--np-doc-primary);
}

.np-doc__stat-ic--green {
	background: rgba(40, 167, 69, 0.12);
	color: var(--np-doc-ok);
}

.np-doc__stat-ic--ok {
	background: rgba(40, 167, 69, 0.12);
	color: var(--np-doc-ok);
}

.np-doc__stat-ic--wait {
	background: rgba(255, 193, 7, 0.22);
	color: #b8860b;
}

.np-doc__stat-ic--bad {
	background: rgba(220, 53, 69, 0.12);
	color: var(--np-doc-bad);
}

.np-doc__stat-body {
	min-width: 0;
}

.np-doc__stat-label {
	display: block;
	font-size: 0.68rem;
	font-weight: 800;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1.2;
}

.np-doc__stat-num {
	font-size: 1.2rem;
	font-weight: 800;
	color: #0f172a;
	display: block;
	margin-top: 2px;
}

.np-doc__table-card {
	background: #fff;
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 18px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.np-doc__table-scroll {
	overflow-x: auto;
}

.np-doc__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.84rem;
}

.np-doc__table th {
	text-align: left;
	padding: 12px 16px;
	font-size: 0.68rem;
	font-weight: 800;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: var(--np-doc-bg);
	border-bottom: 1px solid var(--np-doc-border);
	white-space: nowrap;
}

.np-doc__th-actions {
	text-align: right;
}

.np-doc__table td {
	padding: 14px 16px;
	border-bottom: 1px solid #f1f3f5;
	vertical-align: middle;
	color: #334155;
}

.np-doc__row:last-child td {
	border-bottom: none;
}

.np-doc__row--empty td {
	padding: 36px 16px;
	text-align: center;
}

.np-doc__empty-txt {
	margin: 0;
	color: #64748b;
	font-size: 0.9rem;
}

.np-doc__namecell {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 200px;
}

.np-doc__name {
	font-weight: 600;
	color: #0f172a;
}

.np-doc__doc-ic {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	flex-shrink: 0;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	position: relative;
	box-sizing: border-box;
}

.np-doc__doc-ic--diploma {
	background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
	border-color: #c7d2fe;
}

.np-doc__doc-ic--diploma::after {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	top: 9px;
	bottom: 8px;
	border: 2px solid #6366f1;
	border-radius: 2px;
	border-top-width: 5px;
}

.np-doc__doc-ic--pasaport {
	background: linear-gradient(135deg, #dbeafe 0%, #e0f2fe 100%);
	border-color: #bae6fd;
}

.np-doc__doc-ic--pasaport::after {
	content: "";
	position: absolute;
	inset: 9px 7px;
	border: 2px solid #0284c7;
	border-radius: 4px;
}

.np-doc__doc-ic--cv {
	background: linear-gradient(135deg, #ffedd5 0%, #ffedd5 100%);
	border-color: #fed7aa;
}

.np-doc__doc-ic--cv::after {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	top: 11px;
	height: 2px;
	background: #ea580c;
	box-shadow: 0 6px 0 #ea580c, 0 12px 0 #ea580c;
}

.np-doc__doc-ic--cert {
	background: linear-gradient(135deg, #f3e8ff 0%, #ede9fe 100%);
	border-color: #ddd6fe;
}

.np-doc__doc-ic--cert::after {
	content: "★";
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	font-size: 14px;
	color: #7c3aed;
	line-height: 1;
}

.np-doc__doc-ic--doc {
	background: #f1f5f9;
	border-color: #e2e8f0;
}

.np-doc__doc-ic--doc::after {
	content: "";
	position: absolute;
	left: 9px;
	right: 9px;
	top: 10px;
	bottom: 9px;
	border: 2px solid #94a3b8;
	border-radius: 2px;
	border-top-width: 5px;
}

.np-doc-cat {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	white-space: nowrap;
}

.np-doc-cat--edu {
	background: #f3e8ff;
	color: #6b21a8;
}

.np-doc-cat--id {
	background: #dbeafe;
	color: #1d4ed8;
}

.np-doc-cat--job {
	background: #ffedd5;
	color: #c2410c;
}

.np-doc-cat--misc {
	background: #f1f5f9;
	color: #475569;
}

.np-doc-cat--legal {
	background: #e0e7ff;
	color: #3730a3;
}

.np-doc-st {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 11px 5px 8px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	white-space: nowrap;
}

.np-doc-st .np-doc__pill-svg {
	flex-shrink: 0;
}

.np-doc-st--ok {
	background: #d4edda;
	color: #1e7e34;
}

.np-doc-st--wait {
	background: #fff3cd;
	color: #856404;
}

.np-doc-st--bad {
	background: #f8d7da;
	color: #721c24;
}

.np-doc-st--new {
	background: #cfe2ff;
	color: #084298;
}

.np-doc-st--tr {
	background: #e7f1ff;
	color: var(--np-doc-primary);
}

.np-doc__date {
	color: #64748b;
	font-size: 0.82rem;
	white-space: nowrap;
}

.np-doc__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	flex-wrap: wrap;
}

.np-doc__iconbtn {
	width: 36px;
	height: 36px;
	display: inline-grid;
	place-items: center;
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
	background: #fff;
	color: #64748b;
	cursor: pointer;
	transition: border-color 0.15s, color 0.15s;
	box-sizing: border-box;
	text-decoration: none;
	padding: 0;
	font: inherit;
}

.np-doc__iconbtn:hover:not(.np-doc__iconbtn--disabled) {
	border-color: var(--np-doc-primary);
	color: var(--np-doc-primary);
}

.np-doc__iconbtn--disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.np-doc__table-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding: 12px 16px;
	border-top: 1px solid #f1f3f5;
	background: #fafafa;
}

.np-doc__showing {
	margin: 0;
	font-size: 0.78rem;
	color: #64748b;
}

.np-doc__pager {
	display: flex;
	align-items: center;
	gap: 6px;
}

.np-doc__pager-btn {
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	color: #475569;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
}

.np-doc__pager-btn:hover:not(:disabled) {
	background: var(--np-doc-bg);
	border-color: #cbd5e1;
}

.np-doc__pager-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.np-doc__pager-btn.is-active {
	background: var(--np-doc-primary);
	border-color: var(--np-doc-primary);
	color: #fff;
}

.np-doc__translate-bar {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	padding: 16px 18px;
	background: #e7f1ff;
	border: 1px solid rgba(30, 86, 160, 0.2);
	border-radius: 8px;
	margin-top: 4px;
}

.np-doc__translate-ic {
	flex-shrink: 0;
	color: var(--np-doc-primary);
	display: grid;
	place-items: center;
}

.np-doc__translate-text {
	margin: 0;
	flex: 1;
	min-width: 200px;
	font-size: 0.86rem;
	color: #334155;
	line-height: 1.45;
}

.np-doc__translate-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: 8px;
	background: var(--np-doc-primary);
	color: #fff !important;
	font-size: 0.82rem;
	font-weight: 700;
	text-decoration: none;
	border: none;
	cursor: pointer;
	font: inherit;
	white-space: nowrap;
}

.np-doc__translate-btn:hover {
	filter: brightness(1.05);
}

.np-doc__aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.np-doc__vekalet-card.np-doc__upload-card {
	padding: 0;
}

.np-doc__vekalet-head {
	padding: 16px 18px 0;
	border-bottom: 1px solid var(--np-doc-border);
	margin-bottom: 0;
}

.np-doc__vekalet-title {
	margin: 0 0 8px;
	font-size: 1rem;
	font-weight: 800;
	color: #0f172a;
	letter-spacing: -0.02em;
}

.np-doc__vekalet-lead {
	margin: 0 0 16px;
	font-size: 0.82rem;
	color: #64748b;
	line-height: 1.5;
}

.np-doc__vekalet-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	border-top: 1px solid var(--np-doc-border);
}

.np-doc__vekalet-col {
	padding: 16px 18px 18px;
	min-width: 0;
	border-right: 1px solid var(--np-doc-border);
}

.np-doc__vekalet-col:last-child {
	border-right: none;
}

.np-doc__vekalet-sub {
	margin: 0 0 10px;
	font-size: 0.72rem;
	font-weight: 700;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.np-doc__vekalet-col .np-doc__upload-form {
	padding: 0;
}

.np-doc__vekalet-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 10px;
	padding: 10px 16px;
	border: none;
	border-radius: 8px;
	background: var(--np-doc-primary);
	color: #fff;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	cursor: pointer;
	transition: filter 0.15s;
}

.np-doc__vekalet-submit:hover {
	filter: brightness(1.05);
}

.np-doc__vekalet-submit--sign {
	margin-top: 0;
	flex: 1;
	min-width: 0;
}

.np-doc__vekalet-hint {
	margin: 8px 0 0;
	font-size: 0.72rem;
	color: #94a3b8;
	line-height: 1.4;
}

.np-doc__vekalet-sign-form {
	margin: 0;
}

.np-doc__sig-box {
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
	background: #f8fafc;
	overflow: hidden;
	margin-bottom: 10px;
}

.np-doc__sig-canvas {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	touch-action: none;
	cursor: crosshair;
	background: #fff;
}

.np-doc__sig-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
}

.np-doc__sig-clear {
	flex: 0 0 auto;
	padding: 10px 14px;
	border-radius: 8px;
	border: 1px solid var(--np-doc-border);
	background: #fff;
	color: #475569;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 600;
	cursor: pointer;
}

.np-doc__sig-clear:hover {
	background: #f1f5f9;
}

@media (max-width: 768px) {
	.np-doc__vekalet-grid {
		grid-template-columns: 1fr;
	}

	.np-doc__vekalet-col {
		border-right: none;
		border-bottom: 1px solid var(--np-doc-border);
	}

	.np-doc__vekalet-col:last-child {
		border-bottom: none;
	}
}

.np-doc__upload-card,
.np-doc__check-card,
.np-doc__support-card {
	background: #fff;
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
	overflow: hidden;
}

.np-doc__upload-form {
	margin: 0;
}

.np-doc__dropzone {
	padding: 22px 18px;
	text-align: center;
	border: 2px dashed #cbd5e1;
	border-radius: 8px;
	margin: 14px;
	transition: border-color 0.15s, background 0.15s;
}

.np-doc__dropzone.is-drag {
	border-color: var(--np-doc-primary);
	background: rgba(30, 86, 160, 0.04);
}

.np-doc__drop-ic {
	color: var(--np-doc-primary);
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.np-doc__drop-text {
	margin: 0 0 14px;
	font-size: 0.86rem;
	color: #475569;
	line-height: 1.45;
}

.np-doc__type-field {
	display: block;
	text-align: left;
	margin-bottom: 12px;
}

.np-doc__type-label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	color: #64748b;
	margin-bottom: 6px;
}

.np-doc__type-select {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid var(--np-doc-border);
	border-radius: 8px;
	font: inherit;
	font-size: 0.84rem;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
}

.np-doc__btn-file {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 10px;
}

.np-doc__btn-file span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	padding: 10px 20px;
	border-radius: 8px;
	background: var(--np-doc-primary);
	color: #fff;
	font-size: 0.86rem;
	font-weight: 700;
	pointer-events: none;
}

.np-doc__btn-file:hover span {
	filter: brightness(1.05);
}

.np-doc__btn-file--block {
	display: block;
	width: 100%;
	margin-bottom: 0;
}

.np-doc__btn-file--block span {
	display: flex;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.np-doc__file-input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	font-size: 0;
}

.np-doc__submit-hidden {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.np-doc__drop-hint {
	margin: 0;
	font-size: 0.72rem;
	color: #94a3b8;
	line-height: 1.4;
}

.np-doc__check-card {
	padding: 16px 18px;
}

.np-doc__check-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 12px;
}

.np-doc__check-title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	color: #0f172a;
}

.np-doc__check-link {
	background: none;
	border: none;
	padding: 0;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--np-doc-primary);
	cursor: pointer;
	text-decoration: underline;
	white-space: nowrap;
}

.np-doc__checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.np-doc__check-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #f1f3f5;
	font-size: 0.82rem;
}

.np-doc__check-item:last-child {
	border-bottom: none;
}

.np-doc__check-ic {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-doc__check-ic--ok {
	background: #d4edda;
	color: var(--np-doc-ok);
}

.np-doc__check-ic--bad {
	background: #f8d7da;
	color: var(--np-doc-bad);
}

.np-doc__check-label {
	flex: 1;
	font-weight: 600;
	color: #334155;
}

.np-doc__check-status {
	font-size: 0.72rem;
	font-weight: 700;
	color: #64748b;
}

.np-doc__check-item.is-ok .np-doc__check-status {
	color: var(--np-doc-ok);
}

.np-doc__check-item.is-miss .np-doc__check-status {
	color: var(--np-doc-bad);
}

.np-doc__support-card {
	padding: 18px;
	text-align: center;
}

.np-doc__support-art {
	margin-bottom: 10px;
}

.np-doc__support-art img {
	max-width: 120px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

.np-doc__support-text {
	margin: 0 0 14px;
	font-size: 0.86rem;
	font-weight: 600;
	color: #334155;
	line-height: 1.45;
}

.np-doc__support-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 11px 16px;
	border-radius: 8px;
	border: 1px solid var(--np-doc-border);
	background: #fff;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	color: var(--np-doc-primary);
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s;
}

.np-doc__support-btn:hover {
	border-color: var(--np-doc-primary);
	background: rgba(30, 86, 160, 0.06);
}

/* ── Müşteri paneli: Raporlarım (mockup) ── */
.np__view--rep {
	background: #f9fafb;
	padding: 24px 32px 40px;
	box-sizing: border-box;
}

.np-rep {
	max-width: 1280px;
	margin: 0 auto;
}

.np-rep__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}

.np-rep__title {
	margin: 0 0 8px;
	font-size: 1.65rem;
	font-weight: 700;
	color: #111827;
	letter-spacing: -0.02em;
}

.np-rep__lead {
	margin: 0;
	font-size: 0.92rem;
	color: #6b7280;
	line-height: 1.5;
	max-width: 560px;
}

.np-rep__empty-hint {
	margin: 0 0 1rem;
	padding: 12px 14px;
	font-size: 0.9rem;
	color: #475569;
	line-height: 1.45;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	max-width: 640px;
}

.np-rep__head-ctrl {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: flex-end;
}

.np-rep__daterange {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	min-width: 240px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.np-rep__daterange-ic {
	color: #9ca3af;
	flex-shrink: 0;
}

.np-rep__daterange-txt {
	font-size: 0.86rem;
	font-weight: 600;
	color: #374151;
	flex: 1;
}

.np-rep__daterange-chev {
	color: #9ca3af;
	flex-shrink: 0;
}

.np-rep__select-wrap {
	min-width: 180px;
}

.np-rep__select-label {
	display: block;
	font-size: 0.68rem;
	font-weight: 800;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 6px;
}

.np-rep__select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	font: inherit;
	font-size: 0.86rem;
	background: #fff;
	cursor: pointer;
	box-sizing: border-box;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.np-rep__summary {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 22px;
}

@media (max-width: 1200px) {
	.np-rep__summary {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.np-rep__summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.np__view--rep {
		padding: 16px 16px 32px;
	}
}

.np-rep__sum-card {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px 18px;
	background: #fff;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.np-rep__sum-ic {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-rep__sum-ic--plane {
	background: rgba(37, 99, 235, 0.1);
	color: #2563eb;
}

.np-rep__sum-ic--chat {
	background: rgba(22, 163, 74, 0.12);
	color: #16a34a;
}

.np-rep__sum-ic--check {
	background: rgba(147, 51, 234, 0.12);
	color: #9333ea;
}

.np-rep__sum-ic--x {
	background: rgba(220, 38, 38, 0.1);
	color: #dc2626;
}

.np-rep__sum-ic--clock {
	background: rgba(245, 158, 11, 0.18);
	color: #d97706;
}

.np-rep__sum-label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	color: #6b7280;
	line-height: 1.25;
}

.np-rep__sum-num {
	display: block;
	font-size: 1.35rem;
	font-weight: 800;
	color: #111827;
	margin-top: 4px;
}

.np-rep__trend {
	display: inline-block;
	margin-top: 6px;
	font-size: 0.72rem;
	font-weight: 700;
}

.np-rep__trend--up {
	color: #16a34a;
}

.np-rep__trend--down {
	color: #dc2626;
}

.np-rep__charts-row {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 18px;
	margin-bottom: 18px;
}

@media (max-width: 1024px) {
	.np-rep__charts-row {
		grid-template-columns: 1fr;
	}
}

.np-rep__card {
	background: #fff;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	padding: 20px 22px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.np-rep__card-head {
	margin-bottom: 16px;
}

.np-rep__card-head--split {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.np-rep__card-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 800;
	color: #111827;
}

.np-rep__mini-select {
	padding: 8px 12px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 600;
	color: #374151;
	background: #fff;
	cursor: pointer;
}

.np-rep__donut-wrap {
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
	justify-content: center;
}

.np-rep__donut-visual {
	position: relative;
	width: 180px;
	height: 180px;
	flex-shrink: 0;
}

.np-rep__donut-ring {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
}

.np-rep__donut-hole {
	position: absolute;
	inset: 22%;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04);
}

.np-rep__donut-total {
	font-size: 0.72rem;
	font-weight: 700;
	color: #6b7280;
}

.np-rep__donut-n {
	font-size: 1.5rem;
	font-weight: 800;
	color: #111827;
	line-height: 1.1;
}

.np-rep__legend {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
	min-width: 200px;
}

.np-rep__legend-item {
	display: grid;
	grid-template-columns: 12px 1fr auto auto;
	gap: 10px 12px;
	align-items: center;
	padding: 8px 0;
	font-size: 0.82rem;
	border-bottom: 1px solid #f3f4f6;
}

.np-rep__legend-item:last-child {
	border-bottom: none;
}

.np-rep__legend-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.np-rep__legend-text {
	font-weight: 600;
	color: #374151;
}

.np-rep__legend-val {
	font-weight: 700;
	color: #111827;
}

.np-rep__legend-pct {
	font-weight: 700;
	color: #6b7280;
}

.np-rep__line-chart {
	display: grid;
	grid-template-columns: 36px 1fr;
	gap: 8px;
	align-items: stretch;
}

.np-rep__line-y {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 0.68rem;
	font-weight: 600;
	color: #9ca3af;
	text-align: right;
	padding-bottom: 22px;
	line-height: 1;
}

.np-rep__line-main {
	min-width: 0;
}

.np-rep__line-svg {
	width: 100%;
	height: 180px;
	display: block;
	vertical-align: top;
}

.np-rep__line-x {
	display: flex;
	justify-content: space-between;
	gap: 4px;
	font-size: 0.68rem;
	font-weight: 600;
	color: #6b7280;
	margin-top: 4px;
}

.np-rep__line-x span {
	flex: 1;
	text-align: center;
	min-width: 0;
}

.np-rep__triple {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 18px;
	margin-bottom: 18px;
}

@media (max-width: 1100px) {
	.np-rep__triple {
		grid-template-columns: 1fr;
	}
}

.np-rep__bars {
	list-style: none;
	margin: 0;
	padding: 0;
}

.np-rep__bar-row {
	display: grid;
	grid-template-columns: 26px minmax(88px, 120px) minmax(0, 1fr) 44px;
	gap: 10px 12px;
	align-items: center;
	padding: 10px 0;
	font-size: 0.82rem;
	border-bottom: 1px solid #f3f4f6;
}

.np-rep__bar-row:last-child {
	border-bottom: none;
}

.np-rep__flag {
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.np-rep__flag-fallback {
	width: 22px;
	height: 16px;
	background: #e5e7eb;
	border-radius: 2px;
}

.np-rep__bar-name {
	font-weight: 600;
	color: #374151;
}

.np-rep__bar-track {
	height: 8px;
	background: #f3f4f6;
	border-radius: 99px;
	overflow: hidden;
	min-width: 0;
}

.np-rep__bar-fill {
	display: block;
	height: 100%;
	border-radius: 99px;
	background: #2563eb;
	transition: width 0.4s ease;
}

.np-rep__bar-pct {
	font-weight: 800;
	color: #111827;
	font-size: 0.78rem;
	text-align: right;
}

.np-rep__pie-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}

.np-rep__pie {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	flex-shrink: 0;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.np-rep__pie-legend {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
	min-width: 160px;
	font-size: 0.8rem;
}

.np-rep__pie-legend li {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 0;
	flex-wrap: wrap;
}

.np-rep__pie-legend li span:nth-child(2) {
	flex: 1;
	font-weight: 600;
	color: #374151;
	min-width: 80px;
}

.np-rep__pie-pct {
	font-weight: 800;
	color: #6b7280;
}

.np-rep__proc-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.np-rep__proc-item {
	padding: 12px 0;
	border-bottom: 1px solid #f3f4f6;
}

.np-rep__proc-item:last-child {
	border-bottom: none;
}

.np-rep__proc-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #374151;
	margin-bottom: 8px;
}

.np-rep__proc-meta {
	font-size: 0.78rem;
	font-weight: 800;
	color: #6b7280;
	white-space: nowrap;
}

.np-rep__proc-track {
	height: 10px;
	background: #f3f4f6;
	border-radius: 99px;
	overflow: hidden;
}

.np-rep__proc-fill {
	display: block;
	height: 100%;
	border-radius: 99px;
	min-width: 2px;
}

.np-rep__bottom {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 18px;
	align-items: start;
}

@media (max-width: 1024px) {
	.np-rep__bottom {
		grid-template-columns: 1fr;
	}
}

.np-rep__table-scroll {
	overflow-x: auto;
	margin: 0 -6px;
}

.np-rep__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.82rem;
}

.np-rep__table th {
	text-align: left;
	padding: 10px 12px;
	font-size: 0.68rem;
	font-weight: 800;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: #f9fafb;
	border-bottom: 1px solid #e5e7eb;
	white-space: nowrap;
}

.np-rep__table td {
	padding: 12px;
	border-bottom: 1px solid #f3f4f6;
	vertical-align: middle;
	color: #374151;
}

.np-rep__table tr:last-child td {
	border-bottom: none;
}

.np-rep__firm {
	display: flex;
	align-items: center;
	gap: 10px;
}

.np-rep__logo {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	overflow: hidden;
	background: #f3f4f6;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	border: 1px solid #e5e7eb;
}

.np-rep__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.np-rep__logo-fallback {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	font-size: 0.75rem;
	font-weight: 800;
	color: #6b7280;
}

.np-rep__country {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.np-rep__country img {
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.np-rep__link-all {
	background: none;
	border: none;
	padding: 0;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	color: #2563eb;
	cursor: pointer;
	text-decoration: underline;
}

.np-rep__aside-p {
	margin: 0 0 16px;
	font-size: 0.86rem;
	line-height: 1.55;
	color: #4b5563;
}

.np-rep__dl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 11px 16px;
	border-radius: 10px;
	border: 1px solid #2563eb;
	background: #fff;
	color: #2563eb;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}

.np-rep__dl-btn:hover {
	background: rgba(37, 99, 235, 0.06);
}

.np-rep__empty {
	margin: 0;
	padding: 20px;
	text-align: center;
	color: #6b7280;
	font-size: 0.88rem;
}

/* ── Müşteri paneli: Mesajlarım (mockup) ── */
.np__view--msg {
	background: #f8f9fa;
	padding: 20px 28px 32px;
	box-sizing: border-box;
}

.np-msg {
	--np-msg-primary: #0045b1;
	--np-msg-border: #e8eaed;
	--np-msg-out: #e8f2ff;
	max-width: 1400px;
	margin: 0 auto;
}

.np-msg__visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.np-msg__page-head {
	margin-bottom: 20px;
}

.np-msg__title {
	margin: 0 0 8px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1f2937;
	letter-spacing: -0.02em;
}

.np-msg__lead {
	margin: 0;
	font-size: 0.92rem;
	color: #6b7280;
	line-height: 1.5;
	max-width: 640px;
}

.np-msg__layout {
	display: grid;
	grid-template-columns: minmax(260px, 0.95fr) minmax(340px, 1.35fr) minmax(260px, 0.95fr);
	gap: 16px;
	align-items: stretch;
}

@media (max-width: 1200px) {
	.np-msg__layout {
		grid-template-columns: 1fr;
	}

	.np__view--msg {
		padding: 16px 16px 28px;
	}
}

.np-msg__col {
	min-width: 0;
}

.np-msg__panel {
	background: #fff;
	border: 1px solid var(--np-msg-border);
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
	display: flex;
	flex-direction: column;
	min-height: 560px;
	max-height: calc(100vh - 200px);
}

.np-msg__panel--chat {
	padding: 0;
	overflow: hidden;
}

.np-msg__toolbar {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 14px 10px;
	border-bottom: 1px solid #f3f4f6;
}

.np-msg__search {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: #f9fafb;
	border: 1px solid var(--np-msg-border);
	border-radius: 10px;
}

.np-msg__search svg {
	color: #9ca3af;
	flex-shrink: 0;
}

.np-msg__search-input {
	flex: 1;
	border: none;
	background: transparent;
	font: inherit;
	font-size: 0.86rem;
	outline: none;
	min-width: 0;
}

.np-msg__icon-square {
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	border: 1px solid var(--np-msg-border);
	border-radius: 10px;
	background: #fff;
	color: #6b7280;
	cursor: pointer;
	flex-shrink: 0;
}

.np-msg__tabs {
	display: flex;
	gap: 4px;
	padding: 0 12px;
	border-bottom: 1px solid #f3f4f6;
}

.np-msg__tab {
	position: relative;
	flex: 1;
	padding: 12px 8px;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	color: #6b7280;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.np-msg__tab.is-active {
	color: var(--np-msg-primary);
}

.np-msg__tab.is-active::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 0;
	height: 2px;
	background: var(--np-msg-primary);
	border-radius: 2px 2px 0 0;
}

.np-msg__tab-badge {
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 99px;
	background: #dc2626;
	color: #fff;
	font-size: 0.65rem;
	font-weight: 800;
	display: inline-grid;
	place-items: center;
}

.np-msg__list {
	list-style: none;
	margin: 0;
	padding: 8px 0;
	overflow-y: auto;
	flex: 1;
}

.np-msg__item {
	border-bottom: 1px solid #f3f4f6;
}

.np-msg__item-link {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 14px;
	text-decoration: none;
	color: inherit;
	position: relative;
	transition: background 0.15s;
}

.np-msg__item.is-active .np-msg__item-link {
	background: #eff6ff;
}

.np-msg__item-link:hover {
	background: #f9fafb;
}

.np-msg__avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
	color: #fff;
	font-size: 0.78rem;
	font-weight: 800;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-msg__item-main {
	flex: 1;
	min-width: 0;
}

.np-msg__item-top {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
}

.np-msg__item-name {
	font-size: 0.88rem;
	font-weight: 700;
	color: #111827;
}

.np-msg__item-time {
	font-size: 0.72rem;
	font-weight: 600;
	color: #9ca3af;
	flex-shrink: 0;
}

.np-msg__item-role {
	display: block;
	font-size: 0.72rem;
	color: #6b7280;
	margin-top: 2px;
}

.np-msg__item-snippet {
	margin: 6px 0 0;
	font-size: 0.78rem;
	color: #6b7280;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.np-msg__unread-dot {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #2563eb;
}

.np-msg__unread-badge {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 99px;
	background: #dc2626;
	color: #fff;
	font-size: 0.68rem;
	font-weight: 800;
	display: inline-grid;
	place-items: center;
}

.np-msg__new-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 12px 14px 14px;
	padding: 11px 16px;
	border-radius: 10px;
	border: 1px solid var(--np-msg-primary);
	background: #fff;
	color: var(--np-msg-primary);
	font: inherit;
	font-size: 0.86rem;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.15s;
}

.np-msg__new-btn:hover {
	background: rgba(0, 69, 177, 0.06);
}

.np-msg__chat-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border-bottom: 1px solid var(--np-msg-border);
	flex-wrap: wrap;
}

.np-msg__back {
	display: none;
	width: 36px;
	height: 36px;
	place-items: center;
	border-radius: 8px;
	color: #6b7280;
	margin-right: 4px;
}

@media (max-width: 1200px) {
	.np-msg__back {
		display: grid;
	}
}

.np-msg__chat-av {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
	color: #fff;
	font-size: 0.78rem;
	font-weight: 800;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-msg__chat-person {
	flex: 1;
	min-width: 0;
}

.np-msg__chat-name {
	display: block;
	font-size: 0.95rem;
	font-weight: 800;
	color: #111827;
}

.np-msg__chat-role {
	display: block;
	font-size: 0.78rem;
	color: #6b7280;
}

.np-msg__online {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	color: #16a34a;
	margin-top: 4px;
}

.np-msg__online-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #22c55e;
}

.np-msg__chat-actions {
	display: flex;
	gap: 6px;
	margin-left: auto;
	align-items: center;
	flex-shrink: 0;
}
.np-msg__menu-wrap {
	position: relative;
}
.np-msg__head-menu[hidden] {
	display: none !important;
}
.np-msg__head-menu {
	position: absolute;
	right: 0;
	top: calc(100% + 6px);
	z-index: 30;
	min-width: 220px;
	background: #fff;
	border: 1px solid var(--np-msg-border);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
	padding: 6px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.np-msg__menu-item {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 12px;
	border: 0;
	background: none;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 600;
	color: #374151;
	cursor: pointer;
	border-radius: 6px;
}
.np-msg__menu-item:hover {
	background: #f3f4f6;
}
.np-msg__menu-item--danger {
	color: #b91c1c;
}
a.np-msg__file-dl {
	text-decoration: none;
}

.np-msg__icon-round {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	border: 1px solid var(--np-msg-border);
	background: #fff;
	color: #6b7280;
	display: grid;
	place-items: center;
	cursor: pointer;
}

.np-msg__chat-body {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	background: linear-gradient(180deg, #fafbfc 0%, #fff 40%);
	min-height: 280px;
}

.np-msg__empty-chat {
	margin: 0;
	padding: 48px 16px;
	text-align: center;
	color: #6b7280;
	font-size: 0.9rem;
}

.np-msg__sep {
	text-align: center;
	margin: 16px 0;
}

.np-msg__sep span {
	display: inline-block;
	padding: 4px 14px;
	font-size: 0.75rem;
	font-weight: 600;
	color: #9ca3af;
	background: #f3f4f6;
	border-radius: 99px;
}

.np-msg__row {
	display: flex;
	margin-bottom: 12px;
	align-items: flex-end;
	gap: 8px;
}

.np-msg__row--in {
	justify-content: flex-start;
}

.np-msg__row--out {
	justify-content: flex-end;
}

.np-msg__bubble-av {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #e0f2fe;
	color: #0369a1;
	font-size: 0.65rem;
	font-weight: 800;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-msg__bubble-spacer {
	width: 32px;
	flex-shrink: 0;
}

.np-msg__bubble {
	max-width: 78%;
	border-radius: 14px;
	padding: 10px 14px;
	position: relative;
}

.np-msg__bubble--in {
	background: #fff;
	border: 1px solid #e8eaed;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.np-msg__bubble--out {
	background: var(--np-msg-out);
	border: 1px solid rgba(0, 69, 177, 0.12);
}

.np-msg__bubble p {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.45;
	color: #374151;
}

.np-msg__bubble-time {
	display: block;
	margin-top: 6px;
	font-size: 0.68rem;
	font-weight: 600;
	color: #9ca3af;
	text-align: right;
}

.np-msg__bubble--out .np-msg__bubble-foot {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	margin-top: 6px;
}

.np-msg__bubble--out .np-msg__bubble-foot time {
	font-size: 0.68rem;
	font-weight: 600;
	color: #6b7280;
}

.np-msg__ticks {
	color: #94a3b8;
	display: flex;
}
.np-msg__ticks--read,
.np-msg__ticks.np-msg__ticks--read {
	color: #2563eb;
}
.np-msg__ticks--delivered {
	color: #94a3b8;
}
.np-msg__file-staging {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 10px;
	padding: 8px 12px;
	margin: 0 0 8px 0;
	font-size: 0.85rem;
	background: #f1f5f9;
	border: 1px solid var(--np-msg-border);
	border-radius: 8px;
}
.np-msg__file-staging[hidden] {
	display: none !important;
}
.np-msg__file-staging-name {
	font-weight: 600;
	color: #0f172a;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.np-msg__file-staging-state {
	color: #64748b;
	font-size: 0.8rem;
}
.np-msg__file-staging-upload,
.np-msg__file-staging-clear {
	font-size: 0.8rem;
	padding: 4px 10px;
	border-radius: 6px;
	border: 1px solid var(--np-msg-border);
	background: #fff;
	cursor: pointer;
}
.np-msg__file-staging-upload:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}
.np-msg__file-staging-upload {
	background: var(--np-msg-primary);
	color: #fff;
	border-color: var(--np-msg-primary);
}

.np-msg__bubble--file {
	padding-bottom: 8px;
}

.np-msg__file {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 4px 4px 0;
}

.np-msg__file-ic {
	width: 40px;
	height: 44px;
	border-radius: 8px;
	background: #fee2e2;
	color: #dc2626;
	font-size: 0.58rem;
	font-weight: 900;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-msg__file-meta {
	flex: 1;
	min-width: 0;
}

.np-msg__file-meta strong {
	display: block;
	font-size: 0.82rem;
	color: #111827;
}

.np-msg__file-meta span {
	font-size: 0.72rem;
	color: #6b7280;
}

.np-msg__file-dl {
	width: 36px;
	height: 36px;
	border: none;
	background: #f3f4f6;
	border-radius: 8px;
	color: #6b7280;
	cursor: pointer;
	display: grid;
	place-items: center;
}

.np-msg__composer-wrap { position: relative; }
.np-msg__emoji-pop {
	position: absolute; left: 14px; bottom: 100%; z-index: 10; max-width: 240px; padding: 8px; margin-bottom: 6px; display: flex; flex-wrap: wrap; gap: 4px;
	background: #fff; border: 1px solid var(--np-msg-border); border-radius: 10px; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.1);
}
.np-msg__emoji-pick {
	width: 34px; height: 34px; border: 0; background: #f3f4f6; border-radius: 8px; cursor: pointer; font-size: 1rem; line-height: 1; padding: 0;
}
.np-msg__emoji-pick:hover { background: #e5e7eb; }
.np-msg__composer {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 8px;
	padding: 12px 14px;
	border-top: 1px solid var(--np-msg-border);
	background: #fff;
}
.np-msg__composer .np-msg__file-staging {
	flex: 0 0 100%;
	width: 100%;
	order: -1;
}

.np-msg__composer-attach,
.np-msg__composer-emoji,
.np-msg__composer-doc {
	width: 42px;
	height: 42px;
	border: none;
	background: transparent;
	color: #6b7280;
	cursor: pointer;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	border-radius: 10px;
}

.np-msg__composer-attach:hover,
.np-msg__composer-emoji:hover,
.np-msg__composer-doc:hover {
	background: #f3f4f6;
}

.np-msg__composer-field {
	flex: 1;
	min-width: 0;
}

.np-msg__composer-input {
	width: 100%;
	min-height: 42px;
	max-height: 120px;
	padding: 10px 12px;
	border: 1px solid var(--np-msg-border);
	border-radius: 12px;
	font: inherit;
	font-size: 0.88rem;
	resize: vertical;
	box-sizing: border-box;
	outline: none;
}

.np-msg__composer-input:focus {
	border-color: rgba(0, 69, 177, 0.35);
	box-shadow: 0 0 0 3px rgba(0, 69, 177, 0.1);
}

.np-msg__send {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: none;
	background: var(--np-msg-primary);
	color: #fff;
	cursor: pointer;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	box-shadow: 0 2px 8px rgba(0, 69, 177, 0.35);
}

.np-msg__send:hover {
	filter: brightness(1.05);
}

.np-msg__panel--detail {
	padding: 18px 18px 20px;
	overflow-y: auto;
}

.np-msg__detail-title {
	margin: 0 0 16px;
	font-size: 1.05rem;
	font-weight: 800;
	color: #111827;
}

.np-msg__detail-block {
	margin-bottom: 16px;
}

.np-msg__detail-label {
	margin: 0 0 6px;
	font-size: 0.68rem;
	font-weight: 800;
	color: #9ca3af;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.np-msg__detail-value {
	margin: 0;
	font-size: 0.88rem;
	font-weight: 600;
	color: #374151;
	line-height: 1.4;
}

.np-msg__detail-row2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 16px;
}

.np-msg__process-card {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border: 1px solid var(--np-msg-border);
	border-radius: 10px;
	background: #fafbfc;
	flex-wrap: wrap;
}

.np-msg__process-flag {
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.np-msg__process-name {
	flex: 1;
	font-size: 0.82rem;
	font-weight: 700;
	color: #111827;
	min-width: 120px;
}

.np-msg__process-btn {
	padding: 8px 14px;
	border-radius: 8px;
	border: 1px solid var(--np-msg-border);
	background: #fff;
	font: inherit;
	font-size: 0.75rem;
	font-weight: 700;
	color: #374151;
	cursor: pointer;
}

.np-msg__participants {
	list-style: none;
	margin: 0;
	padding: 0;
}

.np-msg__participant {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #f3f4f6;
}

.np-msg__participant:last-child {
	border-bottom: none;
}

.np-msg__avatar--sm {
	width: 36px;
	height: 36px;
	font-size: 0.7rem;
}

.np-msg__avatar--you {
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
}

.np-msg__participant strong {
	display: block;
	font-size: 0.84rem;
	color: #111827;
}

.np-msg__participant-role {
	display: block;
	font-size: 0.72rem;
	color: #6b7280;
}

.np-msg__status-txt {
	display: block;
	font-size: 0.7rem;
	font-weight: 700;
	margin-top: 4px;
}

.np-msg__status-txt--on {
	color: #16a34a;
}

.np-msg__status-txt--on::before {
	content: "• ";
}

.np-msg__status-txt--you {
	color: var(--np-msg-primary);
}

.np-msg__status-txt--you::before {
	content: "• ";
}

.np-msg__acc {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 0;
	border: none;
	border-top: 1px solid #f3f4f6;
	background: none;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 700;
	color: #374151;
	cursor: pointer;
	text-align: left;
}

.np-msg__acc-title {
	flex: 1;
	min-width: 0;
}

.np-msg__acc svg {
	flex-shrink: 0;
	transition: transform 0.2s;
}

.np-msg__acc.is-open svg {
	transform: rotate(90deg);
}

.np-msg__acc-count {
	font-size: 0.78rem;
	font-weight: 800;
	color: #9ca3af;
}

.np-msg__acc-panel {
	padding: 0 0 12px;
}

.np-msg__acc-muted {
	margin: 0;
	font-size: 0.8rem;
	color: #9ca3af;
}

.np-msg__archive {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	padding: 0;
	border: none;
	background: none;
	color: #dc2626;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	cursor: pointer;
}

.np-msg__info-box {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin-top: 18px;
	padding: 14px;
	border-radius: 10px;
	background: #eff6ff;
	border: 1px solid rgba(0, 69, 177, 0.15);
}

.np-msg__info-ic {
	flex-shrink: 0;
	color: var(--np-msg-primary);
}

.np-msg__info-box p {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.45;
	color: #1e40af;
}

/* ── Müşteri paneli: Görevlerim (mockup) ── */
.np__view--gv {
	background: #f8f9fa;
	padding: 20px 28px 32px;
	box-sizing: border-box;
}

.np-gv {
	--np-gv-primary: #0045b1;
	--np-gv-border: #e8eaed;
	max-width: 1440px;
	margin: 0 auto;
}

.np-gv__visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.np-gv__head {
	margin-bottom: 20px;
}

.np-gv__title {
	margin: 0 0 8px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1f2937;
	letter-spacing: -0.02em;
}

.np-gv__lead {
	margin: 0;
	font-size: 0.92rem;
	color: #6b7280;
	line-height: 1.5;
	max-width: 720px;
}

.np-gv__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
	gap: 20px;
	align-items: start;
}

@media (max-width: 1200px) {
	.np-gv__layout {
		grid-template-columns: 1fr;
	}

	.np__view--gv {
		padding: 16px 16px 28px;
	}
}

.np-gv__stats {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

@media (max-width: 1100px) {
	.np-gv__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.np-gv__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.np-gv__stat {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--np-gv-border);
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-gv__stat-ic {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-gv__stat-ic--blue {
	background: #e6f0ff;
	color: #0045b1;
}

.np-gv__stat-ic--amber {
	background: #fff4e5;
	color: #bc7210;
}

.np-gv__stat-ic--purple {
	background: #f3e8ff;
	color: #7c3aed;
}

.np-gv__stat-ic--green {
	background: #e7f7ef;
	color: #0d894f;
}

.np-gv__stat-ic--red {
	background: #feeceb;
	color: #d32f2f;
}

.np-gv__stat-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.np-gv__stat-num {
	font-size: 1.35rem;
	font-weight: 800;
	color: #111827;
	line-height: 1.1;
}

.np-gv__stat-lbl {
	font-size: 0.78rem;
	font-weight: 600;
	color: #6b7280;
}

.np-gv__panel {
	background: #fff;
	border: 1px solid var(--np-gv-border);
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
	overflow: hidden;
}

.np-gv__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px 20px;
	padding: 14px 16px 12px;
	border-bottom: 1px solid #f3f4f6;
}

.np-gv__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
}

.np-gv__tab {
	position: relative;
	padding: 8px 4px 10px;
	margin: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
}

.np-gv__tab:hover {
	color: #374151;
}

.np-gv__tab.is-active {
	color: #111827;
}

.np-gv__tab.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--np-gv-primary);
}

.np-gv__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: flex-end;
}

.np-gv__select-wrap {
	min-width: 0;
}

.np-gv__select-inner {
	position: relative;
	display: flex;
	align-items: center;
}

.np-gv__select-cal {
	position: absolute;
	left: 10px;
	color: #9ca3af;
	pointer-events: none;
	z-index: 1;
}

.np-gv__select {
	appearance: none;
	margin: 0;
	padding: 8px 32px 8px 12px;
	border: 1px solid var(--np-gv-border);
	border-radius: 10px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 600;
	color: #374151;
	cursor: pointer;
	max-width: 160px;
}

.np-gv__select--with-icon {
	padding-left: 34px;
	max-width: 175px;
}

.np-gv__table-wrap {
	overflow-x: auto;
}

.np-gv__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.86rem;
}

.np-gv__th {
	text-align: left;
	padding: 12px 14px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #9ca3af;
	border-bottom: 1px solid #f3f4f6;
	white-space: nowrap;
}

.np-gv__th--cb {
	width: 40px;
}

.np-gv__th--act {
	width: 88px;
}

.np-gv__td {
	padding: 14px;
	vertical-align: middle;
	border-bottom: 1px solid #f3f4f6;
	color: #374151;
}

.np-gv__td--cb {
	width: 40px;
}

.np-gv__cb {
	width: 16px;
	height: 16px;
	accent-color: var(--np-gv-primary);
	cursor: pointer;
}

.np-gv__task {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 200px;
}

.np-gv__tic {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	color: #fff;
}

.np-gv__tic--sm {
	width: 34px;
	height: 34px;
	border-radius: 8px;
}

.np-gv__tic--sm svg {
	width: 18px;
	height: 18px;
}

.np-gv__tic--upload {
	background: #3b82f6;
}

.np-gv__tic--doc {
	background: #6366f1;
}

.np-gv__tic--edit {
	background: #8b5cf6;
}

.np-gv__tic--check {
	background: #0d894f;
}

.np-gv__tic--mail {
	background: #0891b2;
}

.np-gv__tic--pen {
	background: #ea580c;
}

.np-gv__tic--chat {
	background: #db2777;
}

.np-gv__tic--link {
	background: #0284c7;
}

.np-gv__task-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.np-gv__task-title {
	font-weight: 700;
	color: #111827;
	line-height: 1.3;
}

.np-gv__task-sub {
	font-size: 0.8rem;
	color: #9ca3af;
	line-height: 1.35;
}

.np-gv__proc {
	font-weight: 600;
	color: var(--np-gv-primary);
	cursor: default;
}

.np-gv__due {
	font-weight: 600;
	color: #374151;
	white-space: nowrap;
}

.np-gv__due--late {
	color: #d32f2f;
}

.np-gv__pri {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	font-size: 0.82rem;
	white-space: nowrap;
}

.np-gv__pri-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

.np-gv__pri--yuksek .np-gv__pri-dot {
	background: #d32f2f;
}

.np-gv__pri--yuksek {
	color: #b91c1c;
}

.np-gv__pri--orta .np-gv__pri-dot {
	background: #ea580c;
}

.np-gv__pri--orta {
	color: #c2410c;
}

.np-gv__pri--dusuk .np-gv__pri-dot {
	background: #0d894f;
}

.np-gv__pri--dusuk {
	color: #0d894f;
}

.np-gv__pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
	white-space: nowrap;
}

.np-gv__pill--bekliyor {
	background: #fff4e5;
	color: #bc7210;
}

.np-gv__pill--devam {
	background: #e6f0ff;
	color: #0045b1;
}

.np-gv__pill--tamamlandi {
	background: #e7f7ef;
	color: #0d894f;
}

.np-gv__pill--gecikti {
	background: #feeceb;
	color: #d32f2f;
}

.np-gv__row-act {
	display: flex;
	align-items: center;
	gap: 4px;
	justify-content: flex-end;
}

.np-gv__iconbtn {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: #9ca3af;
	cursor: pointer;
}

.np-gv__iconbtn:hover {
	background: #f9fafb;
	color: #374151;
}

.np-gv__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 16px 16px;
}

.np-gv__showing {
	margin: 0;
	font-size: 0.82rem;
	color: #6b7280;
}

.np-gv__pager {
	display: flex;
	align-items: center;
	gap: 6px;
}

.np-gv__page-btn {
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border: 1px solid var(--np-gv-border);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	color: #374151;
	cursor: pointer;
}

.np-gv__page-btn:hover {
	border-color: #cbd5e1;
}

.np-gv__page-btn.is-active {
	background: var(--np-gv-primary);
	border-color: var(--np-gv-primary);
	color: #fff;
}

.np-gv__page-btn:disabled {
	opacity: 0.45;
	cursor: default;
}

.np-gv__empty {
	padding: 28px 16px;
	text-align: center;
	color: #9ca3af;
	font-size: 0.88rem;
}

.np-gv__aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.np-gv__widget {
	background: #fff;
	border: 1px solid var(--np-gv-border);
	border-radius: 12px;
	padding: 16px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-gv__widget--cal {
	padding-bottom: 14px;
}

.np-gv__widget-head {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 12px;
}

.np-gv__widget-head--row {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.np-gv__widget-title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	color: #111827;
}

.np-gv__cal-month {
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--np-gv-primary);
}

.np-gv__cal-weekdays {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
	margin-bottom: 6px;
	font-size: 0.68rem;
	font-weight: 700;
	color: #9ca3af;
	text-align: center;
}

.np-gv__cal-row {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
}

.np-gv__cal-cell {
	min-height: 44px;
	padding: 6px 4px;
	border-radius: 8px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
}

.np-gv__cal-cell--empty {
	visibility: hidden;
	min-height: 44px;
}

.np-gv__cal-day {
	font-size: 0.8rem;
	font-weight: 700;
	color: #374151;
}

.np-gv__cal-dots {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	justify-content: center;
	max-width: 36px;
}

.np-gv__dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	flex-shrink: 0;
}

.np-gv__dot--wait {
	background: #bc7210;
}

.np-gv__dot--prog {
	background: #0045b1;
}

.np-gv__dot--late {
	background: #d32f2f;
}

.np-gv__dot--done {
	background: #0d894f;
}

.np-gv__cal-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #f3f4f6;
	font-size: 0.72rem;
	font-weight: 600;
	color: #6b7280;
}

.np-gv__cal-legend span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.np-gv__linkbtn {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--np-gv-primary);
	cursor: pointer;
}

.np-gv__linkbtn:hover {
	text-decoration: underline;
}

.np-gv__up-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.np-gv__up-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border-radius: 10px;
	background: #f9fafb;
}

.np-gv__up-body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.np-gv__up-title {
	font-size: 0.82rem;
	font-weight: 700;
	color: #111827;
	line-height: 1.3;
}

.np-gv__up-meta {
	font-size: 0.75rem;
	color: #9ca3af;
}

.np-gv__mini-pill {
	font-size: 0.65rem;
	font-weight: 800;
	padding: 3px 8px;
	border-radius: 6px;
	flex-shrink: 0;
}

.np-gv__mini-pill--yuksek {
	background: #feeceb;
	color: #d32f2f;
}

.np-gv__mini-pill--orta {
	background: #fff4e5;
	color: #bc7210;
}

.np-gv__mini-pill--dusuk {
	background: #e7f7ef;
	color: #0d894f;
}

.np-gv__up-empty {
	padding: 12px;
	text-align: center;
	font-size: 0.82rem;
	color: #9ca3af;
}

.np-gv__widget--tip {
	background: linear-gradient(180deg, #fafbfc 0%, #f3f6f9 100%);
	border-color: #e8eaed;
}

.np-gv__tip-ic {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #fff8e6;
	color: #bc7210;
	display: grid;
	place-items: center;
	margin-bottom: 10px;
}

.np-gv__tip-text {
	margin: 0 0 12px;
	font-size: 0.84rem;
	line-height: 1.5;
	color: #4b5563;
}

.np-gv__tip-more {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--np-gv-primary);
	text-decoration: none;
}

.np-gv__tip-more:hover {
	text-decoration: underline;
}

/* ── Müşteri paneli: Fatura ve Ödemeler (mockup) ── */
.np__view--ft {
	background: #f8f9fa;
	padding: 20px 28px 32px;
	box-sizing: border-box;
}

.np-ft {
	--np-ft-primary: #0045b1;
	--np-ft-border: #e5e7eb;
	max-width: 1440px;
	margin: 0 auto;
}

.np-ft__vh {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.np-ft__head {
	margin-bottom: 20px;
}

.np-ft__title {
	margin: 0 0 8px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1f2937;
	letter-spacing: -0.02em;
}

.np-ft__lead {
	margin: 0;
	font-size: 0.92rem;
	color: #6b7280;
	line-height: 1.5;
	max-width: 720px;
}

.np-ft__stats {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

@media (max-width: 1100px) {
	.np-ft__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.np-ft__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.np-ft__stat {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--np-ft-border);
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-ft__sic {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-ft__sic--blue {
	background: #e6f0ff;
	color: #0045b1;
}

.np-ft__sic--amber {
	background: #fff8e6;
	color: #d97706;
}

.np-ft__sic--green {
	background: #e8f5ec;
	color: #28a745;
}

.np-ft__sic--purple {
	background: #f3e8ff;
	color: #7c3aed;
}

.np-ft__sic--sky {
	background: #e0f2fe;
	color: #0284c7;
}

.np-ft__sbody {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.np-ft__slab {
	font-size: 0.78rem;
	font-weight: 600;
	color: #6b7280;
}

.np-ft__sval {
	font-size: 1.28rem;
	font-weight: 800;
	color: #111827;
	line-height: 1.15;
}

.np-ft__ssub {
	font-size: 0.72rem;
	color: #9ca3af;
}

.np-ft__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
	gap: 20px;
	align-items: start;
}

@media (max-width: 1200px) {
	.np-ft__layout {
		grid-template-columns: 1fr;
	}

	.np__view--ft {
		padding: 16px 16px 28px;
	}
}

.np-ft__main {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.np-ft__panel {
	background: #fff;
	border: 1px solid var(--np-ft-border);
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
	overflow: hidden;
}

.np-ft__panel-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	padding: 16px 18px 0;
}

.np-ft__panel-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 800;
	color: #111827;
}

.np-ft__panel-tools {
	display: flex;
	align-items: center;
	gap: 10px;
}

.np-ft__select {
	appearance: none;
	margin: 0;
	padding: 8px 32px 8px 12px;
	border: 1px solid var(--np-ft-border);
	border-radius: 10px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 600;
	color: #374151;
	cursor: pointer;
	min-width: 130px;
}

.np-ft__filt-btn {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid var(--np-ft-border);
	border-radius: 10px;
	background: #fff;
	color: #6b7280;
	cursor: pointer;
}

.np-ft__filt-btn:hover {
	border-color: #cbd5e1;
	color: #374151;
}

.np-ft__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
	padding: 0 18px;
	border-bottom: 1px solid #f3f4f6;
}

.np-ft__tab {
	position: relative;
	padding: 10px 2px 12px;
	margin: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
}

.np-ft__tab:hover {
	color: #374151;
}

.np-ft__tab.is-active {
	color: #111827;
}

.np-ft__tab.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--np-ft-primary);
}

.np-ft__table-wrap {
	overflow-x: auto;
}

.np-ft__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.86rem;
}

.np-ft__table thead th {
	text-align: left;
	padding: 14px 16px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #9ca3af;
	border-bottom: 1px solid #f3f4f6;
	white-space: nowrap;
}

.np-ft__th-act {
	width: 1%;
}

.np-ft__table tbody td {
	padding: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #f3f4f6;
	color: #374151;
}

.np-ft__mono {
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	color: #111827;
}

.np-ft__status {
	font-size: 0.82rem;
	font-weight: 700;
	white-space: nowrap;
}

.np-ft__status--odendi {
	color: #28a745;
}

.np-ft__status--bekliyor {
	color: #d97706;
}

.np-ft__status--onayda {
	color: #2563eb;
}

.np-ft__status--basarisiz {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: #fee2e2;
	color: #dc2626;
	font-weight: 700;
}

.np-ft__td-act {
	width: 1%;
	white-space: nowrap;
}

.np-ft__acts {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.np-ft__icobtn {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: #9ca3af;
	cursor: pointer;
}

.np-ft__icobtn:hover {
	background: #f9fafb;
	color: #374151;
}

.np-ft__ode {
	margin: 0;
	padding: 6px 14px;
	border: none;
	border-radius: 8px;
	background: var(--np-ft-primary);
	color: #fff;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
}

.np-ft__ode:hover {
	filter: brightness(1.05);
}

.np-ft__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 18px 16px;
}

.np-ft__showing {
	margin: 0;
	font-size: 0.82rem;
	color: #6b7280;
}

.np-ft__pager {
	display: flex;
	align-items: center;
	gap: 6px;
}

.np-ft__page-btn {
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border: 1px solid var(--np-ft-border);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	color: #374151;
	cursor: pointer;
}

.np-ft__page-btn:hover {
	border-color: #cbd5e1;
}

.np-ft__page-btn.is-active {
	background: var(--np-ft-primary);
	border-color: var(--np-ft-primary);
	color: #fff;
}

.np-ft__page-btn:disabled {
	opacity: 0.45;
	cursor: default;
}

.np-ft__empty {
	padding: 28px 16px;
	text-align: center;
	color: #9ca3af;
	font-size: 0.88rem;
}

.np-ft__info {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	background: #eff6ff;
	border: 1px solid #dbeafe;
	border-left: 4px solid var(--np-ft-primary);
	border-radius: 10px;
}

.np-ft__info-ic {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #dbeafe;
	color: var(--np-ft-primary);
	display: grid;
	place-items: center;
}

.np-ft__info p {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.55;
	color: #374151;
}

.np-ft__aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.np-ft__widget {
	background: #fff;
	border: 1px solid var(--np-ft-border);
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-ft__widget-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 14px;
}

.np-ft__widget-title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	color: #111827;
}

.np-ft__btn-add {
	margin: 0;
	padding: 6px 12px;
	border: 1px solid var(--np-ft-primary);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--np-ft-primary);
	cursor: pointer;
	white-space: nowrap;
}

.np-ft__btn-add:hover {
	background: #f8fafc;
}

.np-ft__cards {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.np-ft__card-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 1px solid #f3f4f6;
	border-radius: 10px;
	background: #fafafa;
}

.np-ft__brand {
	width: 40px;
	height: 26px;
	border-radius: 4px;
	display: grid;
	place-items: center;
	font-size: 0.55rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	flex-shrink: 0;
}

.np-ft__brand--mastercard {
	background: #1f1f1f;
	color: #fff;
}

.np-ft__brand--visa {
	background: #1a1f71;
	color: #fff;
}

.np-ft__card-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.np-ft__card-num {
	font-size: 0.84rem;
	font-weight: 700;
	color: #111827;
}

.np-ft__card-meta {
	font-size: 0.75rem;
	color: #6b7280;
}

.np-ft__def {
	font-size: 0.65rem;
	font-weight: 800;
	padding: 4px 8px;
	border-radius: 6px;
	background: #e8f5ec;
	color: #28a745;
	flex-shrink: 0;
}

.np-ft__bank {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--np-ft-border);
	border-radius: 10px;
	background: #fff;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.np-ft__bank:hover {
	background: #f9fafb;
}

.np-ft__bank-txt {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.np-ft__bank-txt strong {
	font-size: 0.84rem;
	color: #111827;
}

.np-ft__bank-txt small {
	font-size: 0.75rem;
	color: #6b7280;
}

.np-ft__widget--up .np-ft__link-all {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--np-ft-primary);
	cursor: pointer;
}

.np-ft__widget--up .np-ft__link-all:hover {
	text-decoration: underline;
}

.np-ft__up-list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.np-ft__up-item {
	padding: 12px;
	border-radius: 10px;
	background: #f9fafb;
	border: 1px solid #f3f4f6;
}

.np-ft__up-main {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.np-ft__up-main strong {
	font-size: 0.84rem;
	color: #111827;
	line-height: 1.3;
}

.np-ft__up-main span {
	font-size: 0.78rem;
	color: #6b7280;
}

.np-ft__up-main em {
	font-style: normal;
	font-size: 0.75rem;
	font-weight: 600;
	color: #d97706;
}

.np-ft__up-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	margin-bottom: 12px;
	border-top: 1px solid #f3f4f6;
	font-size: 0.82rem;
	color: #6b7280;
}

.np-ft__up-foot strong {
	font-size: 0.95rem;
	color: #dc2626;
}

.np-ft__pay-all {
	width: 100%;
	margin: 0;
	padding: 12px 16px;
	border: none;
	border-radius: 10px;
	background: var(--np-ft-primary);
	color: #fff;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	cursor: pointer;
}

.np-ft__pay-all:hover {
	filter: brightness(1.05);
}

/* ── Müşteri paneli: Referans Programı (mockup) ── */
.np__view--ref {
	background: #f4f7fa;
	padding: 20px 28px 32px;
	box-sizing: border-box;
}

.np-ref {
	--np-ref-primary: #0045b1;
	--np-ref-border: #e5e7eb;
	max-width: 1440px;
	margin: 0 auto;
}

.np-ref__head {
	margin-bottom: 20px;
}

.np-ref__title {
	margin: 0 0 8px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1f2937;
	letter-spacing: -0.02em;
}

.np-ref__lead {
	margin: 0;
	font-size: 0.92rem;
	color: #6b7280;
	line-height: 1.5;
	max-width: 760px;
}

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

@media (max-width: 1100px) {
	.np-ref__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.np-ref__stats {
		grid-template-columns: 1fr;
	}
}

.np-ref__stat {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--np-ref-border);
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-ref__sic {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-ref__sic--blue {
	background: #e6f0ff;
	color: #0045b1;
}

.np-ref__sic--green {
	background: #e8f5ec;
	color: #15803d;
}

.np-ref__sic--purple {
	background: #f3e8ff;
	color: #7c3aed;
}

.np-ref__sic--amber {
	background: #fff8e6;
	color: #d97706;
}

.np-ref__sbody {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.np-ref__slab {
	font-size: 0.78rem;
	font-weight: 600;
	color: #6b7280;
}

.np-ref__sval {
	font-size: 1.28rem;
	font-weight: 800;
	color: #111827;
	line-height: 1.15;
}

.np-ref__ssub {
	font-size: 0.72rem;
	color: #9ca3af;
}

.np-ref__share-card {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(260px, 1fr);
	gap: 24px;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid var(--np-ref-border);
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
	margin-bottom: 20px;
}

@media (max-width: 960px) {
	.np-ref__share-card {
		grid-template-columns: 1fr;
	}
}

.np-ref__share-title {
	margin: 0 0 8px;
	font-size: 1rem;
	font-weight: 800;
	color: #111827;
}

.np-ref__share-desc {
	margin: 0 0 16px;
	font-size: 0.86rem;
	color: #6b7280;
	line-height: 1.5;
}

.np-ref__field {
	margin-bottom: 14px;
}

.np-ref__field:last-of-type {
	margin-bottom: 0;
}

.np-ref__label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.78rem;
	font-weight: 700;
	color: #374151;
}

.np-ref__input-row {
	display: flex;
	align-items: stretch;
	gap: 10px;
}

.np-ref__input {
	flex: 1;
	min-width: 0;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid var(--np-ref-border);
	border-radius: 10px;
	background: #f9fafb;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 600;
	color: #111827;
}

.np-ref__copy {
	flex-shrink: 0;
	margin: 0;
	padding: 10px 16px;
	border: 1px solid var(--np-ref-primary);
	border-radius: 10px;
	background: #fff;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--np-ref-primary);
	cursor: pointer;
	white-space: nowrap;
}

.np-ref__copy:hover {
	background: #f8fafc;
}

.np-ref__share-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 8px;
}

.np-ref__share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--np-ref-border);
	border-radius: 10px;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 600;
	color: #374151;
	cursor: pointer;
	text-align: left;
}

.np-ref__share-btn:hover {
	border-color: #cbd5e1;
	background: #fafafa;
}

.np-ref__share-ic {
	width: 22px;
	height: 22px;
	border-radius: 6px;
	flex-shrink: 0;
}

.np-ref__share-ic--wa {
	background: linear-gradient(145deg, #25d366, #128c7e);
}

.np-ref__share-ic--mail {
	background: linear-gradient(145deg, #6366f1, #4f46e5);
}

.np-ref__share-ic--fb {
	background: linear-gradient(145deg, #1877f2, #0c63d4);
}

.np-ref__share-ic--li {
	background: linear-gradient(145deg, #0a66c2, #004182);
}

.np-ref__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
	gap: 20px;
	align-items: start;
	margin-bottom: 20px;
}

@media (max-width: 1200px) {
	.np-ref__layout {
		grid-template-columns: 1fr;
	}

	.np__view--ref {
		padding: 16px 16px 28px;
	}
}

.np-ref__panel {
	background: #fff;
	border: 1px solid var(--np-ref-border);
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
	overflow: hidden;
}

.np-ref__panel-title {
	margin: 0;
	padding: 16px 18px 0;
	font-size: 1rem;
	font-weight: 800;
	color: #111827;
}

.np-ref__table-wrap {
	overflow-x: auto;
}

.np-ref__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.86rem;
}

.np-ref__table thead th {
	text-align: left;
	padding: 14px 16px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #9ca3af;
	border-bottom: 1px solid #f3f4f6;
	white-space: nowrap;
}

.np-ref__th-act {
	width: 1%;
}

.np-ref__table tbody td {
	padding: 14px 16px;
	vertical-align: middle;
	border-bottom: 1px solid #f3f4f6;
	color: #374151;
}

.np-ref__person {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.np-ref__ava {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 0.68rem;
	font-weight: 800;
	color: #fff;
	flex-shrink: 0;
}

.np-ref__ava--purple {
	background: #7c3aed;
}

.np-ref__ava--amber {
	background: #d97706;
}

.np-ref__ava--green {
	background: #16a34a;
}

.np-ref__ava--teal {
	background: #0d9488;
}

.np-ref__ava--rose {
	background: #e11d48;
}

.np-ref__name {
	font-weight: 600;
	color: #111827;
}

.np-ref__pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
	white-space: nowrap;
}

.np-ref__pill--tamamlandi {
	background: #dcfce7;
	color: #15803d;
}

.np-ref__pill--beklemede {
	background: #ffedd5;
	color: #c2410c;
}

.np-ref__td-act {
	text-align: right;
}

.np-ref__more {
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: #9ca3af;
	cursor: pointer;
}

.np-ref__more:hover {
	background: #f3f4f6;
	color: #374151;
}

.np-ref__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 18px 16px;
}

.np-ref__showing {
	margin: 0;
	font-size: 0.82rem;
	color: #6b7280;
}

.np-ref__pager {
	display: flex;
	align-items: center;
	gap: 6px;
}

.np-ref__page-btn {
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border: 1px solid var(--np-ref-border);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	color: #374151;
	cursor: pointer;
}

.np-ref__page-btn:hover {
	border-color: #cbd5e1;
}

.np-ref__page-btn.is-active {
	background: var(--np-ref-primary);
	border-color: var(--np-ref-primary);
	color: #fff;
}

.np-ref__page-btn:disabled {
	opacity: 0.45;
	cursor: default;
}

.np-ref__empty {
	padding: 28px 16px;
	text-align: center;
	color: #9ca3af;
	font-size: 0.88rem;
}

.np-ref__aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.np-ref__widget {
	background: #fff;
	border: 1px solid var(--np-ref-border);
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-ref__widget-title {
	margin: 0 0 12px;
	font-size: 0.95rem;
	font-weight: 800;
	color: #111827;
}

.np-ref__widget--how .np-ref__widget-title {
	margin-bottom: 8px;
}

.np-ref__steps {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.np-ref__step {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	position: relative;
	padding-bottom: 18px;
}

.np-ref__step:last-child {
	padding-bottom: 0;
}

.np-ref__step:not(:last-child)::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 36px;
	bottom: 4px;
	border-left: 2px dashed #d1d5db;
}

.np-ref__step-num {
	width: 32px;
	height: 32px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	font-size: 0.85rem;
	font-weight: 800;
	color: #fff;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.np-ref__step--blue .np-ref__step-num {
	background: #0045b1;
}

.np-ref__step--green .np-ref__step-num {
	background: #16a34a;
}

.np-ref__step--orange .np-ref__step-num {
	background: #ea580c;
}

.np-ref__step-txt {
	font-size: 0.86rem;
	font-weight: 600;
	color: #374151;
	padding-top: 6px;
}

.np-ref__how-info {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 14px;
	padding: 12px;
	background: #eff6ff;
	border: 1px solid #dbeafe;
	border-radius: 10px;
}

.np-ref__how-ic {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #dbeafe;
	color: var(--np-ref-primary);
	display: grid;
	place-items: center;
}

.np-ref__how-info p {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.5;
	color: #374151;
}

.np-ref__widget-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 12px;
}

.np-ref__widget--rw .np-ref__widget-title {
	margin: 0;
}

.np-ref__link-all {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--np-ref-primary);
	cursor: pointer;
}

.np-ref__link-all:hover {
	text-decoration: underline;
}

.np-ref__rw-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.np-ref__rw-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 0.82rem;
	color: #6b7280;
}

.np-ref__rw-list strong {
	font-size: 0.88rem;
	font-weight: 800;
	color: #111827;
}

.np-ref__rw-list .np-ref__rw--ok {
	color: #15803d;
}

.np-ref__rw-list .np-ref__rw--pend {
	color: #d97706;
}

.np-ref__hist {
	width: 100%;
	margin-top: 4px;
	padding: 12px 16px;
	border: none;
	border-radius: 10px;
	background: var(--np-ref-primary);
	color: #fff;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 700;
	cursor: pointer;
}

.np-ref__hist:hover {
	filter: brightness(1.05);
}

.np-ref__banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 20px;
	padding: 16px 20px;
	background: #e8f4fc;
	border: 1px solid #bfdbfe;
	border-radius: 10px;
}

.np-ref__banner-ic {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: #fff;
	color: var(--np-ref-primary);
	display: grid;
	place-items: center;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.np-ref__banner-txt {
	flex: 1;
	min-width: 200px;
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.5;
	color: #374151;
}

.np-ref__banner-btn {
	margin-left: auto;
	padding: 10px 18px;
	border: 1px solid var(--np-ref-primary);
	border-radius: 10px;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--np-ref-primary);
	cursor: pointer;
}

.np-ref__banner-btn:hover {
	background: #f8fafc;
}

/* ── Müşteri paneli: Destek Merkezi (mockup) ── */
.np__view--dst {
	background: #f8f9fa;
	padding: 20px 28px 32px;
	box-sizing: border-box;
}

.np-dst {
	--np-dst-primary: #0045b1;
	--np-dst-border: #e8eaed;
	max-width: 1200px;
	margin: 0 auto;
}

.np-dst__vh {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.np-dst__head {
	margin-bottom: 20px;
}

.np-dst__title {
	margin: 0 0 8px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1f2937;
	letter-spacing: -0.02em;
}

.np-dst__lead {
	margin: 0;
	font-size: 0.92rem;
	color: #6b7280;
	line-height: 1.5;
	max-width: 720px;
}

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

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

@media (max-width: 520px) {
	.np-dst__quick {
		grid-template-columns: 1fr;
	}

	.np__view--dst {
		padding: 16px 16px 28px;
	}
}

.np-dst__qcard {
	background: #fff;
	border: 1px solid var(--np-dst-border);
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-dst__qic {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	margin-bottom: 12px;
}

.np-dst__qic--blue {
	background: #e6f0ff;
	color: #0045b1;
}

.np-dst__qic--green {
	background: #e7f7ef;
	color: #0d894f;
}

.np-dst__qic--purple {
	background: #f3e8ff;
	color: #7c3aed;
}

.np-dst__qic--orange {
	background: #fff4e5;
	color: #ea580c;
}

.np-dst__qtitle {
	margin: 0 0 10px;
	font-size: 0.95rem;
	font-weight: 800;
	color: #111827;
}

.np-dst__qlink {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	color: var(--np-dst-primary);
	cursor: pointer;
	text-align: left;
}

.np-dst__qlink:hover {
	text-decoration: underline;
}

.np-dst__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
	gap: 20px;
	align-items: start;
}

@media (max-width: 1100px) {
	.np-dst__layout {
		grid-template-columns: 1fr;
	}
}

.np-dst__main {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.np-dst__panel {
	background: #fff;
	border: 1px solid var(--np-dst-border);
	border-radius: 10px;
	padding: 20px 20px 8px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-dst__panel-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.np-dst__panel-title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 800;
	color: #111827;
}

.np-dst__btn-new {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border: 2px solid var(--np-dst-primary);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--np-dst-primary);
	cursor: pointer;
}

.np-dst__btn-new:hover {
	background: #f8fafc;
}

.np-dst__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #f3f4f6;
	padding-bottom: 2px;
}

.np-dst__tab {
	position: relative;
	padding: 8px 2px 12px;
	margin: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
}

.np-dst__tab.is-active {
	color: #111827;
}

.np-dst__tab.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--np-dst-primary);
}

.np-dst__table-wrap {
	overflow-x: auto;
	margin: 0 -4px;
}

.np-dst__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.84rem;
}

.np-dst__table th {
	text-align: left;
	padding: 10px 12px;
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #9ca3af;
	border-bottom: 1px solid #f3f4f6;
	white-space: nowrap;
}

.np-dst__table td {
	padding: 14px 12px;
	border-bottom: 1px solid #f3f4f6;
	color: #374151;
	vertical-align: middle;
}

.np-dst__th-act {
	width: 56px;
}

.np-dst__td-act {
	text-align: right;
}

.np-dst__mono {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: #111827;
}

.np-dst__pill {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	white-space: nowrap;
}

.np-dst__pill--cevap_bekliyor {
	background: #fff4e5;
	color: #bc7210;
}

.np-dst__pill--acik {
	background: #e6f0ff;
	color: #0045b1;
}

.np-dst__pill--cozuldu {
	background: #e7f7ef;
	color: #0d894f;
}

.np-dst__pill--kapali {
	background: #f3f4f6;
	color: #4b5563;
}

.np-dst__eye {
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid var(--np-dst-border);
	border-radius: 8px;
	background: #fff;
	color: #9ca3af;
	cursor: pointer;
}

.np-dst__eye:hover {
	color: #374151;
	border-color: #cbd5e1;
}

.np-dst__empty {
	padding: 24px;
	text-align: center;
	color: #9ca3af;
}

.np-dst__faq {
	background: #fff;
	border: 1px solid var(--np-dst-border);
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-dst__faq-title {
	margin: 0 0 14px;
	font-size: 1.05rem;
	font-weight: 800;
	color: #111827;
}

.np-dst__faq-list {
	border-top: 1px solid #f3f4f6;
}

.np-dst__faq-q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 0;
	border: none;
	border-bottom: 1px solid #f3f4f6;
	background: none;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 600;
	color: #374151;
	text-align: left;
	cursor: pointer;
}

.np-dst__faq-q:hover {
	color: #111827;
}

.np-dst__faq-chev {
	flex-shrink: 0;
	color: #9ca3af;
	transition: transform 0.2s;
}

.np-dst__faq-q.is-open .np-dst__faq-chev {
	transform: rotate(180deg);
}

.np-dst__faq-a {
	padding: 0 0 14px;
	font-size: 0.84rem;
	line-height: 1.5;
	color: #6b7280;
}

.np-dst__faq-a p {
	margin: 0;
}

.np-dst__faq-more {
	margin: 16px 0 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	color: var(--np-dst-primary);
	cursor: pointer;
}

.np-dst__faq-more:hover {
	text-decoration: underline;
}

.np-dst__aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.np-dst__card {
	background: #fff;
	border: 1px solid var(--np-dst-border);
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-dst__card-title {
	margin: 0 0 14px;
	font-size: 0.95rem;
	font-weight: 800;
	color: #111827;
}

.np-dst__contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

.np-dst__contact li + li {
	margin-top: 4px;
}

.np-dst__crow {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 10px;
	border: none;
	border-radius: 8px;
	background: #f9fafb;
	font: inherit;
	text-align: left;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	box-sizing: border-box;
}

a.np-dst__crow:hover,
button.np-dst__crow:hover {
	background: #f3f4f6;
}

.np-dst__crow--static {
	cursor: default;
}

.np-dst__crow--static:hover {
	background: #f9fafb;
}

.np-dst__ci {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-dst__ci--headset {
	background: #e6f0ff;
	color: #0045b1;
}

.np-dst__ci--mail {
	background: #e0f2fe;
	color: #0284c7;
}

.np-dst__ci--phone {
	background: #e6f0ff;
	color: #1e40af;
}

.np-dst__ci--wa {
	background: #e7f7ef;
	color: #0d894f;
}

.np-dst__cbody {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.np-dst__clabel {
	font-size: 0.8rem;
	font-weight: 700;
	color: #111827;
}

.np-dst__cval {
	font-size: 0.78rem;
	color: #6b7280;
}

.np-dst__cbadge {
	display: inline-flex;
	align-self: flex-start;
	padding: 2px 8px;
	border-radius: 6px;
	background: #e7f7ef;
	font-size: 0.68rem;
	font-weight: 800;
	color: #0d894f;
}

.np-dst__cgo {
	flex-shrink: 0;
	color: #9ca3af;
}

.np-dst__hours {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.84rem;
}

.np-dst__hours li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #f3f4f6;
	color: #6b7280;
}

.np-dst__hours li:last-child {
	border-bottom: none;
}

.np-dst__hours strong {
	font-weight: 700;
	color: #111827;
}

.np-dst__promo {
	background: linear-gradient(180deg, #eff6ff 0%, #e6f0ff 100%);
	border: 1px solid rgba(0, 69, 177, 0.12);
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-dst__promo-art {
	margin-bottom: 12px;
}

.np-dst__promo-art img {
	display: block;
	margin: 0 auto;
	max-width: 120px;
	height: auto;
}

.np-dst__promo-text {
	margin: 0 0 14px;
	font-size: 0.9rem;
	font-weight: 700;
	color: #1e3a5f;
	line-height: 1.4;
}

.np-dst__promo-btn {
	width: 100%;
	padding: 12px 16px;
	border: none;
	border-radius: 8px;
	background: var(--np-dst-primary);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}

.np-dst__promo-btn:hover {
	filter: brightness(1.05);
}

/* ── Müşteri paneli: Ayarlarım (mockup) ── */
.np__view--ayar {
	background: #f8f9fa;
	padding: 20px 28px 32px;
	box-sizing: border-box;
}

.np-ay {
	--np-ay-primary: #0045b1;
	--np-ay-border: #e8eaed;
	max-width: 1180px;
	margin: 0 auto;
}

.np-ay__head {
	margin-bottom: 18px;
}

.np-ay__title {
	margin: 0 0 8px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1f2937;
	letter-spacing: -0.02em;
}

.np-ay__lead {
	margin: 0;
	font-size: 0.92rem;
	color: #6b7280;
	line-height: 1.5;
	max-width: 560px;
}

.np-ay__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	margin-bottom: 22px;
	padding-bottom: 0;
	border-bottom: 1px solid #e8eaed;
}

.np-ay__tab {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px 14px;
	margin: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
	border-radius: 8px 8px 0 0;
}

.np-ay__tab svg {
	flex-shrink: 0;
	opacity: 0.75;
}

.np-ay__tab:hover {
	color: #374151;
}

.np-ay__tab.is-active {
	color: var(--np-ay-primary);
}

.np-ay__tab.is-active svg {
	color: var(--np-ay-primary);
	opacity: 1;
}

.np-ay__tab.is-active::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	background: var(--np-ay-primary);
	border-radius: 3px 3px 0 0;
}

.np-ay__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
	gap: 20px;
	align-items: start;
}

@media (max-width: 1024px) {
	.np-ay__layout {
		grid-template-columns: 1fr;
	}

	.np__view--ayar {
		padding: 16px 16px 28px;
	}
}

.np-ay__col {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.np-ay__card {
	background: #fff;
	border: 1px solid var(--np-ay-border);
	border-radius: 10px;
	padding: 24px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.np-ay__card--compact {
	padding: 20px;
}

.np-ay__card-head {
	margin-bottom: 18px;
}

.np-ay__card-title {
	margin: 0 0 6px;
	font-size: 1.05rem;
	font-weight: 800;
	color: #111827;
}

.np-ay__card-title--sm {
	font-size: 0.95rem;
	margin-bottom: 14px;
}

.np-ay__card-sub {
	margin: 0;
	font-size: 0.84rem;
	color: #6b7280;
	line-height: 1.45;
}

.np-ay__avatar-block {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 22px;
	flex-wrap: wrap;
}

.np-ay__avatar-wrap {
	position: relative;
	flex-shrink: 0;
}

.np-ay__avatar {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: linear-gradient(145deg, #2563eb 0%, #0045b1 100%);
	display: grid;
	place-items: center;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 69, 177, 0.25);
}

.np-ay__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.np-ay__avatar-initials {
	font-size: 1.75rem;
	font-weight: 800;
	color: #fff;
	letter-spacing: 0.02em;
}

.np-ay__avatar-cam {
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: var(--np-ay-primary);
	color: #fff;
	display: grid;
	place-items: center;
	cursor: pointer;
	padding: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.np-ay__avatar-actions {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-top: 8px;
}

.np-ay__btn-photo {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--np-ay-primary);
	cursor: pointer;
	text-align: left;
}

.np-ay__btn-photo:hover {
	text-decoration: underline;
}

.np-ay__avatar-hint {
	margin: 0;
	font-size: 0.78rem;
	color: #9ca3af;
}

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

@media (max-width: 640px) {
	.np-ay__fields {
		grid-template-columns: 1fr;
	}
}

.np-ay__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}

.np-ay__field--full {
	grid-column: 1 / -1;
}

.np-ay__label {
	font-size: 0.8rem;
	font-weight: 600;
	color: #374151;
}

.np-ay__input,
.np-ay__select {
	margin: 0;
	padding: 10px 12px;
	border: 1px solid var(--np-ay-border);
	border-radius: 8px;
	font: inherit;
	font-size: 0.88rem;
	color: #111827;
	background: #fff;
	box-sizing: border-box;
	width: 100%;
}

.np-ay__input--readonly {
	background: #f9fafb;
	color: #6b7280;
}

.np-ay__input-wrap {
	position: relative;
	display: block;
}

.np-ay__input-wrap .np-ay__input {
	padding-right: 36px;
}

.np-ay__input-ic {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #9ca3af;
	pointer-events: none;
}

.np-ay__phone {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 4px 4px 10px;
	border: 1px solid var(--np-ay-border);
	border-radius: 8px;
	background: #fff;
}

.np-ay__phone-flag {
	font-size: 1.1rem;
	line-height: 1;
}

.np-ay__phone-prefix {
	font-size: 0.86rem;
	font-weight: 700;
	color: #6b7280;
}

.np-ay__input--phone {
	border: none;
	padding: 8px 8px 8px 0;
	flex: 1;
	min-width: 0;
}

.np-ay__select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 36px;
}

.np-ay__card-foot {
	display: flex;
	justify-content: flex-end;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #f3f4f6;
}

.np-ay__card-foot--muted {
	border-top: none;
	padding-top: 8px;
	margin-top: 16px;
}

.np-ay__submit {
	padding: 10px 22px;
	border: none;
	border-radius: 8px;
	background: var(--np-ay-primary);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}

.np-ay__submit:hover {
	filter: brightness(1.05);
}

.np-ay__submit--secondary {
	background: #eff6ff;
	color: var(--np-ay-primary);
	border: 1px solid rgba(0, 69, 177, 0.2);
}

.np-ay__summary {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.np-ay__summary > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	font-size: 0.86rem;
}

.np-ay__summary dt {
	margin: 0;
	color: #6b7280;
	font-weight: 500;
}

.np-ay__summary dd {
	margin: 0;
	font-weight: 600;
	color: #111827;
	text-align: right;
}

.np-ay__pill {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
}

.np-ay__pill--blue {
	background: #e6f0ff;
	color: #0045b1;
}

.np-ay__pill--green {
	background: #e7f7ef;
	color: #0d894f;
}

.np-ay__actions {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.np-ay__action {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 10px;
	border: none;
	border-radius: 8px;
	background: #f9fafb;
	font: inherit;
	text-align: left;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	box-sizing: border-box;
}

a.np-ay__action:hover,
button.np-ay__action:hover {
	background: #f3f4f6;
}

.np-ay__action-ic {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid var(--np-ay-border);
	display: grid;
	place-items: center;
	flex-shrink: 0;
	color: #6b7280;
}

.np-ay__action-txt {
	flex: 1;
	font-size: 0.86rem;
	font-weight: 600;
	color: #111827;
}

.np-ay__action-stack {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.np-ay__action-stack .np-ay__action-txt {
	flex: none;
}

.np-ay__action-stack small {
	font-size: 0.75rem;
	color: #9ca3af;
	font-weight: 500;
}

.np-ay__action-go {
	flex-shrink: 0;
	color: #9ca3af;
}

.np-ay__action--danger .np-ay__action-txt,
.np-ay__action--danger small {
	color: #dc2626;
}

.np-ay__action--danger .np-ay__action-ic {
	color: #dc2626;
	border-color: #fecaca;
	background: #fef2f2;
}

.np-ay__toggles {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.np-ay__toggle {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 0;
	border-bottom: 1px solid #f3f4f6;
}

.np-ay__toggle:last-child {
	border-bottom: none;
}

.np-ay__toggle-ic {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #f9fafb;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	color: #6b7280;
}

.np-ay__toggle-text {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.np-ay__toggle-text strong {
	font-size: 0.88rem;
	font-weight: 700;
	color: #111827;
}

.np-ay__toggle-text span {
	font-size: 0.8rem;
	color: #9ca3af;
	line-height: 1.35;
}

.np-ay__switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 26px;
	flex-shrink: 0;
	cursor: pointer;
}

.np-ay__switch input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}

.np-ay__switch-ui {
	position: absolute;
	inset: 0;
	background: #e5e7eb;
	border-radius: 999px;
	transition: background 0.2s;
}

.np-ay__switch-ui::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	left: 3px;
	top: 3px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	transition: transform 0.2s;
}

.np-ay__switch input:checked + .np-ay__switch-ui {
	background: var(--np-ay-primary);
}

.np-ay__switch input:checked + .np-ay__switch-ui::after {
	transform: translateX(18px);
}

.np-ay__switch input:focus-visible + .np-ay__switch-ui {
	outline: 2px solid var(--np-ay-primary);
	outline-offset: 2px;
}

.np-ay__prefs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.np-ay__pref-row {
	display: grid;
	grid-template-columns: 36px 1fr minmax(120px, 1fr);
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid var(--np-ay-border);
	border-radius: 8px;
	background: #fafafa;
}

@media (max-width: 520px) {
	.np-ay__pref-row {
		grid-template-columns: 32px 1fr;
	}

	.np-ay__select--pref {
		grid-column: 1 / -1;
	}
}

.np-ay__pref-ic {
	display: grid;
	place-items: center;
	color: #6b7280;
}

.np-ay__pref-label {
	font-size: 0.82rem;
	font-weight: 600;
	color: #374151;
}

.np-ay__select--pref {
	min-width: 0;
	font-size: 0.82rem;
	padding: 8px 32px 8px 10px;
}

.np-app__empty-inline {
	padding: 24px 16px;
	text-align: center;
}

.np-app__empty-inline p {
	margin: 0 0 14px;
	color: #64748b;
	font-size: 0.88rem;
}

.np-app__banners {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 16px;
	align-items: stretch;
}

.np-app__banner {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 22px;
	border-radius: 14px;
	border: 1px solid #e2e8f0;
	background: #fff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.np-app__banner--primary {
	background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
	border-color: rgba(37, 99, 235, 0.12);
}

.np-app__banner--side {
	flex-direction: column;
	align-items: flex-start;
}

.np-app__banner-ic {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(37, 99, 235, 0.1);
	color: #2563eb;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-app__banner-text {
	flex: 1;
	min-width: 0;
}

.np-app__banner-text strong {
	display: block;
	font-size: 0.95rem;
	font-weight: 800;
	color: #0f172a;
	margin-bottom: 6px;
	line-height: 1.3;
}

.np-app__banner-text p {
	margin: 0;
	font-size: 0.8rem;
	color: #64748b;
	line-height: 1.45;
}

.np-app__banner-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 10px;
	border: none;
	background: linear-gradient(155deg, #3b82f6 0%, #1d4ed8 100%);
	color: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(29, 78, 216, 0.35);
	flex-shrink: 0;
	white-space: nowrap;
}

.np-app__banner-btn:hover {
	filter: brightness(1.03);
}

.np-app__banner--side .np-app__banner-btn {
	margin-top: 12px;
}

.np-app__banner-btn--outline {
	background: #fff;
	color: #0f172a;
	border: 1px solid #e2e8f0;
	box-shadow: none;
	font-weight: 700;
}

.np-app__banner-btn--outline:hover {
	border-color: #cbd5e1;
	background: #f8fafc;
}

/* ── Denklik Sürecim (mockup) ── */
.np-dk {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.np-dk__head {
	margin-bottom: 20px;
}

.np-dk__title {
	margin: 0 0 8px;
	font-size: 1.5rem;
	font-weight: 900;
	color: #0f172a;
	letter-spacing: -0.03em;
}

.np-dk__lead {
	margin: 0;
	max-width: 42rem;
	font-size: 0.88rem;
	line-height: 1.55;
	color: #64748b;
}

.np-dk__empty-box {
	margin-top: 16px;
}

.np-dk__hero-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 22px 24px;
	background: #fff;
	border: 1px solid #e8eaed;
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
	margin-bottom: 20px;
}

.np-dk__hero-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px 28px;
	flex: 1;
	min-width: 0;
}

.np-dk__info-label {
	display: block;
	font-size: 0.68rem;
	font-weight: 700;
	color: #94a3b8;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 6px;
}

.np-dk__info-val {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	font-weight: 700;
	color: #0f172a;
}

.np-dk__flag {
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.np-dk__progress-block {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
}

.np-dk__ring {
	--np-dk-p: 60;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: conic-gradient(#2563eb calc(var(--np-dk-p) * 1%), #e5e7eb 0);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.np-dk__ring-inner {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: #fff;
	display: grid;
	place-items: center;
	font-size: 1rem;
	font-weight: 900;
	color: #0f172a;
	box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.np-dk__progress-note {
	margin: 0;
	max-width: 200px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #475569;
	line-height: 1.45;
}

.np-dk__stepper {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 24px;
	padding: 12px 8px 8px;
	background: #fff;
	border: 1px solid #e8eaed;
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.np-dk__step-wrap {
	display: flex;
	flex: 1;
	align-items: flex-start;
	min-width: 0;
}

.np-dk__step-wrap:first-child {
	flex: 0 0 auto;
}

.np-dk__step-line {
	flex: 1;
	height: 3px;
	margin-top: 18px;
	border-radius: 2px;
	min-width: 6px;
	max-height: 3px;
}

.np-dk__step-line--done {
	background: #22c55e;
}

.np-dk__step-line--wait {
	background: #e2e8f0;
}

.np-dk__step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 104px;
	flex-shrink: 0;
}

.np-dk__step-icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	margin-bottom: 8px;
	border: 2px solid transparent;
}

.np-dk__step--done .np-dk__step-icon {
	background: #dcfce7;
	color: #16a34a;
	border-color: #bbf7d0;
}

.np-dk__step--current .np-dk__step-icon {
	background: #dbeafe;
	color: #2563eb;
	border-color: #93c5fd;
}

.np-dk__step--wait .np-dk__step-icon {
	background: #f8fafc;
	color: #94a3b8;
	border-color: #e2e8f0;
}

.np-dk__step-label {
	font-size: 0.72rem;
	font-weight: 700;
	color: #334155;
	line-height: 1.3;
}

.np-dk__step-sub {
	font-size: 0.65rem;
	font-weight: 700;
	margin-top: 4px;
}

.np-dk__step-sub--done {
	color: #16a34a;
}

.np-dk__step-sub--current {
	color: #2563eb;
}

.np-dk__step-sub--wait {
	color: #94a3b8;
}

.np-dk__lower {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 20px;
	align-items: start;
	margin-bottom: 20px;
}

.np-dk__tabs {
	display: flex;
	gap: 4px;
	border-bottom: 1px solid #e2e8f0;
	margin-bottom: 18px;
}

.np-dk__tab {
	padding: 10px 16px 12px;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	color: #64748b;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color 0.15s;
}

.np-dk__tab:hover {
	color: #334155;
}

.np-dk__tab.is-active {
	color: #2563eb;
	border-bottom-color: #2563eb;
}

.np-dk__panel {
	background: #fff;
	border: 1px solid #e8eaed;
	border-radius: 14px;
	padding: 20px 22px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.np-dk__panel-title {
	margin: 0 0 8px;
	font-size: 1.05rem;
	font-weight: 900;
	color: #0f172a;
}

.np-dk__panel-lead {
	margin: 0 0 18px;
	font-size: 0.84rem;
	color: #64748b;
	line-height: 1.5;
}

.np-dk__checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.np-dk__check {
	display: grid;
	grid-template-columns: 32px 1fr auto;
	gap: 12px 16px;
	align-items: center;
	padding: 14px 0;
	border-bottom: 1px solid #f1f5f9;
}

.np-dk__check:last-child {
	border-bottom: none;
}

.np-dk__check-ic {
	display: grid;
	place-items: center;
	color: #16a34a;
}

.np-dk__check--current .np-dk__check-ic {
	color: #2563eb;
}

.np-dk__check--wait .np-dk__check-ic {
	color: #cbd5e1;
}

.np-dk__dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: block;
}

.np-dk__dot--blue {
	background: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}

.np-dk__dot--gray {
	background: #e2e8f0;
}

.np-dk__check-body {
	min-width: 0;
}

.np-dk__check-label {
	display: block;
	font-size: 0.84rem;
	font-weight: 700;
	color: #0f172a;
}

.np-dk__check-sub {
	font-size: 0.75rem;
	font-weight: 700;
	margin-top: 2px;
	display: block;
}

.np-dk__check-sub--done {
	color: #16a34a;
}

.np-dk__check-sub--current {
	color: #2563eb;
}

.np-dk__check-sub--wait {
	color: #94a3b8;
}

.np-dk__check-meta {
	font-size: 0.78rem;
	font-weight: 600;
	color: #64748b;
	text-align: right;
}

.np-dk__check-date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #16a34a;
}

.np-dk__check-ok {
	font-weight: 900;
}

.np-dk__check-est {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #64748b;
}

.np-dk__alert {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 18px;
	padding: 14px 16px;
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: 12px;
	color: #1e40af;
}

.np-dk__alert svg {
	flex-shrink: 0;
	margin-top: 1px;
}

.np-dk__alert p {
	margin: 0;
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.5;
}

.np-dk__simple-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.np-dk__simple-list li {
	padding: 12px 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 0.84rem;
	color: #334155;
}

.np-dk__simple-list li:last-child {
	border-bottom: none;
}

.np-dk__simple-list time {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	color: #94a3b8;
	margin-bottom: 4px;
}

.np-dk__note-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.np-dk__note-list li {
	padding: 14px 0;
	border-bottom: 1px solid #f1f5f9;
}

.np-dk__note-list li:last-child {
	border-bottom: none;
}

.np-dk__note-list p {
	margin: 0 0 6px;
	font-size: 0.84rem;
	color: #334155;
	line-height: 1.5;
}

.np-dk__note-list time {
	font-size: 0.72rem;
	font-weight: 700;
	color: #94a3b8;
}

.np-dk__side-card {
	background: #fff;
	border: 1px solid #e8eaed;
	border-radius: 14px;
	padding: 18px 16px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
	margin-bottom: 16px;
}

.np-dk__side-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 14px;
}

.np-dk__side-title {
	margin: 0;
	font-size: 0.92rem;
	font-weight: 900;
	color: #0f172a;
}

.np-dk__side-link {
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.75rem;
	font-weight: 700;
	color: #2563eb;
	cursor: pointer;
}

.np-dk__side-link:hover {
	text-decoration: underline;
}

.np-dk__doc-list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
}

.np-dk__doc {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 4px 8px;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 0.8rem;
}

.np-dk__doc:last-child {
	border-bottom: none;
}

.np-dk__doc-name {
	font-weight: 700;
	color: #0f172a;
}

.np-dk__doc-sub {
	grid-column: 1 / -1;
	font-size: 0.72rem;
	font-weight: 700;
}

.np-dk__doc--ok .np-dk__doc-sub {
	color: #16a34a;
}

.np-dk__doc--review .np-dk__doc-sub {
	color: #d97706;
}

.np-dk__doc--missing .np-dk__doc-sub {
	color: #dc2626;
}

.np-dk__doc-upload {
	padding: 4px 10px;
	border-radius: 8px;
	border: 1px solid #fecaca;
	background: #fff;
	font: inherit;
	font-size: 0.7rem;
	font-weight: 800;
	color: #dc2626;
	cursor: pointer;
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
}

.np-dk__doc-upload:hover {
	background: #fef2f2;
}

.np-dk__doc-add {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	border: 1px dashed #cbd5e1;
	background: #f8fafc;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 700;
	color: #475569;
	cursor: pointer;
}

.np-dk__doc-add:hover {
	border-color: #94a3b8;
	background: #f1f5f9;
}

.np-dk__upd-list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
}

.np-dk__upd-list li {
	padding: 12px 0;
	border-bottom: 1px solid #f1f5f9;
}

.np-dk__upd-list li:last-child {
	border-bottom: none;
}

.np-dk__upd-list p {
	margin: 0 0 4px;
	font-size: 0.8rem;
	font-weight: 600;
	color: #334155;
	line-height: 1.4;
}

.np-dk__upd-list time {
	font-size: 0.7rem;
	font-weight: 700;
	color: #94a3b8;
}

.np-dk__upd-all {
	width: 100%;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid #e2e8f0;
	background: #fff;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 800;
	color: #334155;
	cursor: pointer;
}

.np-dk__upd-all:hover {
	background: #f8fafc;
}

.np-dk__banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	padding: 20px 24px;
	background: linear-gradient(135deg, #e8f4fc 0%, #dbeafe 100%);
	border: 1px solid #bfdbfe;
	border-radius: 14px;
}

.np-dk__banner-art {
	flex-shrink: 0;
}

.np-dk__banner-art img {
	display: block;
	width: 100px;
	height: auto;
	max-height: 120px;
	object-fit: contain;
}

.np-dk__banner-text {
	flex: 1;
	margin: 0;
	min-width: 200px;
	font-size: 0.88rem;
	font-weight: 600;
	color: #1e3a5f;
	line-height: 1.5;
}

.np-dk__banner-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: 10px;
	border: 2px solid #2563eb;
	background: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 800;
	color: #1d4ed8;
	cursor: pointer;
	flex-shrink: 0;
	transition: background 0.15s;
}

.np-dk__banner-btn:hover {
	background: #eff6ff;
}

@media (max-width: 1100px) {
	.np-dk__lower {
		grid-template-columns: 1fr;
	}

	.np-dk__side-col {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		gap: 16px;
	}

	.np-dk__side-card {
		margin-bottom: 0;
	}
}

@media (max-width: 1200px) {
	.np-app__stats {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 900px) {
	.np-dk__hero-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.np-dk__stepper {
		flex-wrap: wrap;
		justify-content: center;
	}

	.np-dk__step-wrap {
		flex: 0 0 auto;
		flex-direction: column;
		align-items: center;
		width: 50%;
		margin-bottom: 16px;
	}

	.np-dk__step-line {
		display: none;
	}

	.np-app__stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.np-app__banners {
		grid-template-columns: 1fr;
	}

	.np-app__banner {
		flex-direction: column;
		align-items: flex-start;
	}

	.np-app__banner-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 560px) {
	.np-app__stats {
		grid-template-columns: 1fr;
	}

	.np__topbar-userpill-name {
		display: none;
	}
}

/* Dashboard mockup */
.np-dash {
	display: flex;
	flex-direction: column;
	gap: 22px;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.np-dash__hero {
	padding: 4px 0 0;
}
.np-dash__title {
	margin: 0 0 8px;
	font-size: 1.35rem;
	font-weight: 900;
	color: var(--np-ink);
	letter-spacing: -0.03em;
	line-height: 1.2;
}
.np-dash__lead {
	margin: 0;
	max-width: 52rem;
	font-size: 0.88rem;
	color: #64748b;
	line-height: 1.55;
}
.np-dash__hint {
	margin: 10px 0 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 600;
	color: #d97706;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.np-dash__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}
.np-dash__stat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	gap: 4px;
	padding: 18px 18px 16px;
	border: none;
	border-radius: 16px;
	cursor: pointer;
	font: inherit;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
	transition: transform 0.15s, box-shadow 0.15s;
}
.np-dash__stat:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}
.np-dash__stat-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	margin-bottom: 4px;
}
.np-dash__stat--blue {
	background: #fff;
	border: 1px solid rgba(37, 99, 235, 0.12);
}
.np-dash__stat--blue .np-dash__stat-icon {
	background: rgba(37, 99, 235, 0.1);
	color: #2563eb;
}
.np-dash__stat--green {
	background: #fff;
	border: 1px solid rgba(22, 163, 74, 0.12);
}
.np-dash__stat--green .np-dash__stat-icon {
	background: rgba(22, 163, 74, 0.1);
	color: #16a34a;
}
.np-dash__stat--amber {
	background: #fff;
	border: 1px solid rgba(217, 119, 6, 0.15);
}
.np-dash__stat--amber .np-dash__stat-icon {
	background: rgba(245, 158, 11, 0.12);
	color: #d97706;
}
.np-dash__stat--purple {
	background: #fff;
	border: 1px solid rgba(124, 58, 237, 0.12);
}
.np-dash__stat--purple .np-dash__stat-icon {
	background: rgba(124, 58, 237, 0.1);
	color: #7c3aed;
}
.np-dash__stat-n {
	font-size: 1.65rem;
	font-weight: 900;
	letter-spacing: -0.04em;
	color: var(--np-ink);
	line-height: 1;
}
.np-dash__stat-l {
	font-size: 0.78rem;
	font-weight: 700;
	color: #475569;
}
.np-dash__stat-s {
	font-size: 0.68rem;
	color: #94a3b8;
	font-weight: 500;
	margin-top: 2px;
}
.np-dash__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 20px;
	align-items: start;
}
.np-dash__card {
	background: #fff;
	border-radius: 16px;
	padding: 18px 20px;
	box-shadow: 0 2px 16px rgba(15, 23, 42, 0.06);
	border: 1px solid rgba(15, 23, 42, 0.05);
}
.np-dash__card-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}
.np-dash__card-head--row {
	align-items: center;
	margin-bottom: 12px;
}
.np-dash__card-title {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 900;
	color: var(--np-ink);
	letter-spacing: -0.02em;
}
.np-dash__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.np-dash__tab {
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid transparent;
	background: #f1f5f9;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	color: #64748b;
	cursor: pointer;
}
.np-dash__tab.is-active {
	background: #eff6ff;
	border-color: rgba(37, 99, 235, 0.25);
	color: #1d4ed8;
}
.np-dash__empty {
	text-align: center;
	padding: 28px 16px;
	color: #64748b;
	font-size: 0.88rem;
}
.np-dash__empty .np__btn {
	margin-top: 12px;
}
.np-dash__proc-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.np-dash__proc-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) 52px auto;
	align-items: center;
	gap: 12px;
	padding: 12px 12px;
	border-radius: 12px;
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.05);
}
.np-dash__proc-flag {
	font-size: 1.35rem;
	line-height: 1;
}
.np-dash__proc-title {
	display: block;
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--np-ink);
}
.np-dash__proc-meta {
	display: block;
	font-size: 0.68rem;
	color: #94a3b8;
	margin-top: 2px;
}
.np-dash__donut {
	--p: 40;
	--c: #2563eb;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: conic-gradient(var(--c) calc(var(--p) * 1%), #e2e8f0 0);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.np-dash__donut span {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #fff;
	font-size: 0.62rem;
	font-weight: 900;
	color: var(--np-ink);
	display: grid;
	place-items: center;
	box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}
.np-dash__proc-btn {
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	color: #334155;
	cursor: pointer;
	white-space: nowrap;
}
.np-dash__proc-btn:hover {
	border-color: rgba(37, 99, 235, 0.35);
	color: #1d4ed8;
}
.np-dash__card--steps {
	margin-top: 16px;
}
.np-dash__steps-title {
	margin: 0 0 14px;
	font-size: 0.95rem;
	font-weight: 900;
	color: var(--np-ink);
}
.np-dash__steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: stretch;
}
.np-dash__step {
	flex: 1 1 120px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 10px;
	border-radius: 12px;
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.06);
	font-size: 0.72rem;
	font-weight: 700;
	color: #64748b;
	min-width: 0;
}
.np-dash__step.is-done {
	background: rgba(22, 163, 74, 0.08);
	border-color: rgba(22, 163, 74, 0.2);
	color: #15803d;
}
.np-dash__step.is-current {
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
	border-color: rgba(217, 119, 6, 0.35);
	color: #92400e;
	box-shadow: 0 4px 14px rgba(217, 119, 6, 0.12);
}
.np-dash__step-ico {
	display: flex;
	color: #16a34a;
}
.np-dash__step-num {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(15, 23, 42, 0.08);
	display: grid;
	place-items: center;
	font-size: 0.65rem;
	font-weight: 900;
	flex-shrink: 0;
}
.np-dash__step.is-current .np-dash__step-num {
	background: #f59e0b;
	color: #fff;
}
.np-dash__info {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin-top: 14px;
	padding: 12px 14px;
	border-radius: 12px;
	background: #eff6ff;
	border: 1px solid rgba(37, 99, 235, 0.15);
	color: #1e40af;
	font-size: 0.78rem;
	line-height: 1.45;
}
.np-dash__info svg {
	flex-shrink: 0;
	margin-top: 1px;
	opacity: 0.85;
}
.np-dash__info p {
	margin: 0;
}
.np-dash__recent-title {
	margin: 0 0 12px;
	font-size: 0.95rem;
	font-weight: 900;
	color: var(--np-ink);
}
.np-dash__muted {
	margin: 0;
	font-size: 0.82rem;
	color: #94a3b8;
}
.np-dash__recent {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.np-dash__recent-item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.np-dash__recent-ico {
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: #f1f5f9;
	color: #64748b;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.np-dash__recent-text {
	margin: 0 0 4px;
	font-size: 0.8rem;
	font-weight: 600;
	color: #334155;
	line-height: 1.35;
}
.np-dash__recent-time {
	font-size: 0.68rem;
	color: #94a3b8;
}
.np-dash__main {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}
.np-dash__aside {
	display: flex;
	flex-direction: column;
	gap: 14px;
	position: sticky;
	top: 76px;
}
.np-dash__aside-title {
	margin: 0;
	font-size: 0.88rem;
	font-weight: 900;
	color: var(--np-ink);
	letter-spacing: -0.02em;
}
.np-dash__linkbtn {
	border: none;
	background: none;
	padding: 0;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	color: #2563eb;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.np-dash__notif-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.np-dash__notif-item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.np-dash__notif-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3b82f6;
	margin-top: 5px;
	flex-shrink: 0;
}
.np-dash__notif-item p {
	margin: 0 0 4px;
	font-size: 0.78rem;
	color: #334155;
	line-height: 1.35;
}
.np-dash__notif-item time {
	font-size: 0.65rem;
	color: #94a3b8;
}
.np-dash__expert-row {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.np-dash__expert-av {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: linear-gradient(145deg, #64748b 0%, #334155 100%);
	color: #fff;
	font-weight: 900;
	font-size: 0.9rem;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.np-dash__expert-name {
	display: block;
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--np-ink);
}
.np-dash__expert-role {
	font-size: 0.72rem;
	color: #94a3b8;
	font-weight: 600;
}
.np-dash__expert-msg {
	margin: 0 0 12px;
	font-size: 0.78rem;
	color: #475569;
	line-height: 1.45;
}
.np-dash__expert-btn {
	width: 100%;
	justify-content: center;
	min-height: 40px;
	font-size: 0.82rem;
}
.np-dash__quick-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.np-dash__qbtn {
	padding: 12px 10px;
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #f8fafc;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 800;
	color: #334155;
	cursor: pointer;
	line-height: 1.3;
	text-align: center;
	transition: border-color 0.15s, background 0.15s;
}
.np-dash__qbtn:hover {
	border-color: rgba(37, 99, 235, 0.3);
	background: #eff6ff;
	color: #1d4ed8;
}
@media (max-width: 1100px) {
	.np-dash__grid {
		grid-template-columns: 1fr;
	}
	.np-dash__aside {
		position: static;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
		gap: 14px;
	}
}
@media (max-width: 900px) {
	.np-dash__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.np-dash__proc-item {
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto;
	}
	.np-dash__donut {
		grid-column: 2;
		grid-row: 1 / span 2;
		justify-self: end;
	}
	.np-dash__proc-btn {
		grid-column: 1 / -1;
		width: 100%;
	}
}
@media (max-width: 520px) {
	.np-dash__stats {
		grid-template-columns: 1fr;
	}
	.np__topbar {
		flex-wrap: wrap;
		height: auto;
		padding: 10px 16px;
		gap: 10px;
	}
	.np__topbar-right {
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
	}
}

/* ─── Ön yüz giriş / kayıt (page-navi-giris, page-navi-kayit) ─── */
body.navi-auth-page {
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	margin: 0 !important;
	padding: 0 !important;
	padding-top: 0 !important;
}
body.navi-auth-page .navi-skip-link,
body.navi-auth-page .navi-header,
body.navi-auth-page .navi-footer {
	display: none !important;
}
body.navi-auth-page .navi-main,
body.navi-auth-page #primary-content {
	padding: 0 !important;
	margin: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	background: var(--navi-bg-page);
}

.navi-reg {
	--navi-reg-blue: var(--navi-blue);
	--navi-reg-blue-deep: #15449a;
	--navi-reg-ice: #e8f4ff;
	--navi-reg-ice-2: #dbeafe;
	--navi-reg-border: #e2e8f0;
	font-family: var(--navi-font);
	color: var(--navi-ink);
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 0;
	max-width: none;
	padding: 0;
	margin: 0;
	margin-top: 0;
	padding-top: 0;
	animation: navi-rise-in 0.45s ease-out both;
	background: var(--navi-bg-page);
}

.navi-reg__container {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding-top: 0;
	padding-bottom: clamp(16px, 3vw, 28px);
	box-sizing: border-box;
}

.navi-reg__shell {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	width: 100%;
	margin: 0;
	background: var(--navi-white);
	border-radius: var(--navi-radius-lg);
	box-shadow: var(--navi-shadow-soft);
	border: 1px solid rgba(226, 232, 240, 0.95);
	overflow: hidden;
	box-sizing: border-box;
	padding: 4px clamp(20px, 4vw, 48px) clamp(16px, 2.5vw, 24px);
}

.navi-reg__top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	column-gap: clamp(16px, 3vw, 28px);
	row-gap: clamp(6px, 1.2vw, 12px);
	align-items: center;
	padding: 0 0 12px;
	margin: 0;
	border-bottom: 1px solid var(--navi-reg-border);
	background: var(--navi-white);
	flex-shrink: 0;
}

.navi-reg__brand {
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
	align-self: center;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	text-decoration: none;
	color: inherit;
	min-width: 0;
}

.navi-reg__logo-img {
	display: block;
	max-height: 44px;
	width: auto;
}

.navi-reg__brand-text {
	font-weight: 800;
	font-size: clamp(1.35rem, 2.5vw, 1.6rem);
	letter-spacing: -0.02em;
	color: var(--navi-reg-blue);
	line-height: 1.1;
}

.navi-reg__brand-tr {
	color: var(--navi-red);
}

.navi-reg__brand-tag {
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: #94a3b8;
	text-transform: uppercase;
	line-height: 1.2;
}

.navi-reg__steps {
	grid-column: 1 / -1;
	grid-row: 2;
	justify-self: center;
	min-width: 0;
	width: 100%;
	max-width: min(620px, 100%);
}

.navi-reg__stepper {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4px;
	position: relative;
}

.navi-reg__step {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
	position: relative;
	min-width: 0;
}

.navi-reg__step::after {
	content: "";
	position: absolute;
	top: 14px;
	left: calc(50% + 18px);
	right: calc(-50% + 18px);
	height: 2px;
	background: #e2e8f0;
	z-index: 0;
}

.navi-reg__step:last-child::after {
	display: none;
}

.navi-reg__step--active::after {
	background: linear-gradient(90deg, var(--navi-reg-blue), #e2e8f0);
}

.navi-reg__step--complete .navi-reg__step-num {
	background: var(--navi-reg-blue);
	color: #fff;
	border-color: var(--navi-reg-blue);
	box-shadow: 0 4px 12px rgba(27, 79, 182, 0.28);
}

.navi-reg__step-num .navi-reg__step-tick {
	display: none;
}

.navi-reg__step--complete .navi-reg__step-num-txt {
	display: none;
}

.navi-reg__step--complete .navi-reg__step-num .navi-reg__step-tick,
.navi-reg__step--complete .navi-reg__step-num svg {
	display: block;
}

.navi-reg__step--complete .navi-reg__step-label {
	color: var(--navi-reg-blue);
	font-weight: 700;
	border-bottom-color: transparent;
}

.navi-reg__step--complete::after {
	background: var(--navi-reg-blue);
}

.navi-reg__step-num {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 0.8rem;
	font-weight: 800;
	background: #f1f5f9;
	color: #94a3b8;
	border: 2px solid #e2e8f0;
	position: relative;
	z-index: 1;
	flex-shrink: 0;
}

.navi-reg__step--active .navi-reg__step-num {
	background: var(--navi-reg-blue);
	color: #fff;
	border-color: var(--navi-reg-blue);
	box-shadow: 0 4px 12px rgba(27, 79, 182, 0.35);
}

.navi-reg__step-label {
	font-size: 0.72rem;
	font-weight: 600;
	color: #94a3b8;
	line-height: 1.25;
	padding-bottom: 6px;
	border-bottom: 3px solid transparent;
	max-width: 11em;
}

.navi-reg__step--active .navi-reg__step-label {
	color: var(--navi-reg-blue);
	font-weight: 800;
	border-bottom-color: var(--navi-reg-blue);
}

.navi-reg__top-auth {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
	align-self: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px 14px;
	font-size: 0.82rem;
	color: #64748b;
}

.navi-reg__btn-login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 18px;
	border-radius: 10px;
	border: 1.5px solid rgba(27, 79, 182, 0.45);
	background: #fff;
	color: var(--navi-reg-blue);
	font-weight: 700;
	font-size: 0.82rem;
	text-decoration: none;
	transition: background 0.15s, border-color 0.15s, transform 0.15s, box-shadow 0.15s;
	white-space: nowrap;
}

.navi-reg__btn-login:hover {
	background: rgba(27, 79, 182, 0.06);
	border-color: var(--navi-reg-blue);
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(27, 79, 182, 0.12);
}

.navi-reg__split {
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: stretch;
	min-height: 0;
	column-gap: clamp(20px, 3.5vw, 40px);
}

.navi-reg__aside {
	position: relative;
	background: linear-gradient(165deg, #f0f7ff 0%, #dbeafe 42%, #e0f0ff 100%);
	padding: clamp(20px, 3.5vw, 40px) clamp(16px, 3vw, 32px) clamp(36px, 5vw, 64px) clamp(28px, 4.5vw, 64px);
	overflow: hidden;
	min-height: 0;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.navi-reg__map-bg {
	position: absolute;
	inset: -10% -20%;
	background-image: var(--navi-reg-map);
	background-repeat: no-repeat;
	background-position: 50% 60%;
	background-size: min(900px, 140%);
	opacity: 0.14;
	pointer-events: none;
}

.navi-reg__aside-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: clamp(16px, 2vw, 22px);
	flex: 1 1 auto;
	min-height: 0;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	margin: 0;
	align-self: stretch;
	padding-bottom: clamp(12px, 2.5vw, 28px);
	box-sizing: border-box;
}

.navi-reg__aside-title {
	margin: 0;
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: 800;
	line-height: 1.3;
	color: var(--navi-navy);
	letter-spacing: -0.02em;
}

.navi-reg__aside-title span {
	color: var(--navi-reg-blue);
}

.navi-reg__aside-lead {
	margin: 0;
	font-size: 0.92rem;
	color: #475569;
	line-height: 1.55;
	max-width: 36ch;
}

.navi-reg__features {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.navi-reg__feature {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.navi-reg__feature-ic {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(27, 79, 182, 0.12);
	color: var(--navi-reg-blue);
	display: grid;
	place-items: center;
	box-shadow: 0 4px 14px rgba(27, 79, 182, 0.08);
	animation: navi-icon-float 4s ease-in-out infinite;
}

.navi-reg__feature:nth-child(2) .navi-reg__feature-ic {
	animation-delay: 0.5s;
}
.navi-reg__feature:nth-child(3) .navi-reg__feature-ic {
	animation-delay: 1s;
}
.navi-reg__feature:nth-child(4) .navi-reg__feature-ic {
	animation-delay: 1.5s;
}

.navi-reg__feature strong {
	display: block;
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--navi-navy);
	margin-bottom: 2px;
}

.navi-reg__feature span {
	font-size: 0.78rem;
	color: #64748b;
	line-height: 1.4;
}

.navi-reg__visual-wrap {
	margin-top: clamp(12px, 2.2vw, 24px);
	margin-bottom: clamp(8px, 1.5vw, 20px);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	flex: 0 0 auto;
	min-height: 220px;
}

.navi-reg__visual-svg {
	width: 100%;
	max-width: min(440px, 100%);
	height: auto;
	display: block;
	flex-shrink: 0;
	filter: drop-shadow(0 16px 36px rgba(27, 79, 182, 0.12));
	transition: transform 0.45s ease;
}

.navi-reg__aside:hover .navi-reg__visual-svg {
	transform: translateY(-6px) scale(1.02);
}

.navi-reg__social-proof {
	margin-top: auto;
	padding-top: clamp(12px, 2vw, 20px);
	background: #fff;
	border-radius: 14px;
	padding: 14px 16px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
	border: 1px solid rgba(226, 232, 240, 0.9);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.navi-reg__avatars {
	display: flex;
	padding-left: 6px;
}

.navi-reg__avatars img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #fff;
	margin-left: -10px;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}

.navi-reg__stars {
	color: #f59e0b;
	font-size: 0.95rem;
	letter-spacing: 1px;
	line-height: 1;
}

.navi-reg__social-text {
	margin: 0;
	flex: 1 1 160px;
	font-size: 0.8rem;
	font-weight: 700;
	color: #334155;
	line-height: 1.35;
}

.navi-reg__main {
	background: #fff;
	padding: clamp(24px, 3.5vw, 44px) 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	min-height: 0;
	min-width: 0;
}

.navi-reg__form-card {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.navi-reg__form-title {
	margin: 0 0 8px;
	font-size: clamp(1.35rem, 2.2vw, 1.65rem);
	font-weight: 800;
	color: var(--navi-navy);
	letter-spacing: -0.02em;
}

.navi-reg__form-sub {
	margin: 0 0 22px;
	font-size: 0.88rem;
	color: #64748b;
	line-height: 1.5;
}

.navi-reg__notice {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: 10px;
	font-size: 0.85rem;
	line-height: 1.45;
}

.navi-reg__notice--err {
	background: #fef2f2;
	color: #b91c1c;
	border: 1px solid #fecaca;
}

.navi-reg__notice--ok {
	background: #ecfdf5;
	color: #047857;
	border: 1px solid #a7f3d0;
}

/* ─── Kayıt adım 2: e-posta doğrulama ─── */
.navi-reg__aside--verify {
	background: linear-gradient(180deg, #f5f9ff 0%, #e8f2fc 55%, #eef5ff 100%);
}

.navi-reg__aside-london {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: min(28%, 140px);
	background: linear-gradient(
		180deg,
		transparent 0%,
		rgba(27, 79, 182, 0.07) 100%
	);
	pointer-events: none;
	mask-image: linear-gradient(180deg, transparent, #000 40%);
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 40%);
}

.navi-reg__aside-london::after {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: 0;
	height: 72px;
	opacity: 0.2;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80' fill='%231b4fb6'%3E%3Cpath d='M20 75 L35 45 L50 60 L65 30 L80 55 L95 40 L110 70 L130 25 L145 50 L160 35 L175 65 L195 20 L210 50 L230 75 L250 40 L265 60 L280 45 L295 70 L315 55 L330 35 L345 60 L365 75 L380 50 L395 65 V80 H0 Z'/%3E%3C/svg%3E");
}

.navi-reg__verify-hero-wrap {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 8px;
}

.navi-reg__verify-hero {
	width: min(100%, 320px);
	height: auto;
	display: block;
	filter: drop-shadow(0 12px 28px rgba(27, 79, 182, 0.15));
}

.navi-reg__features--verify {
	margin-top: 4px;
}

.navi-reg__feature-ic--round {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.navi-reg__verify-card {
	width: 100%;
	max-width: 100%;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08), 0 4px 14px rgba(15, 23, 42, 0.04);
	border: 1px solid rgba(226, 232, 240, 0.95);
	padding: clamp(22px, 3vw, 32px) clamp(20px, 3vw, 28px) clamp(20px, 2.5vw, 26px);
	box-sizing: border-box;
}

.navi-reg__verify-card-title {
	margin: 0 0 8px;
	font-size: clamp(1.25rem, 2vw, 1.45rem);
	font-weight: 800;
	color: var(--navi-navy);
}

.navi-reg__verify-card-sub {
	margin: 0 0 20px;
	font-size: 0.88rem;
	color: #64748b;
	line-height: 1.5;
}

.navi-reg__verify-section-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.navi-reg__verify-section-ic {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(27, 79, 182, 0.1);
	color: var(--navi-reg-blue);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.navi-reg__verify-section-title {
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--navi-navy);
}

.navi-reg__verify-instruction {
	margin: 0 0 18px;
	font-size: 0.84rem;
	color: #64748b;
	line-height: 1.45;
}

.navi-reg__otp {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: flex-start;
	margin-bottom: 18px;
}

.navi-reg__otp-digit {
	width: 48px;
	height: 52px;
	text-align: center;
	font-size: 1.25rem;
	font-weight: 800;
	border: 1.5px solid var(--navi-reg-border);
	border-radius: 10px;
	font: inherit;
	color: var(--navi-ink);
	transition: border-color 0.15s, box-shadow 0.15s;
	box-sizing: border-box;
}

.navi-reg__otp-digit:focus {
	outline: none;
	border-color: var(--navi-reg-blue);
	box-shadow: 0 0 0 3px rgba(27, 79, 182, 0.2);
}

.navi-reg__resend {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: linear-gradient(180deg, #e8f4ff 0%, #e0efff 100%);
	border: 1px solid rgba(27, 79, 182, 0.12);
	border-radius: 12px;
	padding: 12px 14px;
	margin-bottom: 22px;
}

.navi-reg__resend-info {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	flex: 1 1 200px;
	min-width: 0;
}

.navi-reg__resend-info-ic {
	flex-shrink: 0;
	color: var(--navi-reg-blue);
	margin-top: 2px;
}

.navi-reg__resend-text {
	font-size: 0.78rem;
	color: #475569;
	line-height: 1.4;
	font-weight: 600;
}

.navi-reg__resend-count {
	font-weight: 700;
	color: var(--navi-reg-blue);
	white-space: nowrap;
}

.navi-reg__resend-form {
	margin: 0;
	flex-shrink: 0;
}

.navi-reg__resend-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	border-radius: 10px;
	border: 1.5px solid rgba(27, 79, 182, 0.45);
	background: #fff;
	color: var(--navi-reg-blue);
	font: inherit;
	font-size: 0.76rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
	white-space: nowrap;
}

.navi-reg__resend-btn:hover:not(:disabled) {
	background: rgba(27, 79, 182, 0.06);
}

.navi-reg__resend-btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.navi-reg__verify-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.navi-reg__btn-back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 10px;
	border: 1.5px solid #cbd5e1;
	background: #fff;
	color: #475569;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
	transition: border-color 0.15s, background 0.15s;
}

.navi-reg__btn-back:hover {
	border-color: #94a3b8;
	background: #f8fafc;
}

.navi-reg__btn-next {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 22px;
	border-radius: 10px;
	border: none;
	background: var(--navi-reg-blue);
	color: #fff;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 8px 22px rgba(27, 79, 182, 0.35);
	transition: background 0.15s, transform 0.15s;
}

.navi-reg__btn-next:hover {
	background: var(--navi-reg-blue-deep);
	transform: translateY(-1px);
}

.navi-reg__verify-foot {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	font-size: 0.72rem;
	color: #94a3b8;
	text-align: center;
}

/* Kayıt adım 3 — profil bilgileri */
.navi-reg__aside--profil .navi-reg__aside-inner {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.navi-reg__profil-hero-wrap {
	margin: 8px 0 20px;
	text-align: center;
}

.navi-reg__profil-hero {
	display: block;
	max-width: min(400px, 100%);
	height: auto;
	margin: 0 auto;
}

.navi-reg__features--profil {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 4px;
}

.navi-reg__features--profil .navi-reg__feature--box {
	align-items: flex-start;
	background: var(--navi-reg-ice);
	border: 1px solid rgba(27, 79, 182, 0.1);
	border-radius: 12px;
	padding: 14px 16px;
	gap: 12px;
}

.navi-reg__features--profil .navi-reg__feature--box .navi-reg__feature-ic--round {
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(27, 79, 182, 0.12);
	color: var(--navi-reg-blue);
}

.navi-reg__profil-support {
	margin-top: auto;
	padding: 18px 18px 20px;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(219, 234, 254, 0.65) 0%, rgba(219, 234, 254, 0.35) 100%);
	border: 1px solid rgba(27, 79, 182, 0.12);
}

.navi-reg__profil-support-title {
	display: block;
	font-size: 0.95rem;
	color: var(--navi-ink);
	margin: 0 0 6px;
}

.navi-reg__profil-support-text {
	margin: 0;
	font-size: 0.82rem;
	color: #64748b;
	line-height: 1.45;
}

.navi-reg__profil-support-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 14px;
	padding: 10px 18px;
	border-radius: 10px;
	border: 1px solid var(--navi-reg-border);
	background: #fff;
	color: #475569;
	font-size: 0.82rem;
	font-weight: 700;
	text-decoration: none;
	transition: border-color 0.15s, background 0.15s;
}

.navi-reg__profil-support-btn:hover {
	border-color: #94a3b8;
	background: #f8fafc;
	color: #334155;
}

.navi-reg__profil-card {
	background: #fff;
	border-radius: 16px;
	border: 1px solid var(--navi-reg-border);
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.07);
	padding: clamp(22px, 3vw, 32px);
	box-sizing: border-box;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}

.navi-reg__profil-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
	flex-wrap: wrap;
}

.navi-reg__profil-title {
	margin: 0 0 6px;
	font-size: clamp(1.25rem, 2.4vw, 1.45rem);
	font-weight: 800;
	color: var(--navi-ink);
	line-height: 1.2;
}

.navi-reg__profil-sub {
	margin: 0;
	font-size: 0.88rem;
	color: #64748b;
	line-height: 1.45;
}

.navi-reg__profil-badge {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	max-width: 280px;
	padding: 12px 14px;
	border-radius: 12px;
	background: var(--navi-reg-ice);
	border: 1px solid rgba(27, 79, 182, 0.1);
	font-size: 0.72rem;
	line-height: 1.45;
	color: #475569;
}

.navi-reg__profil-badge-ic {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.9);
	display: grid;
	place-items: center;
	color: var(--navi-reg-blue);
	border: 1px solid rgba(27, 79, 182, 0.12);
}

.navi-reg__profil-badge p {
	margin: 0;
}

.navi-reg__profil-form {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.navi-pf-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px 18px;
}

.navi-pf-field > label,
.navi-pf-label {
	display: block;
	font-size: 0.78rem;
	font-weight: 700;
	color: #475569;
	margin-bottom: 7px;
}

.navi-pf-field input[type="text"],
.navi-pf-field input[type="email"],
.navi-pf-field input[type="date"],
.navi-pf-field input[type="tel"] {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 14px;
	border-radius: 10px;
	border: 1px solid var(--navi-reg-border);
	background: #fff;
	font: inherit;
	font-size: 0.88rem;
	color: var(--navi-ink);
	transition: border-color 0.15s, box-shadow 0.15s;
}

.navi-pf-field input:hover {
	border-color: #cbd5e1;
}

.navi-pf-field input:focus {
	outline: none;
	border-color: var(--navi-reg-blue);
	box-shadow: 0 0 0 3px rgba(27, 79, 182, 0.15);
}

.navi-pf-input--muted {
	background: #f1f5f9 !important;
	color: #64748b !important;
	cursor: default;
}

.navi-pf-date {
	display: flex;
	align-items: stretch;
	border-radius: 10px;
	border: 1px solid var(--navi-reg-border);
	background: #fff;
	overflow: hidden;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.navi-pf-date:focus-within {
	border-color: var(--navi-reg-blue);
	box-shadow: 0 0 0 3px rgba(27, 79, 182, 0.15);
}

.navi-pf-date-ic {
	display: grid;
	place-items: center;
	padding: 0 12px;
	background: #f8fafc;
	border-right: 1px solid var(--navi-reg-border);
	color: #64748b;
	flex-shrink: 0;
}

.navi-pf-date input[type="date"] {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	flex: 1;
	min-width: 0;
	padding: 11px 10px 11px 8px;
}

.navi-pf-gender {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.navi-pf-gender-opt {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 1 1 0;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1.5px solid var(--navi-reg-border);
	background: #fff;
	font-size: 0.78rem;
	font-weight: 700;
	color: #64748b;
	cursor: pointer;
	transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.navi-pf-gender-opt--wide {
	flex-basis: 100%;
}

.navi-pf-gender-opt input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.navi-pf-gender-opt .navi-pf-gender-ic {
	color: #94a3b8;
	flex-shrink: 0;
}

.navi-pf-gender-opt.is-active {
	border-color: var(--navi-reg-blue);
	color: var(--navi-reg-blue);
	background: rgba(27, 79, 182, 0.04);
}

.navi-pf-gender-opt.is-active .navi-pf-gender-ic {
	color: var(--navi-reg-blue);
}

.navi-pf-select {
	position: relative;
	border-radius: 10px;
	border: 1px solid var(--navi-reg-border);
	background: #fff;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.navi-pf-select:focus-within {
	border-color: var(--navi-reg-blue);
	box-shadow: 0 0 0 3px rgba(27, 79, 182, 0.15);
}

.navi-pf-select select {
	appearance: none;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 11px 38px 11px 14px;
	border: none;
	background: transparent;
	font: inherit;
	font-size: 0.88rem;
	color: var(--navi-ink);
	cursor: pointer;
}

.navi-pf-select select:focus {
	outline: none;
}

.navi-pf-select::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-right: 2px solid #94a3b8;
	border-bottom: 2px solid #94a3b8;
	transform: rotate(45deg);
	pointer-events: none;
}

.navi-pf-select--flag {
	display: flex;
	align-items: stretch;
}

.navi-pf-select--flag .navi-pf-flag {
	align-self: center;
	margin-left: 12px;
	flex-shrink: 0;
}

.navi-pf-select--flag select {
	padding-left: 8px;
}

.navi-pf-goals {
	margin-top: 4px;
}

.navi-pf-goals-title {
	margin: 0 0 6px;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--navi-ink);
}

.navi-pf-goals-sub {
	margin: 0 0 14px;
	font-size: 0.82rem;
	color: #64748b;
}

.navi-pf-goals-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.navi-pf-goal {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
	min-height: 118px;
	padding: 16px 12px 14px;
	border-radius: 12px;
	border: 1.5px solid var(--navi-reg-border);
	background: #fff;
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}

.navi-pf-goal:hover {
	border-color: #cbd5e1;
}

.navi-pf-goal--wide {
	grid-column: 1 / -1;
	max-width: 100%;
}

.navi-pf-goal input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.navi-pf-goal-check {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--navi-reg-blue);
	display: grid;
	place-items: center;
	opacity: 0;
	transform: scale(0.85);
	transition: opacity 0.15s, transform 0.15s;
	pointer-events: none;
}

.navi-pf-goal.is-selected {
	border-color: var(--navi-reg-blue);
	background: rgba(27, 79, 182, 0.04);
	box-shadow: 0 0 0 1px rgba(27, 79, 182, 0.06);
}

.navi-pf-goal.is-selected .navi-pf-goal-check {
	opacity: 1;
	transform: scale(1);
}

.navi-pf-goal-ic {
	color: #94a3b8;
	transition: color 0.15s;
}

.navi-pf-goal.is-selected .navi-pf-goal-ic {
	color: var(--navi-reg-blue);
}

.navi-pf-goal-label {
	font-size: 0.78rem;
	font-weight: 700;
	color: #475569;
	line-height: 1.3;
}

.navi-pf-goal.is-selected .navi-pf-goal-label {
	color: var(--navi-reg-blue);
}

.navi-reg__profil-actions {
	margin-top: 8px;
	margin-bottom: 0;
}

.navi-reg__btn-back--ghost {
	background: #fff;
}

@media (max-width: 900px) {
	.navi-pf-grid {
		grid-template-columns: 1fr;
	}

	.navi-pf-goals-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.navi-reg__profil-card-head {
		flex-direction: column;
	}

	.navi-reg__profil-badge {
		max-width: none;
	}
}

@media (max-width: 560px) {
	.navi-reg__otp {
		gap: 6px;
		justify-content: center;
	}
	.navi-reg__otp-digit {
		width: 42px;
		height: 48px;
		font-size: 1.1rem;
	}
	.navi-reg__verify-actions {
		flex-direction: column-reverse;
		align-items: stretch;
	}
	.navi-reg__btn-back,
	.navi-reg__btn-next {
		justify-content: center;
	}

	.navi-pf-goals-grid {
		grid-template-columns: 1fr;
	}

	.navi-reg__profil-actions {
		flex-direction: column-reverse;
		align-items: stretch;
	}
}

.navi-reg__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.navi-reg__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.navi-reg__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.navi-reg__field label {
	display: block;
	font-size: 0.78rem;
	font-weight: 700;
	color: #475569;
	margin-bottom: 6px;
}

.navi-reg__field input {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 14px;
	border-radius: 10px;
	border: 1px solid var(--navi-reg-border);
	background: #fff;
	font: inherit;
	font-size: 0.88rem;
	color: var(--navi-ink);
	transition: border-color 0.15s, box-shadow 0.15s;
}

.navi-reg__field input::placeholder {
	color: #94a3b8;
}

.navi-reg__field input:hover {
	border-color: #cbd5e1;
}

.navi-reg__field input:focus {
	outline: none;
	border-color: var(--navi-reg-blue);
	box-shadow: 0 0 0 3px rgba(27, 79, 182, 0.15);
}

.navi-reg__phone {
	display: flex;
	align-items: stretch;
	border-radius: 10px;
	border: 1px solid var(--navi-reg-border);
	background: #fff;
	overflow: hidden;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.navi-reg__phone:focus-within {
	border-color: var(--navi-reg-blue);
	box-shadow: 0 0 0 3px rgba(27, 79, 182, 0.15);
}

.navi-reg__phone-prefix {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	background: #f8fafc;
	border-right: 1px solid var(--navi-reg-border);
	font-size: 0.85rem;
	font-weight: 700;
	color: #475569;
	white-space: nowrap;
}

.navi-reg__flag {
	display: block;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.navi-reg__phone input {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	flex: 1;
	min-width: 0;
}

.navi-reg__pass-wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.navi-reg__pass-wrap input {
	padding-right: 46px;
}

.navi-reg__eye {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	border: none;
	background: transparent;
	border-radius: 8px;
	color: #64748b;
	cursor: pointer;
	display: grid;
	place-items: center;
	transition: background 0.15s, color 0.15s;
}

.navi-reg__eye:hover {
	background: #f1f5f9;
	color: var(--navi-reg-blue);
}

.navi-reg__rules {
	background: linear-gradient(180deg, var(--navi-reg-ice) 0%, #f0f9ff 100%);
	border: 1px solid rgba(27, 79, 182, 0.12);
	border-radius: 12px;
	padding: 14px 16px 16px;
}

.navi-reg__rules-title {
	margin: 0 0 10px;
	font-size: 0.78rem;
	font-weight: 700;
	color: #334155;
}

.navi-reg__rules-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 12px;
}

.navi-reg__rule {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.74rem;
	color: #64748b;
	font-weight: 600;
	line-height: 1.3;
	opacity: 0.55;
	transition: opacity 0.15s, color 0.15s;
}

.navi-reg__rule--ok {
	opacity: 1;
	color: #0f766e;
}

.navi-reg__rule-ic {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(27, 79, 182, 0.12);
	color: var(--navi-reg-blue);
	display: grid;
	place-items: center;
	font-size: 0.6rem;
	flex-shrink: 0;
}

.navi-reg__rule--ok .navi-reg__rule-ic {
	background: #d1fae5;
	color: #059669;
}

.navi-reg__accept {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.78rem;
	line-height: 1.45;
	color: #475569;
	cursor: pointer;
	margin-top: 4px;
}

.navi-reg__accept input {
	margin-top: 3px;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	accent-color: var(--navi-reg-blue);
}

.navi-reg__inline-link {
	color: var(--navi-reg-blue);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.navi-reg__inline-link:hover {
	color: var(--navi-reg-blue-deep);
}

.navi-reg__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin-top: 4px;
	padding: 14px 20px;
	border: none;
	border-radius: 12px;
	background: var(--navi-reg-blue);
	color: #fff !important;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 800;
	cursor: pointer;
	text-decoration: none;
	box-shadow: 0 10px 28px rgba(27, 79, 182, 0.35);
	transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}

.navi-reg__submit:hover {
	background: var(--navi-reg-blue-deep);
	transform: translateY(-1px);
	box-shadow: 0 14px 32px rgba(27, 79, 182, 0.4);
}

.navi-reg__sep {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 6px 0;
	color: #94a3b8;
	font-size: 0.78rem;
	font-weight: 600;
}

.navi-reg__sep::before,
.navi-reg__sep::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--navi-reg-border);
}

.navi-reg__social-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.navi-reg__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 10px;
	border-radius: 10px;
	border: 1px solid var(--navi-reg-border);
	background: #fff;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	color: #334155;
	cursor: not-allowed;
	opacity: 0.72;
	transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.navi-reg__social:not(:disabled):hover {
	border-color: #cbd5e1;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.navi-reg__social-logo {
	flex-shrink: 0;
}

.navi-reg__social-hint {
	margin: 0;
	font-size: 0.68rem;
	color: #94a3b8;
	text-align: center;
}

.navi-reg__ssl {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 8px 0 0;
	font-size: 0.72rem;
	color: #94a3b8;
	text-align: center;
}

.navi-reg__ssl svg {
	flex-shrink: 0;
	opacity: 0.85;
}

/* Giriş sayfası — kayıt kabuğu + wp_login_form */
.navi-reg__top--login {
	grid-template-columns: 1fr auto;
	grid-template-rows: auto auto;
	row-gap: clamp(8px, 1.5vw, 14px);
}

.navi-reg__top--login .navi-reg__brand {
	grid-column: 1;
	grid-row: 1;
}

.navi-reg__top--login .navi-reg__top-auth {
	grid-column: 2;
	grid-row: 1;
}

.navi-reg__top--login .navi-reg__login-headline {
	grid-column: 1 / -1;
	grid-row: 2;
	text-align: center;
	padding: 2px 0 10px;
	margin: 0;
	border-bottom: 1px solid var(--navi-reg-border);
}

.navi-reg__login-headline-title {
	margin: 0 0 4px;
	font-size: clamp(1.05rem, 2vw, 1.28rem);
	font-weight: 800;
	color: var(--navi-navy);
	letter-spacing: -0.02em;
}

.navi-reg__login-headline-sub {
	margin: 0;
	font-size: 0.82rem;
	color: #64748b;
	line-height: 1.45;
}

.navi-reg__ssl--login {
	justify-content: flex-start;
	text-align: left;
	max-width: 42ch;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.45;
}

.navi-reg--login #navi-loginform {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
}

.navi-reg--login #navi-loginform p {
	margin: 0;
}

.navi-reg--login #navi-loginform label {
	display: block;
	font-size: 0.78rem;
	font-weight: 700;
	color: #475569;
	margin-bottom: 6px;
}

.navi-reg--login #navi-loginform input[type="text"],
.navi-reg--login #navi-loginform input[type="password"] {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 14px;
	border-radius: 10px;
	border: 1px solid var(--navi-reg-border);
	background: #fff;
	font: inherit;
	font-size: 0.88rem;
	color: var(--navi-ink);
	transition: border-color 0.15s, box-shadow 0.15s;
}

.navi-reg--login #navi-loginform input[type="text"]:hover,
.navi-reg--login #navi-loginform input[type="password"]:hover {
	border-color: #cbd5e1;
}

.navi-reg--login #navi-loginform input[type="text"]:focus,
.navi-reg--login #navi-loginform input[type="password"]:focus {
	outline: none;
	border-color: var(--navi-reg-blue);
	box-shadow: 0 0 0 3px rgba(27, 79, 182, 0.15);
}

.navi-reg--login #navi-loginform .login-remember label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #475569;
	margin-bottom: 0;
	cursor: pointer;
}

.navi-reg--login #navi-loginform input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: var(--navi-reg-blue);
}

.navi-reg--login #navi-loginform .login-submit {
	margin-top: 2px;
}

.navi-reg--login #navi-loginform #wp-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 14px 20px;
	border: none;
	border-radius: 12px;
	background: var(--navi-reg-blue);
	color: #fff !important;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 10px 28px rgba(27, 79, 182, 0.35);
	transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}

.navi-reg--login #navi-loginform #wp-submit:hover {
	background: var(--navi-reg-blue-deep);
	transform: translateY(-1px);
	box-shadow: 0 14px 32px rgba(27, 79, 182, 0.4);
}

.navi-reg__login-links {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: flex-start;
}

.navi-reg__inline-link--muted {
	color: #64748b;
	font-weight: 600;
	text-decoration: none;
}

.navi-reg__inline-link--muted:hover {
	color: var(--navi-reg-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.navi-reg--login .navi-reg__aside {
	align-self: stretch;
	min-height: min(520px, 70vh);
}

.navi-reg--login .navi-reg__aside-inner {
	justify-content: flex-start;
	align-items: stretch;
	text-align: left;
	padding-top: clamp(4px, 1vw, 12px);
}

.navi-reg--login .navi-reg__visual-wrap {
	justify-content: center;
	min-height: 200px;
}

.navi-reg--login .navi-reg__visual-wrap > svg {
	width: 100%;
	max-width: min(440px, 100%);
	height: auto;
	display: block;
	margin: 0 auto;
	flex-shrink: 0;
	filter: drop-shadow(0 16px 36px rgba(27, 79, 182, 0.12));
}

.navi-reg--login .navi-reg__ssl--login {
	margin-top: auto;
	padding-top: clamp(18px, 2.5vw, 28px);
	max-width: none;
	text-align: center;
	justify-content: center;
}

@media (max-width: 960px) {
	.navi-reg__shell {
		padding-left: clamp(16px, 4vw, 24px);
		padding-right: clamp(16px, 4vw, 24px);
	}
	.navi-reg__top {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		text-align: center;
	}
	.navi-reg__brand {
		grid-column: 1;
		grid-row: 1;
		justify-self: center;
		align-items: center;
	}
	.navi-reg__steps {
		grid-column: 1;
		grid-row: 2;
		max-width: none;
	}
	.navi-reg__top-auth {
		grid-column: 1;
		grid-row: 3;
		justify-self: center;
		justify-content: center;
	}
	.navi-reg__top--login .navi-reg__brand {
		grid-column: 1;
		grid-row: 1;
	}
	.navi-reg__top--login .navi-reg__top-auth {
		grid-column: 1;
		grid-row: 2;
	}
	.navi-reg__top--login .navi-reg__login-headline {
		grid-column: 1;
		grid-row: 3;
	}
	.navi-reg__split {
		grid-template-columns: 1fr;
		flex: 1 1 auto;
	}
	.navi-reg__aside {
		order: 2;
		padding-bottom: 28px;
		min-height: auto;
	}
	.navi-reg__aside-inner {
		justify-content: flex-start;
		align-items: center;
		text-align: center;
	}
	.navi-reg--login .navi-reg__aside-inner {
		align-items: stretch;
		text-align: center;
	}
	.navi-reg--login .navi-reg__aside {
		min-height: 0;
	}
	.navi-reg__visual-wrap {
		min-height: 180px;
		justify-content: center;
	}
	.navi-reg__social-proof {
		margin-top: 20px;
	}
	.navi-reg__main {
		order: 1;
		justify-content: flex-start;
		padding-top: clamp(16px, 4vw, 28px);
	}
}

@media (max-width: 560px) {
	.navi-reg__row,
	.navi-reg__rules-grid,
	.navi-reg__social-row {
		grid-template-columns: 1fr;
	}
	.navi-reg__stepper {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 12px;
	}
	.navi-reg__step {
		flex: 0 0 30%;
	}
	.navi-reg__step::after {
		display: none;
	}
}

/* Müşteri paneli — ödeme modalları (kart / havale) */
.np-pay-m,
.np-pkg-m {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}
.np-pay-m[hidden],
.np-pkg-m[hidden] {
	display: none !important;
}
.np-pay-m__bg,
.np-pkg-m__bg {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.45);
	cursor: pointer;
	border: 0;
	padding: 0;
}
.np-pay-m__box,
.np-pkg-m__box {
	position: relative;
	width: 100%;
	max-width: 440px;
	max-height: 90vh;
	overflow-y: auto;
	background: #fff;
	border-radius: 14px;
	padding: 22px 22px 18px;
	box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
}
.np-pay-m__title,
.np-pkg-m__title {
	margin: 0 0 14px;
	font-size: 1.15rem;
	font-weight: 700;
	color: #0f172a;
}
.np-pay-m__opt,
.np-pkg-m__opt {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 14px;
}
.np-pay-m__btn,
.np-pkg-m__btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1px solid #e2e8f0;
	background: #f8fafc;
	font: inherit;
	cursor: pointer;
	text-align: left;
	transition: background 0.15s, border-color 0.15s;
}
.np-pay-m__btn:hover,
.np-pkg-m__btn:hover {
	background: #f1f5f9;
	border-color: #cbd5e1;
}
.np-pay-m__btn--primary {
	background: #eff6ff;
	border-color: #93c5fd;
}
.np-pay-m__bank {
	font-size: 0.88rem;
	line-height: 1.5;
	color: #334155;
	white-space: pre-wrap;
}
.np-pay-m__iyz {
	height: 22px;
	width: auto;
	margin-left: 8px;
	vertical-align: middle;
}
.np-pay-m__close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	border: 0;
	background: transparent;
	font-size: 1.4rem;
	line-height: 1;
	cursor: pointer;
	color: #64748b;
}