/* İnciSMMPanel — app-shell (koyu-gradyan, temadan bağımsız) */

.ismmp,
.ismmp * {
	box-sizing: border-box;
}

.ismmp {
	--bg: #0b1020;
	--bg2: #131a30;
	--card: #18203a;
	--card2: #1e2946;
	--line: #2a355c;
	--txt: #e7ecf7;
	--muted: #93a0c2;
	--accent: #5b54d6;
	--accent2: #3f7ae0;
	--ok: #21c17a;
	--warn: #e6b53c;
	--bad: #f0616d;
	--field: #0e1428;
	--radius: 14px;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--txt);
	line-height: 1.5;
}

/* Gündüz modunda form alanları (input/select/textarea/dropdown) beyaz. */
html[data-theme="light"] .ismmp { --field: #ffffff; }

/* ===================== AUTH ===================== */

.ismmp[data-view="auth"] {
	min-height: 78vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(1200px 600px at 20% -10%, #24306022, transparent),
		radial-gradient(900px 500px at 100% 0%, #4f8bff1a, transparent),
		linear-gradient(160deg, var(--bg), var(--bg2));
	padding: 50px 16px;
	border-radius: var(--radius);
	width: 100%;
}

.ismmp-auth {
	width: 100%;
	max-width: 400px;
	text-align: center;
}

.ismmp-auth-card {
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line);
	border-radius: 20px;
	padding: 32px 28px;
	box-shadow: 0 30px 80px -30px #000a;
}

.ismmp-brand {
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.5px;
	background: linear-gradient(90deg, var(--accent2), var(--accent));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 20px;
}

.ismmp-brand span {
	-webkit-text-fill-color: var(--txt);
	color: var(--txt);
}

.ismmp-tabs-auth {
	display: flex;
	gap: 6px;
	background: var(--field);
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 5px;
	margin-bottom: 22px;
}

.ismmp-atab {
	flex: 1;
	padding: 10px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--muted);
	font-weight: 600;
	cursor: pointer;
	transition: 0.15s;
}

.ismmp-atab.is-active {
	background: var(--accent2);
	color: #fff;
}

/* ===================== FORM ===================== */

.ismmp-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	text-align: left;
}

/* [hidden] attribute'unu class kuralı ezmesin — sekme geçişinde gizli form gizli kalsın. */
.ismmp-form[hidden] {
	display: none !important;
}

.ismmp-form label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	color: var(--muted);
	font-weight: 600;
}

.ismmp-form input,
.ismmp-form select {
	width: 100%;
	padding: 12px 14px;
	background: var(--field);
	border: 1px solid var(--line);
	border-radius: 10px;
	color: var(--txt);
	font-size: 15px;
	outline: none;
	transition: 0.15s;
}

/* Native <select> option'larında emoji render'ı için emoji fontlarını ekle. */
.ismmp select,
.ismmp select option,
.ismmp-form select,
.ismmp-form select option {
	font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
		"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif;
}

.ismmp-form input:focus,
.ismmp-form select:focus {
	border-color: var(--accent2);
	box-shadow: 0 0 0 3px #4f8bff33;
}

/* .ismmp-form dışındaki input'lar (ör. API anahtarı kutusu) da mod-uyumlu olsun. */
.ismmp-quick input,
.ismmp input[type="text"],
.ismmp input[type="search"],
.ismmp input[type="url"],
.ismmp input[type="number"] {
	background: var(--field);
	color: var(--txt);
	border: 1px solid var(--line);
	border-radius: 10px;
	padding: 11px 13px;
	outline: none;
}
#ismmp-api-key { color: var(--txt); font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }

.ismmp-btn {
	padding: 12px 18px;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: var(--card2);
	color: var(--txt);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: 0.15s;
}

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

.ismmp-btn-primary {
	background: var(--accent2);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 1px 2px #0000002e;
}
.ismmp-btn-primary:hover {
	filter: brightness(0.93);
}

.ismmp-btn-mini {
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 600;
}

.ismmp-msg {
	font-size: 13px;
	min-height: 18px;
	font-weight: 600;
}

.ismmp-msg.ok { color: var(--ok); }
.ismmp-msg.err { color: var(--bad); }

