/* ===============================================================
   ژورنال معاملاتی — طراحی کامل
   از متغیرهای CSS سایت استفاده می‌کنه (style.css)
   =============================================================== */

/* یکدست کردن فونت برای همه دکمه‌ها و عناصر تعاملی */
.kp-journal-form button,
.kp-journal-form input,
.kp-journal-form select,
.kp-journal-form textarea,
.kp-journal-form label,
.kp-audio-box button,
.kp-audio-box label,
.kp-rec-btn,
.kp-rec-stop,
.kp-audio-remove,
.kp-audio-upload__label,
.kp-audio-upload__btn {
	font-family: 'Vazirmatn', Tahoma, sans-serif;
}

/* ---------- هدر معرفی ---------- */
.kp-journal-intro { max-width: 600px; margin: 0 auto; text-align: center; }
.kp-journal-intro p { color: var(--ink-light); font-size: 14px; line-height: 1.9; }

/* ---------- فرم اصلی ---------- */
.kp-journal-form {
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 14px;
	padding: 32px 36px;
}

.kp-form-section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--muted);
	text-transform: uppercase;
	margin: 32px 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border);
}
.kp-form-section-title:first-child { margin-top: 0; }
.kp-form-section-title i { font-size: 16px; color: var(--accent-dark); }

/* ---------- گرید فیلدها ---------- */
.kp-form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}
@media (max-width: 560px) { .kp-form-grid { grid-template-columns: 1fr; } }

.kp-field { display: flex; flex-direction: column; gap: 7px; }
.kp-field--full { grid-column: 1 / -1; }

.kp-field label {
	font-size: 13px;
	font-weight: 700;
	color: var(--ink);
}
.kp-optional { font-weight: 400; color: var(--muted); font-size: 12px; margin-right: 4px; }

.kp-field input[type="text"],
.kp-field input[type="number"],
.kp-field input[type="date"],
.kp-field input[type="email"],
.kp-field select,
.kp-field textarea {
	width: 100%;
	border: 1.5px solid var(--border-strong);
	border-radius: 10px;
	padding: 10px 14px;
	font-family: inherit;
	font-size: 14px;
	background: var(--bg-soft);
	color: var(--ink);
	transition: border-color .18s, box-shadow .18s, background .18s;
	box-sizing: border-box;
}
.kp-field input:focus,
.kp-field select:focus,
.kp-field textarea:focus {
	outline: none;
	border-color: var(--accent-dark);
	background: var(--bg);
	box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .1);
}
.kp-field textarea { resize: vertical; min-height: 96px; line-height: 1.8; }

.kp-field input[type="file"] {
	border: 1.5px dashed var(--border-strong);
	border-radius: 10px;
	padding: 10px 14px;
	background: var(--bg-soft);
	font-size: 13px;
	cursor: pointer;
}
.kp-field input[type="file"]:hover { border-color: var(--accent-dark); }

/* ---------- رادیو جهت معامله ---------- */
.kp-radio-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.kp-radio-row__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1.5px solid var(--border-strong);
	border-radius: 10px;
	padding: 12px 16px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	background: var(--bg-soft);
	transition: all .2s ease;
	user-select: none;
}
.kp-radio-row__item input { display: none; }
.kp-radio-row__item i { font-size: 18px; transition: transform .2s; }

.kp-radio-row__item--buy { color: var(--candle-up); }
.kp-radio-row__item--buy:has(input:checked) {
	background: rgba(22,163,74,.1);
	border-color: var(--candle-up);
	box-shadow: 0 0 0 3px rgba(22,163,74,.08);
}
.kp-radio-row__item--sell { color: var(--candle-down); }
.kp-radio-row__item--sell:has(input:checked) {
	background: rgba(220,38,38,.08);
	border-color: var(--candle-down);
	box-shadow: 0 0 0 3px rgba(220,38,38,.07);
}
.kp-radio-row__item:hover { border-color: var(--accent-dark); transform: translateY(-1px); }
.kp-radio-row__item:has(input:checked) i { transform: scale(1.15); }

/* ---------- هینت ایمیل ---------- */
.kp-email-hint {
	font-size: 12px;
	color: var(--muted);
	line-height: 1.7;
	padding: 8px 12px;
	border-radius: 8px;
	background: var(--bg-soft);
	border: 1px solid var(--border);
}

