/**
 * SMM Core — admin styles.
 */

.smm-admin { --smm-a-brand: #c44a06; --smm-a-brand2: #ff8a3d; --smm-a-line: #dcdfe8; --smm-a-muted: #646a80; --smm-a-bg: #fff; }

.smm-admin__header {
	display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem;
	margin: 12px 0 22px; padding: 20px 24px;
	background: linear-gradient(120deg, #2a1508, #4a2109);
	border-radius: 16px; color: #fff;
}
.smm-admin__header h1 { margin: 0; color: #fff; font-size: 1.5rem; }
.smm-admin__header p { margin: .3rem 0 0; color: rgba(255, 255, 255, .68); font-size: .9rem; }
.smm-admin__header-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.smm-admin__header-actions .button { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .3); color: #fff; }
.smm-admin__header-actions .button:hover { background: rgba(255, 255, 255, .22); border-color: rgba(255, 255, 255, .45); color: #fff; }
.smm-admin__header-actions .button-primary,
.smm-admin__header-actions .button-primary:focus { background: var(--smm-a-brand); border-color: var(--smm-a-brand); color: #fff; box-shadow: none; text-shadow: none; }
.smm-admin__header-actions .button-primary:hover { background: #b34405; border-color: #b34405; color: #fff; }

.smm-admin__kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-bottom: 20px; }
.smm-admin__kpi {
	position: relative; padding: 18px 20px; background: var(--smm-a-bg);
	border: 1px solid var(--smm-a-line); border-radius: 14px; overflow: hidden;
	box-shadow: 0 6px 20px -14px rgba(20, 25, 60, .45);
}
.smm-admin__kpi::after { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--smm-a-brand); }
.smm-admin__kpi--ok::after { background: #16a34a; }
.smm-admin__kpi--warn::after { background: #f59e0b; }
.smm-admin__kpi--info::after { background: #0ea5e9; }
.smm-admin__kpi-icon { position: absolute; top: 14px; right: 16px; display: inline-flex; opacity: .5; }
.smm-admin__kpi-label { display: block; font-size: .78rem; color: var(--smm-a-muted); text-transform: uppercase; letter-spacing: .04em; }
.smm-admin__kpi-value { display: block; margin-top: 4px; font-size: 1.65rem; font-weight: 700; letter-spacing: -.02em; }
.smm-admin__kpi-note { display: block; margin-top: 4px; font-size: .76rem; color: var(--smm-a-muted); line-height: 1.4; }
.smm-admin__filters-count { margin-left: auto; align-self: center; font-size: .82rem; color: var(--smm-a-muted); }
.smm-admin__flag { display: inline-block; margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: #fff4e5; color: #b45309; font-size: .68rem; font-weight: 600; letter-spacing: .02em; vertical-align: middle; }
.smm-admin__notice { margin: 0 0 16px; }
.smm-admin__rowactions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.smm-admin__formactions { display: flex; gap: 8px; align-items: center; margin-top: 6px; }
.smm-admin__hint { font-size: .78rem; color: var(--smm-a-muted); }

.smm-admin__range { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 16px; }
.smm-admin__range-link {
	padding: .4rem .9rem; background: #fff; border: 1px solid var(--smm-a-line);
	border-radius: 999px; text-decoration: none; color: #2c3038; font-size: .85rem; font-weight: 600;
}
.smm-admin__range-link.is-active { background: var(--smm-a-brand); border-color: var(--smm-a-brand); color: #fff; }

.smm-admin__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px; align-items: start; }
.smm-admin__card { padding: 18px 20px; background: var(--smm-a-bg); border: 1px solid var(--smm-a-line); border-radius: 14px; }
.smm-admin__card--wide { grid-column: 1 / -1; }
.smm-admin__card h2 { margin: 0 0 14px; font-size: 1.02rem; }
.smm-admin__empty { color: var(--smm-a-muted); font-style: italic; }
.smm-admin__muted { color: var(--smm-a-muted); font-size: .85rem; }
.smm-admin__pos { color: #15803d; font-weight: 600; }
.smm-admin__neg { color: #b91c1c; font-weight: 600; }
/* The link truncates; the copy button next to it must not be clipped with it. */
.smm-admin__truncate { max-width: 240px; }
.smm-admin__truncate a {
	display: inline-block; max-width: calc(100% - 24px); vertical-align: middle;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.smm-admin__pre { margin: 0; padding: 8px 10px; background: #f6f7fb; border-radius: 8px; font-size: .8rem; white-space: pre-wrap; }
.smm-admin__inline { display: inline-block; }
/* Eski mavi (#0ea5e9) beyaz yazıyla 2,77:1 veriyordu; "API" etiketi okunmuyordu. */
.smm-admin__tag { display: inline-block; padding: 1px 6px; background: #0369a1; border-radius: 5px; color: #fff; font-size: .65rem; font-weight: 700; vertical-align: middle; }
.smm-admin__order-no { font-weight: 700; }

.smm-admin__list { margin: 0; padding: 0; list-style: none; }
.smm-admin__list li { border-bottom: 1px solid #f0f1f5; }
.smm-admin__list li:last-child { border-bottom: 0; }
.smm-admin__list a, .smm-admin__list li > span:first-child { text-decoration: none; }
.smm-admin__list li > *, .smm-admin__list a { display: flex; align-items: center; gap: .6rem; padding: .5rem 0; color: inherit; }
.smm-admin__list strong { margin-left: auto; font-variant-numeric: tabular-nums; }
.smm-admin__dot { width: 9px; height: 9px; border-radius: 50%; background: #94a3b8; flex: none; }
.smm-admin__dot--completed { background: #16a34a; }
.smm-admin__dot--pending, .smm-admin__dot--awaiting { background: #f59e0b; }
.smm-admin__dot--processing, .smm-admin__dot--inprogress { background: #0ea5e9; }
.smm-admin__dot--canceled, .smm-admin__dot--failed { background: #dc2626; }
.smm-admin__dot--partial, .smm-admin__dot--refunded { background: #8b5cf6; }

.smm-admin__table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.smm-admin__table th, .smm-admin__table td { padding: .55rem .5rem; text-align: left; border-bottom: 1px solid #f0f1f5; }
.smm-admin__table--def th { width: 190px; color: var(--smm-a-muted); font-weight: 600; vertical-align: top; }

.smm-admin__badge {
	display: inline-block; padding: .18rem .55rem; border-radius: 999px;
	font-size: .72rem; font-weight: 700; background: #eef0f6; color: #414759;
}
.smm-admin__badge--completed { background: #dcfce7; color: #15803d; }
.smm-admin__badge--pending, .smm-admin__badge--awaiting { background: #fef3c7; color: #92400e; }
.smm-admin__badge--processing, .smm-admin__badge--inprogress { background: #e0f2fe; color: #075985; }
.smm-admin__badge--canceled, .smm-admin__badge--failed { background: #fee2e2; color: #991b1b; }
.smm-admin__badge--partial, .smm-admin__badge--refunded { background: #ede9fe; color: #5b21b6; }

.smm-admin__chart { position: relative; color: #1f2430; }
.smm-admin__chart svg { width: 100%; height: 260px; }
.smm-admin__chart-legend { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: .5rem; font-size: .78rem; color: var(--smm-a-muted); }
.smm-admin__chart-legend i { display: inline-block; width: 10px; height: 10px; margin-right: .35rem; border-radius: 3px; }

.smm-admin__filters { display: flex; flex-wrap: wrap; gap: .5rem; margin: 14px 0; }
.smm-admin__bulk { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 10px; }
.smm-admin__actions { display: grid; gap: .6rem; }
.smm-admin__actions button { width: 100%; }

.smm-admin__form { display: grid; gap: .8rem; }
.smm-admin__form label { display: grid; gap: .25rem; font-size: .85rem; font-weight: 600; }
.smm-admin__form input, .smm-admin__form select, .smm-admin__form textarea { width: 100%; }
/* Onay kutusu ve radyo, %100 genişlikle mavi bir şerit gibi çiziliyordu. */
.smm-admin__form input[type="checkbox"], .smm-admin__form input[type="radio"] { width: auto; flex: none; }
.smm-admin__checkbox { display: flex !important; flex-direction: row; align-items: center; gap: .5rem; font-weight: 500; }
.smm-admin__tools { display: grid; gap: .5rem; }
.smm-admin__tools button { text-align: left; }

.smm-admin__settings { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 18px; align-items: start; margin-top: 16px; }
.smm-admin__settings-nav { display: grid; gap: 2px; padding: 10px; background: #fff; border: 1px solid var(--smm-a-line); border-radius: 14px; position: sticky; top: 40px; }
/*
 * Tek sütuna düşen dar ekranda yapışkan sekme listesi ekranda asılı kalıp
 * altından akan formun üstüne biniyordu: arama kutusu sekmelerin ortasında
 * görünüyordu. Dar ekranda liste normal akışta kalır.
 */
@media (max-width: 782px) {
	.smm-admin__settings { grid-template-columns: 1fr; }
	.smm-admin__settings-nav { position: static; top: auto; }
}
.smm-admin__settings-link { display: flex; align-items: center; gap: .55rem; padding: .6rem .75rem; border-radius: 9px; color: #2c3038; text-decoration: none; font-weight: 600; font-size: .88rem; }
.smm-admin__settings-link:hover { background: #f3f4f9; color: #2c3038; }
.smm-admin__settings-link.is-active { background: var(--smm-a-brand); color: #fff; }
.smm-admin__settings-body { padding: 20px 24px; background: #fff; border: 1px solid var(--smm-a-line); border-radius: 14px; }
.smm-admin__settings-body h2 { margin-top: 0; }

/*
 * WordPress'in dar ekran yönetim CSS'i .form-table içindeki etiketleri
 * yeniden biçimlendiriyor ve anahtarın satır-içi kalan rayı 0 yükseklikte
 * çöküyordu: geriye yalnızca konumu mutlak beyaz düğme kalıp alttaki
 * etiketin üstüne biniyordu. Ray kendi başına ölçülebilir bir kutu.
 */
.smm-admin__switch { position: relative; display: inline-flex; align-items: center; cursor: pointer; vertical-align: middle; min-height: 26px; }
.smm-admin__switch input { position: absolute; inset-inline-start: 0; inset-block-start: 0; width: 46px; height: 26px; margin: 0; opacity: 0; pointer-events: none; }
.smm-admin__switch-track { display: inline-block; flex: 0 0 auto; width: 46px; height: 26px; background: #cbd0dd; border-radius: 999px; position: relative; transition: background .2s; }
.smm-admin__switch-track::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background: #fff; border-radius: 50%; transition: transform .2s; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
.smm-admin__switch input:checked + .smm-admin__switch-track { background: var(--smm-a-brand); }
.smm-admin__switch input:checked + .smm-admin__switch-track::after { transform: translateX(20px); }
.smm-admin__switch input:focus-visible + .smm-admin__switch-track { outline: 2px solid var(--smm-a-brand2); outline-offset: 2px; }

.smm-admin__wizard { margin: 16px 0 20px; padding: 20px 24px; background: #fff; border: 1px solid var(--smm-a-line); border-radius: 14px; }
.smm-admin__wizard-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.smm-admin__wizard-head h2 { margin: 0; }
.smm-admin__wizard-progress { font-size: .85rem; color: var(--smm-a-muted); font-weight: 600; }
.smm-admin__steps { margin: 0; padding: 0; list-style: none; counter-reset: smm; display: grid; gap: 10px; }
.smm-admin__step { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--smm-a-line); border-radius: 12px; }
.smm-admin__step.is-done { border-color: #bbf7d0; background: #f0fdf4; }
.smm-admin__step p { margin: .15rem 0 0; color: var(--smm-a-muted); font-size: .85rem; }
.smm-admin__step > a { margin-left: auto; }
.smm-admin__step-mark { display: grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: 50%; background: #eef0f6; font-weight: 800; }
.smm-admin__step.is-done .smm-admin__step-mark { background: #16a34a; color: #fff; }

.smm-admin__thread { display: grid; gap: 10px; margin-bottom: 16px; }
.smm-admin__msg { padding: 12px 14px; background: #f7f8fc; border: 1px solid var(--smm-a-line); border-radius: 12px; }
.smm-admin__msg--staff { background: #f5f0ff; border-color: #ddd0ff; }
.smm-admin__msg-meta { display: flex; justify-content: space-between; margin-bottom: .35rem; font-size: .76rem; color: var(--smm-a-muted); }
.smm-admin__msg p { margin: .3rem 0; }

.smm-meta { display: grid; gap: 16px; }
.smm-meta__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; align-items: end; }
.smm-meta__row label { display: grid; gap: .25rem; font-size: .82rem; font-weight: 600; }
.smm-meta__row label em { color: var(--smm-a-muted); font-style: normal; }
.smm-meta__row input, .smm-meta__row select { width: 100%; }
.smm-meta__calc { padding: .5rem .8rem; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 10px; text-align: center; }
.smm-meta__calc span { display: block; font-size: .72rem; color: var(--smm-a-muted); }
.smm-meta__calc strong { font-size: 1.15rem; color: #15803d; }
.smm-meta__toggles { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; padding-top: 6px; border-top: 1px solid #f0f1f5; }
.smm-meta__toggle { display: flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 600; }
.smm-meta__pair { display: flex; gap: .5rem; }
.smm-meta__pair input { width: 100%; }

/* Sağlayıcı hizmet seçici */
.smm-meta__pick { display: flex; gap: .4rem; }
.smm-meta__pick input { flex: 1 1 auto; min-width: 0; }

.smm-meta__picker { margin-top: .4rem; padding: .9rem 1rem; background: #fbfaf9; border: 1px solid #e6e1dc; border-radius: 12px; }
.smm-meta__picker-head { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.smm-meta__picker-head strong { margin-right: auto; font-size: .92rem; }
.smm-meta__picker-search { min-width: 240px; }
.smm-meta__picker-msg { margin: .5rem 0 0; font-size: .82rem; color: var(--smm-a-muted); min-height: 1.1em; }
.smm-meta__picker-msg.is-error { color: #b91c1c; }
.smm-meta__picker-msg.is-warn { color: #a16207; }
.smm-meta__picker-msg.is-ok { color: #15803d; }
.smm-meta__picker-list { max-height: 320px; overflow-y: auto; margin-top: .5rem; border: 1px solid #ece7e2; border-radius: 10px; background: #fff; }
.smm-meta__picker-list:empty { display: none; }
.smm-meta__picker-row { display: grid; grid-template-columns: 1fr auto; gap: 2px .8rem; width: 100%; padding: .55rem .8rem; background: none; border: 0; border-bottom: 1px solid #f4f0ec; text-align: left; cursor: pointer; }
.smm-meta__picker-row:last-child { border-bottom: 0; }
.smm-meta__picker-row:hover, .smm-meta__picker-row:focus { background: #fff5ed; outline: none; }
.smm-meta__picker-name { grid-column: 1; grid-row: 1; font-weight: 600; font-size: .88rem; }
.smm-meta__picker-meta { grid-column: 1; grid-row: 2; font-size: .76rem; color: var(--smm-a-muted); }
.smm-meta__picker-price { grid-column: 2; grid-row: 1 / span 2; align-self: center; text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; font-size: .84rem; color: #b8480a; white-space: nowrap; }
.smm-meta__picker-empty { margin: 0; padding: .8rem; font-size: .84rem; color: var(--smm-a-muted); }

/* ------------------------------------------------------------- status tabs */

/*
 * subsubsub sınıfı WordPress'ten "float: left" getiriyor. Hemen ardından
 * gelen filtre çubuğu esnek kutu olduğu için kendi blok bağlamını kuruyor ve
 * kayan öğeden kaçınıyordu: dar ekranda sekme listesi tüm genişliği kaplayınca
 * çubuğa sıfır piksel kalıyor, alanlar ekranın sağına taşıyordu. Sekmeler
 * kaydırılmıyor, çubuk da her ihtimale karşı satırı temizliyor.
 */
.smm-admin__tabs { margin: 0 0 10px; float: none; }
.smm-admin__filters { clear: both; }
.smm-admin__tab {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 3px 10px; border-radius: 999px;
	text-decoration: none; color: var(--smm-a-muted);
}
.smm-admin__tab:hover { background: #f2f3f6; color: var(--smm-a-brand); }
.smm-admin__tab.is-active { background: var(--smm-a-brand); color: #fff; font-weight: 600; }
/*
 * Sekmedeki sayı WordPress'in `.count` sınıfını taşıyor ve o sınıfın gri
 * rengi etkin sekmenin dolgusunda kalıyordu: yeşil zeminde 1,57:1, yani
 * görünmez. Sayı sekmenin rengini devralıyor.
 */
.smm-admin__tab.is-active .count { color: inherit; opacity: .85; }
.smm-admin__tab.is-active:hover { color: #fff; }
.smm-admin__tab .count { font-variant-numeric: tabular-nums; opacity: .75; }

/* ------------------------------------------------------------- row actions */

.smm-admin__row-actions {
	margin-top: 3px; font-size: 12px; color: var(--smm-a-muted);
	visibility: hidden;
}
.smm-admin__orders tr:hover .smm-admin__row-actions,
.smm-admin__row-actions:focus-within { visibility: visible; }
.smm-admin__row-actions a { text-decoration: none; }
.smm-admin__row-actions span { opacity: .4; margin: 0 2px; }
@media (hover: none) { .smm-admin__row-actions { visibility: visible; } }

.smm-admin__copy {
	padding: 0; margin-left: 4px; background: none; border: 0; cursor: pointer;
	color: var(--smm-a-muted); vertical-align: middle; line-height: 1;
}
.smm-admin__copy:hover { color: var(--smm-a-brand); }
.smm-admin__copy .dashicons { width: 16px; height: 16px; font-size: 16px; }
.smm-admin__copy.is-copied { color: #12a150; }

/* ---------------------------------------------------------- settings search */

.smm-admin__settings-head {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
	margin-bottom: 6px;
}
.smm-admin__settings-head h2 { margin: 0; }
.smm-admin__settings-search {
	position: relative; display: inline-flex; align-items: center;
	min-width: 240px;
}
.smm-admin__settings-search .dashicons {
	position: absolute; left: 8px; color: var(--smm-a-muted); pointer-events: none;
}
.smm-admin__settings-search input { width: 100%; padding-left: 30px; }
.smm-admin__settings-empty { padding: 18px 0; color: var(--smm-a-muted); }

.smm-admin__settings-submit { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.smm-admin__dirty { color: #b45309; font-size: 13px; }

/* ---------------------------------------------------------- sipariş geçmişi */

.smm-admin__subtitle { margin: 22px 0 10px; font-size: 15px; }

.smm-admin__timeline { margin: 0; padding: 0 0 0 18px; list-style: none; border-left: 2px solid var(--smm-a-line); }
.smm-admin__timeline-item { position: relative; padding: 0 0 14px 4px; font-size: 13px; }
.smm-admin__timeline-item:last-child { padding-bottom: 0; }
.smm-admin__timeline-item::before {
	content: ''; position: absolute; left: -25px; top: 5px;
	width: 9px; height: 9px; border-radius: 50%;
	background: var(--smm-a-muted); box-shadow: 0 0 0 3px #fff;
}
.smm-admin__timeline-item--admin::before { background: var(--smm-a-brand); }
.smm-admin__timeline-item--provider::before { background: #1b6ef3; }
.smm-admin__timeline-item--customer::before { background: #12a150; }
.smm-admin__timeline-item time { display: block; color: var(--smm-a-muted); font-size: 12px; }
.smm-admin__timeline-item span { color: #1f1a17; }
.smm-admin__timeline-item em { color: var(--smm-a-muted); font-style: normal; font-size: 12px; }

/*
 * Hizmet listesi: eklenen sütunlardan sonra başlık sütunu daralıp
 * "Instagram Takipçi | Türk | Gerçek Hesaplar" beş satıra bölünüyordu.
 * WP liste tablosu table-layout:fixed kullandığı için genişlikler yüzde
 * olarak paylaştırıldı.
 */
.post-type-smm_service .wp-list-table .column-title { width: 21%; }
.post-type-smm_service .wp-list-table .column-smm_price { width: 8%; }
.post-type-smm_service .wp-list-table .column-smm_margin { width: 6%; }
.post-type-smm_service .wp-list-table .column-smm_limits { width: 11%; }
.post-type-smm_service .wp-list-table .column-smm_sales { width: 6%; }
.post-type-smm_service .wp-list-table .column-smm_provider { width: 15%; }
.post-type-smm_service .wp-list-table .column-smm_state { width: 7%; }
.post-type-smm_service .wp-list-table .column-taxonomy-smm_platform { width: 9%; }
.post-type-smm_service .wp-list-table .column-taxonomy-smm_service_cat { width: 10%; }
.post-type-smm_service .wp-list-table .column-date { width: 9%; }

@media screen and (max-width: 1400px) {
	.post-type-smm_service .wp-list-table .column-smm_margin,
	.post-type-smm_service .wp-list-table .column-date { display: none; }
}

/* Sistem durumu satırlarının sağlık göstergeleri. */
.smm-admin__health { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; }
.smm-admin__health::before { content: ""; width: 8px; height: 8px; border-radius: 999px; flex: none; background: #12a150; }
.smm-admin__health--warn { color: #8a5300; }
.smm-admin__health--warn::before { background: #e8830c; }
.smm-admin__health--err { color: #a4231a; }
.smm-admin__health--err::before { background: #d92d20; }
.smm-admin__health-note { display: block; margin-top: .25rem; max-width: 62ch; line-height: 1.5; }

/* Sözleşme onayı kaydı */
.smm-admin__consent-list { margin: 0; padding: 0; list-style: none; display: grid; gap: .35rem; }
.smm-admin__consent-list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; }
.smm-admin__consent-ver { font-size: 11px; color: #6b6259; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.smm-admin__receipts { display: inline-flex; flex-wrap: wrap; gap: .35rem; margin-inline-start: .35rem; }
.smm-admin__receipts a { font-size: 11px; padding: 1px 6px; border-radius: 999px; background: #fdece1; color: #a8380a; text-decoration: none; }
.smm-admin__receipts a:hover { background: #f9d9c6; }

/* Canlı destek gelen kutusu */
.smm-admin__chat { display: grid; grid-template-columns: minmax(220px, 300px) 1fr; gap: 16px; margin-top: 12px; align-items: start; }
.smm-admin__chat-list { background: #fff; border: 1px solid #e6ded6; border-radius: 10px; overflow: hidden; max-height: 620px; overflow-y: auto; }
.smm-admin__chat-list p { padding: 14px; margin: 0; }
.smm-admin__chat-item { display: grid; gap: 2px; padding: 11px 13px; border-bottom: 1px solid #f1eae4; text-decoration: none; color: #2a2320; }
.smm-admin__chat-item:hover { background: #faf7f4; }
.smm-admin__chat-item.is-active { background: #fdece1; box-shadow: inset 3px 0 0 #f4630e; }
.smm-admin__chat-name { font-weight: 600; display: flex; align-items: center; gap: 6px; }
.smm-admin__chat-dot { font-style: normal; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #dc2626; color: #fff; font-size: 11px; line-height: 18px; text-align: center; }
.smm-admin__chat-meta { font-size: 11.5px; color: #7a6f66; }
.smm-admin__chat-view { background: #fff; border: 1px solid #e6ded6; border-radius: 10px; padding: 14px 16px; }
.smm-admin__chat-head { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: flex-start; padding-bottom: 12px; border-bottom: 1px solid #f1eae4; }
.smm-admin__chat-head .smm-admin__muted { display: block; font-size: 11.5px; }
.smm-admin__chat-log { display: grid; gap: 8px; align-content: start; max-height: 420px; overflow-y: auto; padding: 14px 2px; }
.smm-admin__chat-msg { max-width: 78%; padding: 8px 11px; border-radius: 12px; font-size: 13.5px; }
.smm-admin__chat-msg p { margin: 0; }
.smm-admin__chat-msg time { display: block; margin-top: 3px; font-size: 10.5px; opacity: .7; }
.smm-admin__chat-msg.is-user { justify-self: start; background: #f4f1ee; }
.smm-admin__chat-msg.is-agent { justify-self: end; background: #f4630e; color: #fff; }
.smm-admin__chat-msg.is-system { justify-self: center; max-width: 100%; background: transparent; color: #7a6f66; font-size: 12.5px; }
.smm-admin__chat-reply { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid #f1eae4; }
.smm-admin__chat-reply textarea { width: 100%; }
.smm-admin__chat-reply button { justify-self: start; }
@media (max-width: 782px) { .smm-admin__chat { grid-template-columns: 1fr; } }

/* Lisans kutusu */
.smm-admin__license { margin-bottom: 16px; }
.smm-admin__license-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; }
.smm-admin__license .smm-admin__muted { display: block; font-size: 12px; margin: 0; }

/*
 * WordPress uyarıları koyu başlık kartının içine düşerse rengi miras alıp
 * okunamaz hale geliyordu. wp-header-end işaretçisi bunu zaten çözüyor;
 * burası ikinci güvence: uyarı nereye düşerse düşsün kendi rengini taşısın.
 */
.smm-admin .notice,
.smm-admin .notice p,
.smm-admin .notice a { color: #1f2328; }
.smm-admin .notice { background: #fff; }
.smm-admin .notice a { color: #0b57d0; }
.smm-admin .notice .button-primary,
.smm-admin .notice .button-primary:hover,
.smm-admin .notice .button-primary:focus { color: #fff; }

/* ------------------------------------------------- dar ekranda yönetim */
/*
 * Telefondan bakan mağaza sahibi için sipariş, finans, sağlayıcı ve destek
 * ekranları sağa taşıyordu: tablolar ekrandan 150-500 piksel genişti ve
 * sayfanın tamamı yana kayıyordu; başlık ve menü de birlikte kayınca ekran
 * kullanılamaz hale geliyordu. Tablo kendi içinde kaydırılır, sayfa sabit
 * kalır. Filtre ve toplu işlem çubuklarındaki alanlar da ekranı aşmaz.
 */
@media (max-width: 782px) {
	.smm-admin table.wp-list-table,
	.smm-admin table.smm-admin__table {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.smm-admin table.wp-list-table > thead > tr > th,
	.smm-admin table.wp-list-table > tbody > tr > td { white-space: nowrap; }

	.smm-admin__filters > *,
	.smm-admin__bulk > * { max-width: 100%; }

	.smm-admin__filters input[type="search"],
	.smm-admin__filters select,
	.smm-admin__bulk select { min-width: 0; flex: 1 1 46%; }
}

/* ---------------------------------------------------------------- görünüm */

.smm-admin__lead { max-width: 76ch; font-size: 14px; color: var(--smm-a-muted); }

.smm-admin__themes { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); margin: 18px 0 24px; }

.smm-admin__theme { display: grid; background: #fff; border: 1px solid var(--smm-a-line); border-radius: 14px; overflow: hidden; }
.smm-admin__theme.is-active { border-color: var(--smm-a-brand); box-shadow: 0 0 0 1px var(--smm-a-brand); }

.smm-admin__theme-shot { aspect-ratio: 4 / 3; background: #f3f4f9; display: grid; place-items: center; overflow: hidden; }
.smm-admin__theme-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.smm-admin__theme-blank { font-size: 44px; font-weight: 700; color: #b9c0d4; }

.smm-admin__theme-body { padding: 16px 18px; display: grid; gap: 8px; align-content: start; }
.smm-admin__theme-body h3 { margin: 0; font-size: 15px; display: flex; align-items: center; gap: 8px; }
.smm-admin__theme-body p { margin: 0; font-size: 13px; color: var(--smm-a-muted); }

/*
 * Tema kartındaki "Etkin" rozeti. Kural önce sınıfın tamamına yazılmıştı ve
 * dosyanın sonunda geldiği için durum rozetlerinin (Tamamlandı, Ödeme
 * Bekleniyor…) kendi renklerini eziyordu. Daha kötüsü: WordPress'in kendi
 * liste tablolarında `.smm-admin` sarmalayıcısı yok, `--smm-a-brand` tanımsız
 * kalıyor ve rozet beyaz satırda beyaz yazıya dönüyordu — hizmet listesinde
 * "Elle teslim" ve "Açık" etiketleri görünmüyordu. Kural tema kartına
 * daraltıldı, değişkene de yedek renk verildi.
 */
.smm-admin__theme-body .smm-admin__badge {
	background: var(--smm-a-brand, #c44a06); color: #fff;
	border-radius: 999px; padding: 2px 9px; font-size: 11px; font-weight: 600;
}

.smm-admin__theme-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; align-items: center; }
.smm-admin__theme-actions form { margin: 0; }