.ismmp-navbtn { position: relative; }
.ismmp-nav-badge { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--bad, #f0616d); color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }

.ismmp-captcha { margin: 12px 0 4px; display: flex; justify-content: center; }
.ismmp-auth-links { text-align: center; margin: 12px 0 0; font-size: 13px; }
.ismmp-auth-links a { color: var(--accent2); font-weight: 600; }
.ismmp-auth-check { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 9px; font-size: 12.5px; color: var(--muted); line-height: 1.5; margin: 4px 0 !important; }
.ismmp-auth-check input[type="checkbox"] { width: 18px !important; height: 18px !important; min-width: 18px; margin: 1px 0 0 !important; padding: 0 !important; flex: 0 0 auto; display: inline-block !important; accent-color: var(--accent2); }
.ismmp-auth-check span { flex: 1 1 auto; }
.ismmp-auth-check a { color: var(--accent2); font-weight: 600; }

.ismmp-verify-pending { text-align: center; padding: 6px 2px 2px; }
.ismmp-verify-ico { width: 64px; height: 64px; margin: 4px auto 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #3f7ae01f; color: var(--accent2); }
.ismmp-verify-ico svg { width: 32px; height: 32px; }
.ismmp-verify-pending h3 { margin: 0 0 10px; font-size: 20px; font-weight: 800; }
.ismmp-verify-pending p { color: var(--muted); font-size: 14px; line-height: 1.65; margin: 0 0 18px; }
.ismmp-verify-pending .ismmp-verify-email { color: var(--txt); font-weight: 700; }
.ismmp-verify-pending .ismmp-btn { width: 100%; }
#ismmp-verify-msg { margin-top: 10px; }

.ismmp-foot {
	margin-top: 18px;
	color: var(--muted);
	font-size: 13px;
}

/* Hero'ya gömülü giriş/kayıt kartı ([ismmp_auth]) */
.ismmp-embed[data-view="auth"] { min-height: auto; padding: 0; background: none; display: block; border-radius: 0; }
.ismmp-authcard {
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 26px;
	box-shadow: 0 40px 90px -50px #000;
}
.ismmp-authcard .ismmp-brand { font-size: 22px; margin-bottom: 18px; text-align: center; }
.ismmp-welcome { text-align: center; color: var(--muted); margin: 0 0 16px; }
.ismmp-balancebox {
	text-align: center; background: var(--field); border: 1px solid var(--line);
	border-radius: 12px; padding: 14px; margin-bottom: 16px; color: var(--muted); font-size: 13px;
}
.ismmp-balancebox b { display: block; font-size: 24px; color: var(--ok); margin-top: 4px; }
.ismmp-authcard .ismmp-btn { width: 100%; }

/* ===================== APP SHELL ===================== */

.ismmp[data-view="app"] {
	display: flex;
	gap: 20px;
	min-height: 82vh;
	background: radial-gradient(1000px 500px at 100% -5%, #4f8bff12, transparent),
		linear-gradient(160deg, var(--bg), var(--bg2));
	border-radius: var(--radius);
	padding: 22px;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}

.ismmp-side {
	width: 210px;
	flex: 0 0 210px;
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 18px 14px;
	display: flex;
	flex-direction: column;
	/* İçeriğe göre uzamasın; kısa kalıp scroll'da takip etsin. */
	align-self: flex-start;
	position: sticky;
	top: 80px;
	max-height: calc(100vh - 96px);
	overflow-y: auto;
}

.ismmp-side .ismmp-brand {
	font-size: 20px;
	margin-bottom: 22px;
	padding-left: 6px;
}

.ismmp-nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}

.ismmp-navbtn {
	display: flex;
	align-items: center;
	gap: 10px;
	text-align: left;
	padding: 11px 12px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--muted);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.15s;
}

.ismmp-nav-ico { width: 18px; height: 18px; flex: 0 0 18px; }

.ismmp-navbtn:hover {
	background: var(--card2);
	color: var(--txt);
}

.ismmp-navbtn.is-active {
	background: var(--accent2);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 2px 8px -4px #0006;
}
.ismmp-navbtn.is-active .ismmp-nav-ico { color: #fff; }

.ismmp-logout {
	margin-top: 14px;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	color: var(--bad);
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	border: 1px solid #f0616d33;
}

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

.ismmp-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
	flex-wrap: wrap;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 16px 18px;
}

.ismmp-topbar-lead { min-width: 0; }
.ismmp-hello { font-size: 20px; font-weight: 700; color: var(--txt); }
.ismmp-hello strong { color: var(--accent2); }
.ismmp-hello-sub { margin-top: 3px; font-size: 13px; color: var(--muted); }

.ismmp-topbar-stats { display: flex; gap: 10px; flex-wrap: wrap; }
.ismmp-qstat {
	display: flex; align-items: center; gap: 11px;
	padding: 9px 15px 9px 11px;
	background: var(--card2);
	border: 1px solid var(--line);
	border-radius: 13px;
	cursor: pointer;
	text-align: left;
	transition: border-color .15s, transform .12s, background .15s;
}
.ismmp-qstat:hover { border-color: var(--accent2); transform: translateY(-1px); }
.ismmp-qstat-ico {
	flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--field); color: var(--accent2);
}
.ismmp-qstat-ico svg { width: 19px; height: 19px; }
.ismmp-qstat-body { display: flex; flex-direction: column; line-height: 1.15; }
.ismmp-qstat-body b { font-size: 16px; font-weight: 700; color: var(--txt); }
.ismmp-qstat-body small { font-size: 11px; color: var(--muted); margin-top: 2px; }
.ismmp-qstat.is-accent {
	background: linear-gradient( 135deg, var(--accent), var(--accent2) );
	border-color: transparent;
}
.ismmp-qstat.is-accent .ismmp-qstat-ico { background: rgba(255,255,255,.18); color: #fff; }
.ismmp-qstat.is-accent .ismmp-qstat-body b,
.ismmp-qstat.is-accent .ismmp-qstat-body small { color: #fff; }
.ismmp-qstat.is-accent .ismmp-qstat-body small { opacity: .9; }

@media ( max-width: 900px ) {
	.ismmp-topbar-stats { width: 100%; }
	.ismmp-qstat { flex: 1 1 44%; }
}
@media ( max-width: 480px ) {
	.ismmp-hello { font-size: 18px; }
	.ismmp-qstat-body b { font-size: 15px; }
}

.ismmp-balance-chip {
	background: var(--field);
	border: 1px solid var(--line);
	padding: 8px 16px;
	border-radius: 30px;
	font-size: 14px;
	color: var(--muted);
}

.ismmp-balance-chip strong { color: var(--ok); }

/* ===================== PANES ===================== */

.ismmp-pane { display: none; }
.ismmp-pane.is-active { display: block; animation: ismmp-fade 0.2s ease; }

/* İç sayfalar tam genişlik — form kartları da pane'i doldurur (dar kalmasın). */
.ismmp-pane[data-pane="account"] .ismmp-order,
.ismmp-pane[data-pane="api"] .ismmp-order,
.ismmp-pane[data-pane="mass"] .ismmp-order,
.ismmp-pane[data-pane="support"] .ismmp-order { max-width: none; }

/* Hesap Ayarları — 2 kolon (profil özeti + form) */
.ismmp-account-grid { display: grid; grid-template-columns: 300px 1fr; gap: 20px; align-items: start; }
.ismmp-account-summary {
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line); border-radius: var(--radius); padding: 24px 18px; text-align: center;
}
.ismmp-avatar {
	width: 76px; height: 76px; border-radius: 50%; margin: 0 auto 14px;
	display: flex; align-items: center; justify-content: center;
	font-size: 32px; font-weight: 800; color: #fff;
	background: linear-gradient(135deg, var(--accent2), var(--accent));
}
.ismmp-account-name { font-size: 17px; font-weight: 700; }
.ismmp-account-email { color: var(--muted); font-size: 13px; margin-top: 3px; word-break: break-all; }
.ismmp-account-stats { display: flex; flex-direction: column; gap: 8px; margin-top: 18px; }
.ismmp-account-stats div {
	display: flex; justify-content: space-between; align-items: center;
	background: var(--field); border: 1px solid var(--line); border-radius: 10px; padding: 9px 13px;
}
.ismmp-account-stats span { color: var(--muted); font-size: 12.5px; }
.ismmp-account-stats b { font-size: 14px; }
.ismmp-form-sec { font-size: 14px; margin: 6px 0 2px; color: var(--txt); }
.ismmp-form-sec small { color: var(--muted); font-weight: 400; font-size: 12px; }
@media (max-width: 720px) { .ismmp-account-grid { grid-template-columns: 1fr; } }

@keyframes ismmp-fade {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: none; }
}