/* ---------- دکمه ثبت ---------- */
.kp-journal-form .btn {
	margin-top: 28px;
	width: 100%;
	padding: 13px;
	font-size: 15px;
	font-weight: 700;
	gap: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kp-journal-form .btn i { font-size: 18px; }

/* ---------- لینک آرشیو ---------- */
.kp-journal-link {
	text-align: center;
	margin-top: 20px;
	font-size: 13px;
}
.kp-journal-link a { color: var(--ink-light); text-decoration: none; }
.kp-journal-link a:hover { color: var(--accent-dark); }

/* ===============================================================
   کارت نتیجه (بعد از ثبت موفق)
   =============================================================== */
.kp-result-card {
	margin-top: 28px;
	background: var(--bg-card);
	border: 1.5px solid var(--border);
	border-radius: 14px;
	overflow: hidden;
	animation: kp-fade-up .3s ease both;
}
@keyframes kp-fade-up {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: translateY(0); }
}

.kp-result-card__head {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 24px;
	border-bottom: 1px solid var(--border);
	background: var(--bg-soft);
}
.kp-result-card__head h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	margin: 0;
}

.kp-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	padding: 7px 12px;
	border-radius: 20px;
	width: fit-content;
	font-weight: 600;
}
.kp-badge--ok   { background: rgba(22,163,74,.1);  color: var(--edu-green); border: 1px solid rgba(22,163,74,.2); }
.kp-badge--warn { background: rgba(201,151,31,.12); color: var(--vip-gold);  border: 1px solid rgba(201,151,31,.2); }

.kp-result-card__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 0;
	padding: 0;
}
.kp-result-card__grid > div {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px 20px;
	border-left: 1px solid var(--border);
}
.kp-result-card__grid > div:last-child { border-left: none; }
.kp-result-card__grid span { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.kp-result-card__grid b   { font-size: 16px; color: var(--ink); }

.kp-result-card__actions {
	display: flex;
	gap: 12px;
	padding: 18px 24px;
	border-top: 1px solid var(--border);
	background: var(--bg-soft);
	flex-wrap: wrap;
}
.kp-result-card__actions .btn {
	margin-top: 0;
	flex: 1;
	min-width: 150px;
	gap: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ---------- رنگ سود/زیان ---------- */
.is-profit { color: var(--candle-up) !important; }
.is-loss   { color: var(--candle-down) !important; }

/* ===============================================================
   صفحه آرشیو
   =============================================================== */
.kp-archive-hero { max-width: 560px; margin: 0 auto; text-align: center; }
.kp-archive-hero p { color: var(--ink-light); font-size: 14px; }

.kp-archive-lookup {
	max-width: 520px;
	margin: 0 auto 36px;
	background: var(--bg-card);
	border: 1.5px solid var(--border);
	border-radius: 14px;
	padding: 28px;
}
.kp-archive-lookup__label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 8px;
}
.kp-archive-lookup__row {
	display: flex;
	gap: 10px;
	align-items: stretch;
}
.kp-archive-lookup__row input {
	flex: 1;
	border: 1.5px solid var(--border-strong);
	border-radius: 10px;
	padding: 10px 14px;
	font-family: inherit;
	font-size: 14px;
	background: var(--bg-soft);
	color: var(--ink);
	transition: border-color .18s, box-shadow .18s;
}
.kp-archive-lookup__row input:focus {
	outline: none;
	border-color: var(--accent-dark);
	background: var(--bg);
	box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .1);
}
.kp-archive-lookup__row .btn {
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6px;
}

.kp-archive-toolbar {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 16px;
}
.kp-archive-toolbar .btn { display: flex; align-items: center; gap: 6px; }

.kp-archive-list { display: flex; flex-direction: column; gap: 10px; }

/* ---------- هر ردیف آرشیو ---------- */
.kp-archive-row {
	display: block;
	padding: 18px 22px;
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 12px;
	transition: border-color .18s, box-shadow .18s;
	animation: kp-fade-up .25s ease both;
}
.kp-archive-row__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.kp-archive-row:hover { border-color: var(--border-strong); box-shadow: 0 4px 14px -6px rgba(0,0,0,.08); }

