/* Sharelec Custom — همان رنگ‌های فاکتور: سبز برد مدار، مسی برای هشدار */
.slc-notify,
.slc-tickets,
.slc-order-extra,
.slc-coupons {
	--slc-ink: #16202b;
	--slc-muted: #5b6773;
	--slc-rule: #d5dbe1;
	--slc-board: #0f5e4a;
	--slc-board-soft: #e3f1ec;
	--slc-copper: #a8612a;
	--slc-copper-soft: #fbefe3;
	--slc-danger: #a3262a;
	direction: rtl;
	text-align: right;
}

/* دکمه‌ها */
.slc-btn.button,
a.slc-btn.button {
	background: var(--slc-board);
	border: 1px solid var(--slc-board);
	color: #fff;
	border-radius: 6px;
	padding: 9px 18px;
	font-weight: 600;
	line-height: 1.6;
}
.slc-btn.button:hover { background: #0b4a3a; color: #fff; }
.slc-btn.slc-btn-ghost { background: transparent; color: var(--slc-board); }
.slc-btn.slc-btn-ghost:hover { background: var(--slc-board-soft); color: var(--slc-board); }
.slc-btn:focus-visible,
.slc-notify-btn:focus-visible,
.slc-link-btn:focus-visible { outline: 3px solid var(--slc-copper); outline-offset: 2px; }

/* موجود شد خبرم کن */
.slc-notify { margin: 10px 0 14px; }
.slc-notify-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border: 1.5px solid var(--slc-board);
	border-radius: 6px;
	background: #fff;
	color: var(--slc-board);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	transition: background-color .15s ease, color .15s ease;
}
.slc-notify-btn:hover { background: var(--slc-board-soft); color: var(--slc-board); }
.slc-notify-btn.is-subscribed { background: var(--slc-board); color: #fff; }
.slc-notify-btn.is-subscribed:hover { background: #0b4a3a; color: #fff; }
.slc-notify-btn.is-loading { opacity: .6; cursor: progress; }
.slc-notify-btn svg { flex: none; }
.slc-notify-msg { margin-top: 6px; font-size: .92em; color: var(--slc-board); }
.slc-notify-msg:empty { display: none; }
.slc-notify-msg.is-error { color: var(--slc-danger); }

/* جزئیات سفارش */
.slc-order-extra { margin: 8px 0 30px; }
.slc-trace strong { color: var(--slc-copper); letter-spacing: .02em; }
.slc-order-actions { display: flex; flex-wrap: wrap; gap: 8px; }

/* پنل تیکت */
.slc-tickets { color: var(--slc-ink); }
.slc-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.slc-heading { margin: 0; font-size: 1.2em; }
.slc-link { color: var(--slc-board); }
.slc-muted { color: var(--slc-muted, #5b6773); }
.slc-empty { padding: 28px 20px; border: 1px dashed var(--slc-rule); border-radius: 8px; color: var(--slc-muted); text-align: center; }

.slc-alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; }
.slc-alert ul { margin: 0; padding-right: 18px; }
.slc-alert.is-success { background: var(--slc-board-soft); color: var(--slc-board); }
.slc-alert.is-error { background: #fbe9e9; color: var(--slc-danger); }

.slc-ticket-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--slc-rule); }
.slc-ticket-row { border-bottom: 1px solid var(--slc-rule); border-right: 4px solid var(--slc-rule); margin: 0; }
.slc-ticket-row.is-open { border-right-color: var(--slc-copper); }
.slc-ticket-row.is-answered { border-right-color: var(--slc-board); }
.slc-ticket-row a {
	display: grid;
	grid-template-columns: auto 1fr auto auto;
	gap: 14px;
	align-items: center;
	padding: 13px 14px;
	color: inherit;
	text-decoration: none;
}
.slc-ticket-row a:hover { background: #f6f8f9; }
.slc-ticket-row.is-answered .slc-ticket-title { font-weight: 700; }
.slc-ticket-id { color: var(--slc-muted); font-variant-numeric: tabular-nums; }
.slc-ticket-date { color: var(--slc-muted); font-size: .88em; }

.slc-status { display: inline-block; padding: 2px 10px; border-radius: 3px; font-size: .85em; line-height: 1.8; white-space: nowrap; }
.slc-status.is-open { background: var(--slc-copper-soft); color: #8a4b0f; }
.slc-status.is-answered { background: var(--slc-board-soft); color: var(--slc-board); }
.slc-status.is-closed { background: #e9ecef; color: var(--slc-muted); }

.slc-form { max-width: 640px; }
.slc-field { margin: 0 0 16px; }
.slc-field label { display: block; margin-bottom: 5px; font-weight: 600; }
.slc-field select,
.slc-field input[type="text"],
.slc-field textarea { width: 100%; box-sizing: border-box; }
.slc-req { color: var(--slc-danger); }

.slc-ticket-meta { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 0 0 20px; padding: 14px 16px; background: #f6f8f9; border-radius: 6px; }
.slc-ticket-meta dt { font-size: .85em; color: var(--slc-muted); }
.slc-ticket-meta dd { margin: 0; font-weight: 600; }

.slc-thread { list-style: none; margin: 0 0 24px; padding: 0; }
.slc-msg { margin: 0 0 12px; padding: 12px 16px; border: 1px solid var(--slc-rule); border-right-width: 4px; border-radius: 6px; max-width: 92%; }
.slc-msg.is-customer { border-right-color: var(--slc-copper); background: #fff; }
.slc-msg.is-staff { border-right-color: var(--slc-board); background: var(--slc-board-soft); margin-right: 8%; }
.slc-msg-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.slc-msg-head time { color: var(--slc-muted); font-size: .85em; }
.slc-msg-body p { margin: 0 0 6px; }
.slc-attach img { display: block; max-width: 260px; height: auto; margin-top: 8px; border: 1px solid var(--slc-rule); border-radius: 4px; }
.slc-attach.is-file { display: inline-block; margin-top: 6px; color: var(--slc-board); }

.slc-reply { border-top: 1px solid var(--slc-rule); padding-top: 16px; }
.slc-close { margin-top: 4px; }
.slc-link-btn { background: none; border: 0; padding: 0; color: var(--slc-muted); text-decoration: underline; cursor: pointer; font: inherit; }
.slc-link-btn:hover { color: var(--slc-ink); }

/* کدهای تخفیف */
.slc-coupons { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.slc-coupons li { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 14px; border: 1.5px dashed var(--slc-board); border-radius: 6px; }
.slc-coupons code { font-size: 1.05em; font-weight: 700; color: var(--slc-board); background: none; }

@media (max-width: 600px) {
	.slc-ticket-row a { grid-template-columns: auto 1fr; }
	.slc-ticket-date { grid-column: 2; }
	.slc-msg, .slc-msg.is-staff { max-width: 100%; margin-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.slc-notify-btn { transition: none; }
}