.ismmp-pane h2 {
	margin: 0 0 16px;
	font-size: 20px;
	color: var(--txt);
}

.ismmp-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 14px;
	margin-bottom: 20px;
}

.ismmp-card {
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 18px;
}

.ismmp-card span { color: var(--muted); font-size: 13px; }
.ismmp-card b { display: block; font-size: 26px; margin-top: 8px; }

.ismmp-quick { display: flex; gap: 10px; flex-wrap: wrap; }

.ismmp-order {
	max-width: 620px;
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 22px;
}

.ismmp-svc-meta {
	background: var(--field);
	border: 1px solid var(--line);
	border-radius: 10px;
	padding: 10px 14px;
	font-size: 13px;
	color: var(--muted);
}

.ismmp-total {
	font-size: 15px;
	color: var(--muted);
}

.ismmp-total strong { color: var(--accent2); font-size: 20px; }

/* ===================== TABLE ===================== */

.ismmp-table-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--line); }

.ismmp-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--card);
	font-size: 14px;
	min-width: 560px;
}

.ismmp-table th {
	text-align: left;
	padding: 12px 14px;
	color: var(--muted);
	font-weight: 600;
	background: var(--card2);
	border-bottom: 1px solid var(--line);
}

.ismmp-table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--line);
}

.ismmp-table tr:last-child td { border-bottom: 0; }

.ismmp-empty { text-align: center; color: var(--muted); padding: 24px; }

.ismmp-pos { color: var(--ok); }
.ismmp-neg { color: var(--bad); }

.ismmp-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	background: #ffffff12;
	color: var(--muted);
}