.kp-archive-row__main { flex: 1; min-width: 200px; }
.kp-archive-row__title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 6px;
}
.kp-pill {
	font-size: 11px;
	font-weight: 600;
	padding: 3px 10px;
	border-radius: 20px;
	border: 1px solid var(--border-strong);
	background: var(--bg-soft);
	color: var(--ink-light);
}
.kp-pill--buy  { background: rgba(22,163,74,.1);  color: var(--candle-up);   border-color: rgba(22,163,74,.2); }
.kp-pill--sell { background: rgba(220,38,38,.08); color: var(--candle-down); border-color: rgba(220,38,38,.15); }

.kp-archive-row__meta {
	display: flex;
	gap: 14px;
	font-size: 12px;
	color: var(--muted);
	flex-wrap: wrap;
}
.kp-archive-row__meta i { margin-left: 3px; font-size: 13px; }

.kp-archive-row__pnl {
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	min-width: 80px;
	text-align: center;
}
.kp-archive-row__pnl small {
	display: block;
	font-size: 11px;
	font-weight: 400;
	color: var(--muted);
}

.kp-archive-row__actions { display: flex; gap: 6px; }

.kp-archive-row__notes,
.kp-archive-row__outcome {
	width: 100%;
	font-size: 13px;
	line-height: 1.7;
	color: var(--text-soft);
	padding: 8px 12px;
	border-radius: 6px;
	white-space: pre-wrap;
	word-break: break-word;
}
.kp-archive-row__notes  { background: #faf8f2; border: 1px solid #ece6d4; margin-top: 6px; }
.kp-archive-row__outcome { background: #f0ece0; border: 1px solid #dfd8c0; margin-top: 4px; }
.kp-archive-row__notes b,
.kp-archive-row__outcome b { color: var(--text-main); margin-left: 4px; }

.btn-icon {
	width: 36px;
	height: 36px;
	border-radius: 9px;
	border: 1px solid var(--border-strong);
	background: var(--bg-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--ink-light);
	font-size: 16px;
	transition: all .16s ease;
	flex-shrink: 0;
}
.btn-icon:hover { border-color: var(--accent-dark); color: var(--accent-dark); background: var(--bg); transform: translateY(-1px); }
.btn-icon--danger:hover { border-color: var(--candle-down); color: var(--candle-down); }

.kp-archive-empty {
	text-align: center;
	color: var(--muted);
	padding: 60px 20px;
	font-size: 14px;
}
.kp-archive-empty i { display: block; font-size: 36px; margin-bottom: 12px; color: var(--border-strong); }

/* ---------- ریسپانسیو ---------- */
@media (max-width: 640px) {
	.kp-journal-form { padding: 20px 18px; }
	.kp-archive-row__top { flex-direction: column; align-items: flex-start; }
	.kp-archive-row__pnl { text-align: right; }
	.kp-archive-row__actions { align-self: flex-end; }
	.kp-result-card__grid > div { border-left: none; border-top: 1px solid var(--border); }
}

/* ===============================================================
   یادداشت صوتی
   =============================================================== */
.kp-audio-box {
	border: 1.5px dashed var(--border-strong);
	border-radius: 14px;
	padding: 18px;
	background: var(--bg-soft);
	display: flex;
	flex-direction: column;
	gap: 14px;
	transition: border-color .2s, background .2s;
}
.kp-audio-box.is-recording {
	border-style: solid;
	border-color: rgba(220,38,38,.35);
	background: rgba(220,38,38,.04);
}

/* آپلود فایل — کارت بزرگ با آیکون */
.kp-audio-upload__label {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1.5px solid var(--border-strong);
	border-radius: 12px;
	background: var(--bg);
	cursor: pointer;
	color: var(--ink);
	transition: border-color .18s, background .18s, transform .12s;
}
.kp-audio-upload__label:hover { border-color: var(--accent-dark); background: var(--bg-soft); }
.kp-audio-upload__label:active { transform: scale(.99); }

.kp-audio-upload__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--bg-soft);
	color: var(--accent-dark);
	font-size: 20px;
	flex-shrink: 0;
}
.kp-audio-upload__label:hover .kp-audio-upload__icon { background: var(--accent-dark); color: var(--btn-text); }

.kp-audio-upload__text { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.kp-audio-upload__title { font-size: 13.5px; font-weight: 700; }
.kp-audio-upload__text small { font-size: 11.5px; font-weight: 400; color: var(--muted); }

.kp-audio-upload__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 8px;
	background: var(--bg-soft);
	border: 1px solid var(--border-strong);
	font-size: 12px;
	font-weight: 700;
	color: var(--ink);
	white-space: nowrap;
	flex-shrink: 0;
}
.kp-audio-upload__label:hover .kp-audio-upload__btn { background: var(--bg); }

/* وضعیت‌های آپلود */
.kp-audio-upload__label.is-loading { border-color: var(--accent-dark); pointer-events: none; opacity: .85; }
.kp-audio-upload__btn.is-done { background: rgba(22,163,74,.12); border-color: rgba(22,163,74,.4); color: #16A34A; }
.kp-audio-upload__btn.is-error { background: rgba(220,38,38,.08); border-color: rgba(220,38,38,.4); color: #DC2626; }
@keyframes kp-spin { to { transform: rotate(360deg); } }

/* جداکننده */
.kp-audio-or {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--muted);
	font-size: 12px;
}
.kp-audio-or::before,
.kp-audio-or::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--border);
}

/* ضبط — کارت بزرگ مثل آپلود */
.kp-audio-recorder { display: flex; flex-direction: column; gap: 10px; }

.kp-rec-btn {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	padding: 14px 16px;
	border-radius: 12px;
	border: 1.5px solid var(--border-strong);
	background: var(--bg);
	cursor: pointer;
	color: var(--ink);
	text-align: right;
	transition: all .18s;
}
.kp-rec-btn:hover:not(:disabled) { border-color: var(--candle-down); background: rgba(220,38,38,.04); }
.kp-rec-btn:disabled { opacity: .6; cursor: wait; }

.kp-rec-btn__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(220,38,38,.1);
	color: var(--candle-down);
	font-size: 20px;
	flex-shrink: 0;
}
.kp-rec-btn:hover:not(:disabled) .kp-rec-btn__icon { background: var(--candle-down); color: #fff; }
.kp-rec-btn.is-requesting .kp-rec-btn__icon { animation: kp-blink 1s ease-in-out infinite; }

.kp-rec-btn__text { display: flex; flex-direction: column; gap: 2px; }
.kp-rec-btn__title { font-size: 13.5px; font-weight: 700; }
.kp-rec-btn__text small { font-size: 11.5px; font-weight: 400; color: var(--muted); }

/* نوار زنده‌ی ضبط */
.kp-rec-live[hidden],
.kp-audio-preview[hidden] { display: none !important; }

.kp-rec-live {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 12px;
	border: 1.5px solid rgba(220,38,38,.35);
	background: rgba(220,38,38,.06);
}
.kp-rec-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--candle-down);
	flex-shrink: 0;
	animation: kp-blink 1s ease-in-out infinite;
}
.kp-rec-live__label { font-size: 12.5px; font-weight: 700; color: var(--candle-down); }
.kp-rec-live__time {
	font-size: 15px;
	font-weight: 800;
	color: var(--ink);
	font-variant-numeric: tabular-nums;
	margin-left: auto;
}
@keyframes kp-blink { 0%,100%{opacity:1} 50%{opacity:.25} }

.kp-rec-stop {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 16px;
	border-radius: 9px;
	border: none;
	background: var(--candle-down);
	color: #fff;
	cursor: pointer;
	font-size: 12.5px;
	font-weight: 700;
	white-space: nowrap;
	transition: filter .15s, transform .12s;
}
.kp-rec-stop:hover { filter: brightness(1.08); }
.kp-rec-stop:active { transform: scale(.97); }

/* پیش‌نمایش */
.kp-audio-preview {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: 12px;
}
.kp-audio-preview__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(22,163,74,.1);
	color: var(--edu-green);
	font-size: 16px;
	flex-shrink: 0;
}
.kp-audio-preview audio { flex: 1; height: 36px; min-width: 0; }
.kp-audio-remove {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 7px 13px;
	border-radius: 8px;
	border: 1px solid var(--border-strong);
	background: var(--bg-soft);
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	color: var(--candle-down);
	white-space: nowrap;
	transition: all .15s;
	flex-shrink: 0;
}
.kp-audio-remove:hover { background: rgba(220,38,38,.08); border-color: var(--candle-down); }

@media (max-width: 480px) {
	.kp-audio-upload__label { flex-wrap: wrap; }
	.kp-audio-upload__btn { width: 100%; justify-content: center; }
	.kp-rec-live { flex-wrap: wrap; }
	.kp-rec-live__time { margin-left: 0; }
	.kp-rec-stop { width: 100%; justify-content: center; }
}

/* ===============================================================
   مودال ویرایش ژورنال
   =============================================================== */