.ismmp-badge.s-completed,
.ismmp-badge.s-approved { background: #21c17a22; color: var(--ok); }
.ismmp-badge.s-failed,
.ismmp-badge.s-rejected { background: #f0616d22; color: var(--bad); }
.ismmp-badge.s-processing,
.ismmp-badge.s-in_progress { background: #4f8bff22; color: var(--accent2); }
.ismmp-badge.s-pending,
.ismmp-badge.s-partial { background: #e6b53c22; color: var(--warn); }
.ismmp-badge.s-canceled,
.ismmp-badge.s-refunded,
.ismmp-badge.s-error,
.ismmp-badge.s-expired { background: #f0616d22; color: var(--bad); }
.ismmp-badge.s-active { background: #21c17a22; color: var(--ok); }
.ismmp-badge.s-paused { background: #e6b53c22; color: var(--warn); }

/* Tahmini tamamlanma süresi */
.ismmp-eta {
	display: flex; align-items: center; gap: 8px;
	margin-top: 10px; padding: 9px 12px;
	background: var(--card2); border: 1px solid var(--line); border-radius: 10px;
	font-size: 13px; color: var(--muted);
}
.ismmp-eta svg { width: 16px; height: 16px; color: var(--accent2); }
.ismmp-eta strong { color: var(--txt); }
.ismmp-eta-sm { font-size: 11px; color: var(--muted); margin-top: 3px; white-space: nowrap; }
.ismmp-svc-speed { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }

/* Abonelik formu */
.ismmp-sub-hint { font-size: 12px; color: var(--muted); margin: -4px 0 4px; }
.ismmp-sub-total { font-size: 15px; color: var(--txt); margin: 6px 0 4px; }
.ismmp-sub-total strong { color: var(--accent2); font-size: 17px; }

/* Sayfalama (iç sayfa) */
.ismmp-pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: 14px;
}
.ismmp-page-btn {
	min-width: 34px;
	height: 34px;
	padding: 0 9px;
	border: 1px solid var(--line);
	background: var(--card2);
	color: var(--txt);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background .15s, border-color .15s;
}
.ismmp-page-btn:hover:not(:disabled):not(.is-active) { border-color: var(--accent2); }
.ismmp-page-btn.is-active {
	background: var(--accent2);
	border-color: var(--accent2);
	color: #fff;
	cursor: default;
}
.ismmp-page-btn:disabled { opacity: .4; cursor: default; }
.ismmp-page-gap { padding: 0 2px; color: var(--muted); }
.ismmp-page-info { margin-left: auto; color: var(--muted); font-size: 12px; }
@media ( max-width: 560px ) {
	.ismmp-page-info { margin-left: 0; width: 100%; order: -1; }
}

/* Servis güncelleme rozetleri */
.ismmp-upd { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; }
.ismmp-upd.up { background: #f0616d22; color: var(--bad); }
.ismmp-upd.down { background: #21c17a22; color: var(--ok); }
.ismmp-upd.new { background: #4f8bff22; color: var(--accent2); }
.ismmp-upd.off { background: var(--card2); color: var(--muted); }
.ismmp-updates-table small { color: var(--muted); margin-left: 8px; font-weight: 600; }

.ismmp-soon {
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px dashed var(--line);
	border-radius: var(--radius);
	padding: 28px;
	text-align: center;
}

.ismmp-muted { color: var(--muted); font-size: 13px; }

/* ===================== PUBLIC SERVİS LİSTESİ ===================== */

.ismmp[data-view="services"] { width: 100%; color: var(--txt); }

.ismmp-slist-head { text-align: center; margin-bottom: 22px; }
.ismmp-slist-head h2 { font-size: 26px; margin: 0 0 8px; }
.ismmp-slist-head p { color: var(--muted); margin: 0; font-size: 14px; }

.ismmp-slist-tools {
	display: flex;
	gap: 10px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}
.ismmp-slist-tools input,
.ismmp-slist-tools select {
	padding: 11px 14px;
	background: var(--field);
	border: 1px solid var(--line);
	border-radius: 10px;
	color: var(--txt);
	font-size: 14px;
	outline: none;
}
.ismmp-slist-tools input { flex: 1; min-width: 200px; }
.ismmp-slist-tools input:focus,
.ismmp-slist-tools select:focus { border-color: var(--accent2); box-shadow: 0 0 0 3px #4f8bff33; }

/* ===================== TOPBAR / ANNOUNCE ===================== */

.ismmp-topbar-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* Mobil menü butonu (hamburger) — masaüstünde gizli. */
.ismmp-menu-toggle {
	display: none;
	flex-direction: column; justify-content: center; gap: 4px;
	width: 42px; height: 40px; padding: 0 10px;
	background: var(--field); border: 1px solid var(--line); border-radius: 10px; cursor: pointer;
	flex: 0 0 auto;
}
.ismmp-menu-toggle span { display: block; height: 2px; background: var(--txt); border-radius: 2px; }

.ismmp-announce {
	display: block;
	text-align: center;
	background: var(--accent2);
	color: #fff;
	font-weight: 600;
	font-size: 13.5px;
	padding: 11px 16px;
	border-radius: 12px;
	margin-bottom: 18px;
	text-decoration: none;
}
a.ismmp-announce:hover { filter: brightness(1.08); }

/* Sipariş formu — sade düzen */
.ismmp-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ismmp-svc-info {
	display: flex; flex-wrap: wrap; gap: 8px;
	padding: 4px 0 2px;
}
.ismmp-chip-info {
	display: inline-flex; align-items: center; gap: 6px;
	background: var(--field); border: 1px solid var(--line);
	border-radius: 8px; padding: 6px 11px; font-size: 12.5px; color: var(--txt);
}
.ismmp-chip-info i { font-style: normal; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .3px; }
.ismmp-hint { color: var(--muted); font-size: 12px; margin-top: 2px; }
.ismmp-total-box {
	display: flex; flex-direction: column; justify-content: center;
	background: var(--field); border: 1px solid var(--line); border-radius: 10px; padding: 8px 14px;
}
.ismmp-total-box span { color: var(--muted); font-size: 12px; }
.ismmp-total-box strong { color: var(--accent2); font-size: 20px; line-height: 1.2; }

/* ===== Zengin özel dropdown (v9 — turkpaneli format: logo + ID pill + fiyat) ===== */
.ismmp-fl { display: block; margin-bottom: 14px; }
.ismmp-fl-lab { display: block; font-size: 13px; color: var(--muted); font-weight: 600; margin-bottom: 6px; }

.ismmp-dd { position: relative; }
.ismmp-dd-btn {
	width: 100%; display: flex; align-items: center; gap: 10px;
	text-align: left; padding: 11px 14px;
	background: var(--field); border: 1px solid var(--line); border-radius: 10px;
	color: var(--txt); font-size: 15px; cursor: pointer;
	font-family: -apple-system, "Segoe UI", Roboto, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}
.ismmp-dd-btn:disabled { cursor: default; opacity: .7; }
.ismmp-dd-cur { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ismmp-dd-btn.is-placeholder .ismmp-dd-cur { color: var(--muted); }
.ismmp-dd-caret { flex: 0 0 auto; width: 18px; height: 18px; color: var(--muted); transition: transform .18s; }
.ismmp-dd.open .ismmp-dd-caret { transform: rotate(180deg); }
.ismmp-dd.open .ismmp-dd-btn { border-color: var(--accent2); box-shadow: 0 0 0 3px #4f8bff33; }

.ismmp-dd-panel {
	display: none;
	position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 70;
	max-height: 380px; overflow-y: auto;
	background: var(--card); border: 1px solid var(--line); border-radius: 12px;
	box-shadow: 0 30px 70px -20px #000c;
}
.ismmp-dd.open .ismmp-dd-panel { display: block; }

.ismmp-dd-opt {
	display: flex; align-items: center; gap: 10px;
	padding: 10px 14px; cursor: pointer; border-bottom: 1px solid var(--line);
	font-size: 14px; line-height: 1.35;
	font-family: -apple-system, "Segoe UI", Roboto, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}
.ismmp-dd-opt:last-child { border-bottom: 0; }
.ismmp-dd-opt:hover { background: #4f8bff1f; }
.ismmp-dd-empty { padding: 14px; color: var(--muted); font-size: 14px; text-align: center; }

/* Kategori seçeneği: platform logosu + ad */
.ismmp-dd-ico { flex: 0 0 auto; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 7px; background: var(--field); border: 1px solid var(--line); }
.ismmp-dd-svg { width: 16px; height: 16px; }
.ismmp-dd-ico.p-instagram { color: #e1306c; }
.ismmp-dd-ico.p-youtube { color: #ff3b3b; }
.ismmp-dd-ico.p-facebook { color: #1877f2; }
.ismmp-dd-ico.p-telegram { color: #24a1de; }
.ismmp-dd-ico.p-spotify { color: #1db954; }
.ismmp-dd-ico.p-linkedin { color: #0a66c2; }
.ismmp-dd-ico.p-discord { color: #5865f2; }
.ismmp-dd-ico.p-pinterest { color: #e60023; }
.ismmp-dd-ico.p-twitch { color: #9146ff; }
.ismmp-dd-ico.p-reddit { color: #ff4500; }
.ismmp-dd-ico.p-snapchat { color: #f7c800; background: #111; border-color: #333; }
.ismmp-dd-ico.p-whatsapp { color: #25d366; }
.ismmp-dd-ico.p-kick { color: #53fc18; background: #111; border-color: #333; }
.ismmp-dd-name { flex: 1 1 auto; min-width: 0; }

/* Servis seçeneği: gri ID pill + emoji ad + fiyat */
.ismmp-dd-pill {
	flex: 0 0 auto; display: inline-block; padding: 2px 8px; border-radius: 6px;
	background: #64748b33; color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .2px;
}
.ismmp-dd-svc .ismmp-dd-name { white-space: normal; }
.ismmp-dd-price { flex: 0 0 auto; margin-left: auto; font-weight: 700; color: var(--accent2); white-space: nowrap; }
.ismmp-dd-btn .ismmp-dd-pill { flex: 0 0 auto; }

/* Mobil: panel yeterince geniş + öğeler okunur (4-5 satıra düşmesin) */
@media ( max-width: 640px ) {
	.ismmp-dd-panel { max-height: 60vh; }
	.ismmp-dd-opt { padding: 12px 12px; font-size: 13.5px; }
	.ismmp-dd-price { width: 100%; margin-left: 36px; margin-top: 2px; }
	.ismmp-dd-svc { flex-wrap: wrap; }
}

/* ===================== YENİ SİPARİŞ (2 kolon) ===================== */

.ismmp-order-grid { display: grid; grid-template-columns: 1fr 340px; gap: 20px; align-items: start; }
.ismmp-order-main { min-width: 0; }
.ismmp-order-main .ismmp-order { max-width: none; }

.ismmp-plat-filter {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 8px;
	margin-bottom: 18px;
}
.ismmp-plat {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: var(--card);
	color: var(--muted);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.15s;
}
.ismmp-plat:hover { border-color: #38477e; color: var(--txt); }
.ismmp-plat.is-active { background: var(--accent2); color: #fff; border-color: transparent; }
.ismmp-plat-ico { width: 18px; height: 18px; flex: 0 0 18px; }
.ismmp-plat.is-active .ismmp-plat-ico { color: #fff; }
.ismmp-plat.p-instagram .ismmp-plat-ico { color: #e1306c; }
.ismmp-plat.p-youtube .ismmp-plat-ico { color: #ff3b3b; }
.ismmp-plat.p-tiktok .ismmp-plat-ico { color: #25f4ee; }
.ismmp-plat.p-facebook .ismmp-plat-ico { color: #4f8bff; }
.ismmp-plat.p-telegram .ismmp-plat-ico { color: #38a6e6; }
.ismmp-plat.p-spotify .ismmp-plat-ico { color: #21c17a; }
.ismmp-plat.p-linkedin .ismmp-plat-ico { color: #0a66c2; }
.ismmp-plat.p-discord .ismmp-plat-ico { color: #5865f2; }
.ismmp-plat.p-pinterest .ismmp-plat-ico { color: #e60023; }
.ismmp-plat.p-twitch .ismmp-plat-ico { color: #9146ff; }
.ismmp-plat.p-reddit .ismmp-plat-ico { color: #ff4500; }
.ismmp-plat.p-snapchat .ismmp-plat-ico { color: #f7c800; }
.ismmp-plat.p-whatsapp .ismmp-plat-ico { color: #25d366; }
.ismmp-plat.p-kick .ismmp-plat-ico { color: #53fc18; }
.ismmp-plat.is-active .ismmp-plat-ico { color: #fff; }

.ismmp-svc-desc {
	background: var(--field);
	border: 1px solid var(--line);
	border-radius: 12px;
	overflow: hidden;
}
.ismmp-svc-desc-head {
	background: var(--card2);
	padding: 10px 14px;
	font-weight: 700;
	font-size: 13px;
	color: var(--txt);
	border-bottom: 1px solid var(--line);
}
.ismmp-svc-desc-body { padding: 14px; font-size: 13.5px; color: var(--muted); line-height: 1.7; }

.ismmp-btn-block { width: 100%; }

.ismmp-tips {
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 20px;
	font-size: 13.5px;
	color: var(--muted);
	line-height: 1.7;
	position: sticky;
	top: 16px;
}
.ismmp-tips p { margin: 0 0 12px; }
.ismmp-tips p:last-child { margin-bottom: 0; }

/* ===================== TOPLU SİPARİŞ ===================== */

.ismmp-order textarea,
.ismmp-form textarea {
	width: 100%;
	padding: 12px 14px;
	background: var(--field);
	border: 1px solid var(--line);
	border-radius: 10px;
	color: var(--txt);
	font-size: 14px;
	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	outline: none;
	resize: vertical;
}
.ismmp-form textarea:focus { border-color: var(--accent2); box-shadow: 0 0 0 3px #4f8bff33; }
.ismmp-mass-results { margin-top: 16px; display: flex; flex-direction: column; gap: 6px; }
.ismmp-massrow { font-size: 13px; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--line); word-break: break-all; }
.ismmp-massrow.ok { background: #21c17a14; border-color: #21c17a44; color: var(--ok); }
.ismmp-massrow.err { background: #f0616d14; border-color: #f0616d44; color: var(--bad); }

/* ===================== SİPARİŞLER TOOLS ===================== */

.ismmp-orders-tools { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.ismmp-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.ismmp-chip {
	padding: 7px 14px; border: 1px solid var(--line); border-radius: 20px;
	background: var(--card); color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer; transition: 0.15s;
}
.ismmp-chip:hover { color: var(--txt); }
.ismmp-chip.is-active { background: var(--accent2); color: #fff; border-color: transparent; }
.ismmp-orders-tools input[type="search"] {
	padding: 9px 14px; background: var(--field); border: 1px solid var(--line); border-radius: 10px;
	color: var(--txt); font-size: 14px; outline: none; min-width: 200px;
}
.ismmp-cell-link { max-width: 220px; }
.ismmp-cell-link a { color: var(--accent2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 100%; vertical-align: bottom; }

/* ===================== BAKİYE / YÖNTEMLER ===================== */

.ismmp-methods { display: flex; gap: 12px; flex-wrap: wrap; margin: 14px 0 18px; }
.ismmp-method {
	flex: 1 1 140px; min-width: 130px; text-align: left; cursor: pointer;
	display: flex; flex-direction: column; gap: 3px;
	padding: 13px 16px; border: 1px solid var(--line); border-radius: 12px;
	background: linear-gradient(180deg, var(--card2), var(--card));
	color: inherit; font: inherit; transition: border-color .15s, transform .1s;
}
.ismmp-method:hover { border-color: #ffffff33; }
.ismmp-method.is-active { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.ismmp-method-name { font-weight: 700; }
.ismmp-method-sub { font-size: 12px; color: var(--muted); }

/* Bakiye Ekle yerleşimi */
.ismmp-fund { display: flex; flex-direction: column; gap: 18px; }
.ismmp-fund-form { max-width: 100%; display: flex; flex-direction: column; gap: 18px; }

/* Tutar alanı */
.ismmp-amount label { display: block; font-size: 13px; color: var(--muted); font-weight: 600; margin-bottom: 8px; }
.ismmp-amount-box { position: relative; }
.ismmp-amount-box input {
	width: 100%; padding: 16px 46px 16px 18px;
	background: var(--field); border: 1px solid var(--line); border-radius: 12px;
	color: var(--txt); font-size: 24px; font-weight: 700; outline: none; transition: .15s;
	-moz-appearance: textfield;
}
.ismmp-amount-box input::-webkit-outer-spin-button,
.ismmp-amount-box input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ismmp-amount-box input:focus { border-color: var(--accent2); box-shadow: 0 0 0 3px #4f8bff33; }
.ismmp-amount-cur { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 700; color: var(--muted); pointer-events: none; }
.ismmp-amount-presets { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.ismmp-preset {
	cursor: pointer; padding: 7px 14px; border: 1px solid var(--line); border-radius: 20px;
	background: var(--card2); color: var(--muted); font-size: 13px; font-weight: 600; transition: .15s;
}
.ismmp-preset:hover { color: var(--txt); border-color: var(--accent2); }
.ismmp-preset.is-active { color: #fff; border-color: var(--accent); background: var(--accent); }
.ismmp-amount small { display: block; margin-top: 8px; }

/* Ödeme çerçevesi (Shopier/PayTR iframe) — tam genişlik */
.ismmp-fund-block { margin-top: 2px; }
.ismmp-payframe {
	max-width: 900px; border: 1px solid var(--line); border-radius: 14px;
	overflow: hidden; background: var(--bg); box-shadow: 0 10px 40px #0006;
}
.ismmp-payframe-bar { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--muted); background: var(--card2); }
.ismmp-payframe-bar span { flex: 1; min-width: 0; font-weight: 600; }
.ismmp-payframe iframe { width: 100%; height: 800px; border: 0; display: block; background: #fff; }
@media (max-width: 640px) { .ismmp-payframe iframe { height: 640px; } }

/* ===================== DESTEK / TICKET ===================== */

.ismmp-trow { cursor: pointer; }
.ismmp-trow:hover td { background: #ffffff08; }
.ismmp-thread { display: flex; flex-direction: column; gap: 10px; margin: 16px 0; }
.ismmp-msgrow { padding: 12px 14px; border-radius: 12px; font-size: 14px; max-width: 88%; }
.ismmp-msgrow.me { background: #4f8bff1a; border: 1px solid #4f8bff33; align-self: flex-end; }
.ismmp-msgrow.staff { background: var(--card2); border: 1px solid var(--line); align-self: flex-start; }
.ismmp-msg-meta { font-size: 11px; color: var(--muted); margin-bottom: 6px; font-weight: 600; }
.ismmp-msgrow p { margin: 0; }
.ismmp-msg-att { margin-top: 8px; }
.ismmp-msg-att a { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--accent2); font-weight: 600; }

/* Destek — bilgi kutusu, kategori, dosya ekleme */
.ismmp-support-note {
	display: flex; gap: 12px; align-items: flex-start;
	background: linear-gradient( 135deg, var(--accent2) 12%, transparent ), var(--card2);
	background-blend-mode: soft-light, normal;
	border: 1px solid var(--line); border-left: 3px solid var(--accent2);
	border-radius: 12px; padding: 14px 16px; margin-bottom: 18px;
	color: var(--txt); font-size: 14px; line-height: 1.55;
}
.ismmp-support-note-ico { flex: 0 0 auto; color: var(--accent2); }
.ismmp-support-note-ico svg { width: 22px; height: 22px; }
.ismmp-ticket-upload { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 4px 0 6px; }
.ismmp-ticket-file-name { font-size: 13px; color: var(--muted); }
.ismmp-ticket-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: -4px 0 10px; }
.ismmp-ticket-cat-chip {
	display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600;
	background: var(--field); border: 1px solid var(--line); color: var(--muted);
}

/* ===================== GRUPLU SERVİS LİSTESİ ===================== */

.ismmp-svc-list { --svc-cols: 34px 60px minmax(0,1fr) 130px 74px 88px 108px; }
.ismmp-svc-list.ismmp-eta-on { --svc-cols: 34px 60px minmax(0,1fr) 120px 68px 80px 130px 100px; }
.ismmp-svc-ctime { color: var(--accent2); font-size: 13px; font-weight: 600; }
.ismmp-svc-platfilter { margin-bottom: 14px; }

.ismmp-svc-thead {
	display: grid;
	grid-template-columns: var(--svc-cols);
	gap: 10px;
	padding: 10px 14px;
	color: var(--muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .3px;
}

.ismmp-svc-groups { display: flex; flex-direction: column; gap: 16px; }

.ismmp-svc-group {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--card);
}

.ismmp-svc-grouphead {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	background: linear-gradient(90deg, #2a355c, #222c4d);
	border-bottom: 1px solid var(--line);
}
.ismmp-grouphead-ico { width: 20px; height: 20px; flex: 0 0 20px; }
.ismmp-grouphead-name { flex: 1; min-width: 0; }
.ismmp-grouphead-count { font-size: 12px; font-weight: 600; opacity: .85; background: #ffffff1f; padding: 3px 10px; border-radius: 20px; }

/* Platform renkli grup başlıkları */
.ismmp-svc-grouphead.p-instagram { background: linear-gradient(90deg, #7a2a63, #b0357a); }
.ismmp-svc-grouphead.p-youtube   { background: linear-gradient(90deg, #7a2323, #c23030); }
.ismmp-svc-grouphead.p-tiktok    { background: linear-gradient(90deg, #135c5a, #1c7f7a); }
.ismmp-svc-grouphead.p-facebook  { background: linear-gradient(90deg, #21406e, #2f5aa0); }
.ismmp-svc-grouphead.p-telegram  { background: linear-gradient(90deg, #1c5478, #2a7fb0); }
.ismmp-svc-grouphead.p-x         { background: linear-gradient(90deg, #2a2f3d, #3a4152); }
.ismmp-svc-grouphead.p-spotify   { background: linear-gradient(90deg, #146c47, #1c9160); }

.ismmp-svc-row {
	display: grid;
	grid-template-columns: var(--svc-cols);
	gap: 10px;
	align-items: center;
	padding: 11px 14px;
	border-bottom: 1px solid var(--line);
	font-size: 14px;
}
.ismmp-svc-group .ismmp-svc-row:last-child { border-bottom: 0; }
.ismmp-svc-row:hover { background: #ffffff06; }
.ismmp-svc-cname { font-weight: 500; min-width: 0; }
.ismmp-svc-cprice strong { color: var(--txt); }
.ismmp-svc-cmin, .ismmp-svc-cmax { color: var(--muted); }

.ismmp-fav {
	background: none; border: 0; cursor: pointer; font-size: 18px; line-height: 1;
	color: #47517a; padding: 0; transition: .15s; justify-self: center;
}
.ismmp-fav:hover { color: var(--warn); transform: scale(1.15); }
.ismmp-fav.is-fav { color: var(--warn); }

.ismmp-view { justify-self: end; white-space: nowrap; }

/* Görüntüle modal */
.ismmp-modal {
	position: fixed; inset: 0; z-index: 9999;
	background: rgba(4, 7, 15, 0.8);
	display: flex; align-items: center; justify-content: center; padding: 20px;
}
.ismmp-modal[hidden] { display: none; }
.ismmp-modal-box {
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line);
	border-radius: 16px;
	max-width: 560px; width: 100%; max-height: 82vh; overflow: auto;
	padding: 24px; position: relative;
	box-shadow: 0 40px 90px -30px #000;
}
.ismmp-modal-close {
	position: absolute; top: 12px; right: 14px;
	background: none; border: 0; color: var(--muted); font-size: 26px; line-height: 1; cursor: pointer;
}
.ismmp-modal-close:hover { color: var(--txt); }
.ismmp-modal-title { margin: 0 0 14px; font-size: 18px; padding-right: 30px; }
.ismmp-modal-body { color: var(--muted); font-size: 14px; line-height: 1.8; white-space: normal; }

/* ===================== RESPONSIVE ===================== */

@media (max-width: 980px) {
	.ismmp-order-grid { grid-template-columns: 1fr; }
	/* Açıklama/ipuçları paneli içeriğin ALTINA. */
	.ismmp-tips { position: static; order: 2; }
	.ismmp-order-main { order: 1; }
}

@media (max-width: 900px) {
	.ismmp[data-view="app"] {
		flex-direction: column;
		padding: 14px;
		gap: 14px;
		position: relative;
	}
	/* Menü + bakiye artık tema header'ında; panel içi kopyaları gizle. */
	.ismmp-menu-toggle { display: none; }
	.ismmp-topbar .ismmp-balance-chip { display: none; }
	/* Menü hamburger arkasında (turkpaneli tarzı) — açılınca overlay. */
	.ismmp-side {
		display: none;
		position: absolute; top: 58px; left: 14px; right: 14px; z-index: 50;
		width: auto; flex: none; padding: 12px;
		box-shadow: 0 30px 70px -18px #000d;
	}
	.ismmp[data-view="app"].nav-open .ismmp-side { display: flex; flex-direction: column; }
	.ismmp-side .ismmp-brand { display: none; }
	.ismmp-nav {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
	.ismmp-navbtn {
		justify-content: flex-start;
		white-space: normal;
		background: var(--field);
		border: 1px solid var(--line);
		font-size: 13px;
		line-height: 1.25;
	}
	.ismmp-navbtn.is-active { border-color: transparent; }
	.ismmp-logout { margin-top: 12px; }
}

/* Tablolar: dar ekranda satırları kart olarak diz (yatay kaydırma yerine). */
@media (max-width: 782px) {
	.ismmp,
	.ismmp[data-view="services"],
	.ismmp-slist { max-width: 100%; overflow-x: hidden; }
	.ismmp-table-wrap { border: 0; overflow: visible; }
	.ismmp-table { min-width: 0; width: 100%; background: transparent; font-size: 13.5px; display: block; }
	.ismmp-table thead { display: none; }
	.ismmp-table tbody { display: block; width: 100%; }
	.ismmp-table tr {
		display: block;
		width: 100%;
		background: linear-gradient(180deg, var(--card2), var(--card));
		border: 1px solid var(--line);
		border-radius: var(--radius);
		margin-bottom: 12px;
		padding: 6px 4px;
	}
	.ismmp-table td {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		gap: 14px;
		border-bottom: 1px solid var(--line);
		padding: 10px 14px;
		text-align: right;
		word-break: break-word;
		overflow-wrap: anywhere;
	}
	.ismmp-table tr td:last-child { border-bottom: 0; }
	.ismmp-table td::before {
		content: attr(data-label);
		color: var(--muted);
		font-weight: 600;
		font-size: 12px;
		text-align: left;
		flex: 0 0 40%;
		max-width: 40%;
	}
	.ismmp-table td.ismmp-empty { display: block; text-align: center; }
	.ismmp-table td.ismmp-empty::before { content: ""; }
	.ismmp-cell-link { max-width: none; }
	.ismmp-cell-link a { white-space: normal; max-width: 60%; }

	/* Public servis listesi başlık/araçlar */
	.ismmp[data-view="services"] { padding: 0; }
	.ismmp-slist-head h2 { font-size: 22px; }
	.ismmp-slist-tools { flex-direction: column; }
	.ismmp-slist-tools input,
	.ismmp-slist-tools select { width: 100%; min-width: 0; }

	.ismmp[data-view="auth"] { padding: 28px 12px; }
	.ismmp-auth-card { padding: 26px 18px; }
	.ismmp-authcard { padding: 22px 16px; }
	.ismmp-order { padding: 18px; }
	.ismmp-field-row { grid-template-columns: 1fr; }

	/* Gruplu servis satırları → kart */
	.ismmp-svc-thead { display: none; }
	.ismmp-svc-row {
		display: block;
		position: relative;
		padding: 14px 14px 14px 42px;
	}
	.ismmp-fav { position: absolute; left: 12px; top: 14px; font-size: 20px; }
	.ismmp-svc-cname { display: block; font-size: 15px; font-weight: 600; margin-bottom: 8px; }
	.ismmp-svc-cname::before { content: ""; }
	.ismmp-svc-cid,
	.ismmp-svc-cprice,
	.ismmp-svc-cmin,
	.ismmp-svc-cmax {
		display: flex; justify-content: space-between; gap: 12px;
		font-size: 13px; padding: 5px 0; border-top: 1px solid var(--line);
	}
	.ismmp-svc-cid::before,
	.ismmp-svc-cprice::before,
	.ismmp-svc-cmin::before,
	.ismmp-svc-cmax::before {
		content: attr(data-label); color: var(--muted); font-weight: 600;
	}
	.ismmp-view { display: block; width: 100%; margin-top: 10px; justify-self: stretch; }
}

/* ===================== HAVALE / BANKA BİLGİSİ ===================== */
.ismmp-bank {
	background: linear-gradient(180deg, var(--card2), var(--card));
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 14px 16px;
	margin: 6px 0 14px;
}
.ismmp-bank-row {
	display: flex; justify-content: space-between; gap: 14px; align-items: baseline;
	padding: 8px 0; border-bottom: 1px solid var(--line);
}
.ismmp-bank-row:last-of-type { border-bottom: 0; }
.ismmp-bank-row span { color: var(--muted); font-size: 13px; }
.ismmp-bank-row b { font-weight: 700; text-align: right; word-break: break-word; }
.ismmp-bank-row .ismmp-iban { cursor: pointer; letter-spacing: .5px; font-variant-numeric: tabular-nums; }
.ismmp-bank-row .ismmp-iban:hover { color: var(--accent2); }
.ismmp-bank-note { color: var(--muted); font-size: 13px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line); }