.kp-edit-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}
.kp-edit-modal[hidden] { display: none !important; }

.kp-edit-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.45);
	backdrop-filter: blur(3px);
}

.kp-edit-modal__box {
	position: relative;
	z-index: 1;
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 16px;
	width: 100%;
	max-width: 680px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 24px 64px rgba(0,0,0,.18);
	animation: kpModalIn .22s cubic-bezier(.16,1,.3,1);
}
@keyframes kpModalIn {
	from { opacity:0; transform:translateY(18px) scale(.97); }
	to   { opacity:1; transform:translateY(0) scale(1); }
}

.kp-edit-modal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px 18px;
	border-bottom: 1px solid var(--border);
	font-size: 15px;
	font-weight: 700;
	color: var(--ink);
	position: sticky;
	top: 0;
	background: var(--bg-card);
	z-index: 2;
}
.kp-edit-modal__head i { margin-left: 7px; color: var(--accent-dark); }

.kp-edit-modal__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px; height: 34px;
	border-radius: 9px;
	border: 1px solid var(--border-strong);
	background: var(--bg-soft);
	cursor: pointer;
	font-size: 17px;
	color: var(--muted);
	transition: all .15s;
}
.kp-edit-modal__close:hover { background: var(--bg); color: var(--ink); border-color: var(--accent-dark); }

.kp-edit-form {
	padding: 24px;
}

.kp-edit-form .kp-form-grid { margin-bottom: 0; }
.kp-edit-form .kp-form-section-title { margin-top: 24px; }
.kp-edit-form .kp-form-section-title:first-child { margin-top: 0; }

.kp-edit-form__actions {
	display: flex;
	gap: 10px;
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid var(--border);
}

.kp-edit-form select {
	width: 100%;
	border: 1.5px solid var(--border-strong);
	border-radius: 10px;
	padding: 10px 14px;
	font-family: inherit;
	font-size: 14px;
	background: var(--bg-soft);
	color: var(--ink);
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	transition: border-color .15s;
}
.kp-edit-form select:focus { border-color: var(--accent-dark); background: var(--bg); }

.kp-edit-form textarea {
	min-height: 100px;
}

body.kp-modal-open { overflow: hidden; }

/* فلاش موفقیت روی ردیف آرشیو بعد از ذخیره */
@keyframes kpRowSaved {
	0%   { box-shadow: 0 0 0 0 rgba(22,163,74,0); }
	30%  { box-shadow: 0 0 0 4px rgba(22,163,74,.3); }
	100% { box-shadow: 0 0 0 0 rgba(22,163,74,0); }
}
.kp-row-saved {
	animation: kpRowSaved 1.4s ease-out forwards;
}

/* دکمه ویرایش — سبز ملایم */
.btn-icon.kp-r-edit:hover {
	border-color: var(--edu-green);
	color: var(--edu-green);
}

/* -------- progress bar آپلود فایل -------- */
#kp-upload-progress {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
	padding: 10px 14px;
	background: var(--bg-soft);
	border: 1px solid var(--border);
	border-radius: 10px;
}
#kp-upload-progress[hidden] { display: none !important; }
.kp-progress-bar {
	flex: 1;
	height: 6px;
	background: var(--border);
	border-radius: 99px;
	overflow: hidden;
}
.kp-progress-fill {
	height: 100%;
	width: 0%;
	background: var(--accent-dark);
	border-radius: 99px;
	transition: width .2s ease;
}
.kp-progress-label {
	font-size: 12px;
	font-weight: 700;
	color: var(--ink-light);
	white-space: nowrap;
	min-width: 120px;
	text-align: left;
}

/* ─── استایل‌های ویرایش فایل در مودال ─── */
.kp-edit-current-file {
  background: var(--surface, #f8f8f8);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 10px;
}
.kp-edit-preview-img {
  width: 100%;
  max-height: 180px;
  object-fit: contain;
  border-radius: 6px;
  border: 1px solid var(--border);
  display: block;
  margin-bottom: 8px;
}
.kp-edit-file-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.kp-edit-replace-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  flex-wrap: wrap;
  margin-top: 6px;
}
.btn-sm {
  padding: 5px 12px !important;
  font-size: 12px !important;
  min-height: unset !important;
}
#kp-edit-audio-box .kp-audio-box {
  border: none;
  padding: 0;
}
#kp-edit-voice-current audio {
  border-radius: 8px;
}