/* ==========================================================================
   NetaSocial — 2026 teması ("Gece mavisi ve nane")
   --------------------------------------------------------------------------
   Bu dosya yalnızca GÖRÜNÜMÜ değiştirir. theme.css'ten sonra, kullanıcının
   Görünüm ayarlarından gelen satır içi stilden ÖNCE yüklenir; böylece
   kullanıcının kendi seçtiği renkler ve yazı tipi bu temanın üstüne yazılır.

   Eski renklere dönmek için head_assets.php içindeki theme-2026.css
   satırını kaldırmak yeterlidir. Hiçbir PHP/JS davranışı bu dosyaya bağlı
   değildir.
   ========================================================================== */

:root {
    --color-bg: #eef2f7;
    --color-bg-soft: #f6f8fb;
    --color-surface: #ffffff;
    --color-surface-2: #f5f8fb;
    --color-surface-3: #eaeff5;
    --color-border: #e3e8ef;
    --color-border-strong: #d3dbe6;
    --color-text-primary: #0f1b2d;
    --color-text-secondary: #4b586b;
    --color-text-muted: #6b788c;

    --color-accent-1: #12c2ad;
    --color-accent-2: #0a7d70;
    --color-accent-3: #5fdccb;
    --color-accent-soft: rgba(18, 194, 173, .14);
    --color-accent-softer: rgba(18, 194, 173, .07);
    --color-on-accent: #05221f;
    --gradient-brand: linear-gradient(135deg, #1ccfb9 0%, #12c2ad 55%, #0fb4a0 100%);
    --gradient-brand-soft: linear-gradient(135deg, rgba(18, 194, 173, .14), rgba(95, 220, 203, .07));

    --color-coral: #d63e1f;
    --color-sun: #ffd25e;
    --color-night: #0b1426;

    --color-success-bg: #e3f8ec;
    --color-success-text: #0d7a3e;
    --color-warning-bg: #fff4d1;
    --color-warning-text: #865700;
    --color-danger-bg: #fdebe7;
    --color-danger-text: #c2381a;
    --color-info-bg: #e6f0ff;
    --color-info-text: #1d5fc9;

    --font-app: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;

    --header-bg: #0b1426;
    --header-text: #ffffff;
    --header-text-muted: #aeb9ca;
    --header-border: rgba(255, 255, 255, .1);
    --header-hover: rgba(255, 255, 255, .08);

    --chat-bg: #f4f7fb;
    --bubble-in-bg: #ffffff;
    --bubble-in-border: transparent;
    --bubble-out-bg: color-mix(in srgb, var(--color-accent-1) 20%, #ffffff);
    --bubble-out-text: #0f1b2d;
    --bubble-out-shadow: 0 1px 2px rgba(15, 27, 45, .08);

    --shadow-xs: 0 1px 2px rgba(15, 27, 45, .05);
    --shadow-sm: 0 1px 2px rgba(15, 27, 45, .05), 0 8px 24px -18px rgba(15, 27, 45, .28);
    --shadow-md: 0 10px 28px -12px rgba(15, 27, 45, .22);
    --shadow-lg: 0 24px 60px -20px rgba(15, 27, 45, .35);
    --shadow-focus: 0 0 0 4px rgba(18, 194, 173, .18);

    /* Bazı sayfaların kullandığı ama theme.css'te hiç tanımlanmamış renk
       adları. Tanımsız oldukları için o yerler renksiz görünüyordu
       (ör. Paketim sayfasındaki seçili Aylık/Yıllık düğmesi). */
    --color-primary: color-mix(in srgb, var(--color-accent-1) 62%, #000000);
    --color-primary-soft: var(--color-accent-soft);
    --color-accent: var(--color-primary);
    --color-text: var(--color-text-primary);
    --color-surface-muted: var(--color-surface-2);
    --color-surface-soft: var(--color-surface-2);
    --color-bg-subtle: var(--color-surface-2);
    --color-bg-primary: var(--color-surface);
    --color-danger: #d63e1f;
    --color-danger-soft: var(--color-danger-bg);
    --color-danger-border: color-mix(in srgb, var(--color-danger-text) 28%, transparent);

    --radius-xs: 7px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 24px;
}

[data-theme="dark"] {
    --color-bg: #0a111d;
    --color-bg-soft: #0d1523;
    --color-surface: #121b2b;
    --color-surface-2: #172234;
    --color-surface-3: #1d2a3f;
    --color-border: #24324a;
    --color-border-strong: #31415e;
    --color-text-primary: #eef3fa;
    --color-text-secondary: #b4c0d3;
    --color-text-muted: #8796ad;
    --color-accent-2: #5fdccb;
    --color-accent-soft: rgba(18, 194, 173, .18);
    --color-accent-softer: rgba(18, 194, 173, .09);
    --color-success-bg: rgba(22, 163, 74, .18);
    --color-success-text: #6ee2a0;
    --color-warning-bg: rgba(212, 161, 6, .18);
    --color-warning-text: #f5c95c;
    --color-danger-bg: rgba(214, 62, 31, .2);
    --color-danger-text: #ff9a82;
    --color-info-bg: rgba(47, 124, 246, .2);
    --color-info-text: #93bbff;
    --header-bg: #070d17;
    --chat-bg: #0d1523;
    --bubble-in-bg: #172234;
    --bubble-in-text: #eef3fa;
    --bubble-out-bg: color-mix(in srgb, var(--color-accent-1) 26%, #121b2b);
    --bubble-out-text: #eef3fa;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-sm: 0 6px 18px rgba(0, 0, 0, .3);
    --shadow-md: 0 14px 34px rgba(0, 0, 0, .36);
    --shadow-lg: 0 24px 60px rgba(0, 0, 0, .45);
}

/* ---------- Genel ---------- */
body { word-spacing: .02em; }
h1, h2, h3, h4 { letter-spacing: -.02em; }
h1 { font-weight: 800; }
h2, h3 { font-weight: 750; }
::selection { background: rgba(18, 194, 173, .28); }
input::placeholder, textarea::placeholder { color: #8a96a8; }
input:hover, select:hover, textarea:hover { border-color: var(--color-border-strong); }

/* ---------- Üst bar ---------- */
.app-header {
    background: var(--header-bg);
    color: var(--header-text);
    border-bottom: 1px solid var(--header-border);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
}
[data-header-tone="dark"] .app-header .brand__logo--light { display: none; }
[data-header-tone="dark"] .app-header .brand__logo--dark { display: block; }
[data-header-tone="light"] .app-header .brand__logo--light { display: block; }
[data-header-tone="light"] .app-header .brand__logo--dark { display: none; }

.app-header .top-nav__link,
.app-header .top-nav__button {
    color: var(--header-text-muted);
    font-weight: 600;
    border-radius: 10px;
}
.app-header .top-nav__link:hover,
.app-header .top-nav__button:hover {
    background: var(--header-hover);
    color: var(--header-text);
}
.app-header .top-nav__link.is-active,
.app-header .top-nav__button.is-active {
    background: color-mix(in srgb, var(--header-text) 13%, transparent);
    color: var(--header-text);
    font-weight: 700;
}
.app-header .top-nav__link > svg:first-child,
.app-header .top-nav__button > svg:first-child { color: var(--color-accent-1); }
.app-header .top-nav__divider { background: var(--header-border); }

.app-header .icon-button {
    color: var(--header-text-muted);
    border-color: var(--header-border);
    background: color-mix(in srgb, var(--header-text) 5%, transparent);
}
.app-header .icon-button:hover {
    color: var(--header-text);
    background: var(--header-hover);
    border-color: var(--header-border);
}
.app-header .notification-dot {
    background: var(--color-coral);
    border-color: var(--header-bg);
}
.app-header .user-menu__trigger { color: var(--header-text); }
.app-header .user-menu__trigger:hover { background: var(--header-hover); border-color: var(--header-border); }
.app-header .user-menu__role { color: var(--header-text-muted); }
.app-header .user-menu__trigger > svg { color: var(--header-text-muted); }
.app-header .avatar {
    background: var(--color-sun);
    border: 0;
    color: #3a2a00;
    border-radius: 10px;
}

.dropdown { border-radius: 16px; padding: 8px; }
.dropdown__item { border-radius: 10px; font-weight: 550; }
.dropdown__item:hover { background: var(--color-accent-softer); color: var(--color-text-primary); }

@media (max-width: 1050px) {
    .mobile-nav__panel { border-radius: 18px; }
    .mobile-nav__link { border-radius: 11px; }
    .mobile-nav__link:hover,
    .mobile-nav__link.is-active { background: var(--color-accent-soft); color: var(--color-text-primary); font-weight: 700; }
}

/* ---------- Düğmeler ---------- */
.btn { border-radius: 11px; font-weight: 700; }
.btn-primary,
.btn-primary:hover {
    background: var(--gradient-brand);
    color: var(--color-on-accent);
    box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--color-accent-1) 85%, transparent);
}
.btn-primary:hover { filter: brightness(1.04); }
.btn-primary svg { color: currentColor; }
.btn-secondary { border-color: var(--color-border-strong); color: var(--color-text-primary); }
.btn-secondary:hover { border-color: color-mix(in srgb, var(--color-accent-1) 45%, var(--color-border-strong)); background: var(--color-surface-2); }
.btn-sm { border-radius: 9px; }

/* ---------- Kartlar, tablolar, rozetler ---------- */
.card { border-color: var(--color-border); box-shadow: var(--shadow-sm); }
.card--hover:hover { border-color: color-mix(in srgb, var(--color-accent-1) 35%, var(--color-border)); }

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="url"],
input[type="datetime-local"], input[type="date"], input[type="time"], input[type="search"], select, textarea {
    border-radius: 11px;
}

.data-table th { background: var(--color-surface-2); color: var(--color-text-secondary); letter-spacing: .05em; }
.data-table tbody tr:hover { background: var(--color-accent-softer); }

.badge, .status-badge { font-weight: 700; }
.platform-pill { font-weight: 700; }

.tabs { background: var(--color-surface-3); border-radius: 12px; }
.tab.is-active { box-shadow: 0 1px 3px rgba(15, 27, 45, .12); font-weight: 700; }
.segmented__item.is-active { color: var(--color-text-primary); font-weight: 700; }

.empty-state__icon { border-radius: 18px; }
.page-header__eyebrow { color: var(--color-accent-2); }
.modal { border-radius: 22px; }
.modal-backdrop { background: rgba(7, 13, 23, .55); }

/* ---------- Raporlar ---------- */
.metric-card { position: relative; border-radius: 18px; }
.metric-card::after { display: none; }
.metric-card__icon {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: var(--color-accent-soft);
    color: var(--color-accent-2);
}
.metric-card__label { padding-right: 40px; font-size: 12.5px; font-weight: 650; color: var(--color-text-secondary); }
.metric-card__value { font-weight: 800; }
.report-kpi-grid .metric-card:nth-child(2) .metric-card__icon { background: #e3f2ff; color: #1659b8; }
.report-kpi-grid .metric-card:nth-child(3) .metric-card__icon { background: #ede9ff; color: #4c3bc4; }
.report-kpi-grid .metric-card:nth-child(4) .metric-card__icon { background: #fff1e8; color: #c2410c; }
.report-kpi-grid .metric-card:nth-child(5) .metric-card__icon { background: #fff3c4; color: #6b5200; }
.report-kpi-grid .metric-card:nth-child(6) .metric-card__icon { background: #e7f8ee; color: #0d6b38; }
[data-theme="dark"] .report-kpi-grid .metric-card .metric-card__icon { background: var(--color-surface-3); }
.report-kpi-grid .metric-card:first-child {
    background: var(--color-night);
    border-color: var(--color-night);
}
.report-kpi-grid .metric-card:first-child .metric-card__label,
.report-kpi-grid .metric-card:first-child .metric-card__foot { color: #aeb9ca; }
.report-kpi-grid .metric-card:first-child .metric-card__value { color: #ffffff; }
.report-kpi-grid .metric-card:first-child .metric-card__icon { background: var(--color-accent-1); color: var(--color-on-accent); }

.report-quick-range { display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--color-surface); border: 1px solid var(--color-border); }
.report-quick-range__item { min-height: 34px; padding: 0 12px; border-radius: 9px; display: inline-flex; align-items: center; color: var(--color-text-secondary); font-size: 13px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.report-quick-range__item:hover { color: var(--color-text-primary); background: var(--color-surface-2); }
.report-quick-range__item.is-active { background: var(--color-night); color: #ffffff; font-weight: 750; }
[data-theme="dark"] .report-quick-range__item.is-active { background: var(--color-accent-1); color: var(--color-on-accent); }
.report-filterbar { border-radius: 18px; }

.report-dist__bar { display: flex; gap: 3px; height: 14px; margin-bottom: 18px; overflow: hidden; border-radius: 7px; }
.report-dist__seg { display: block; min-width: 4px; background: var(--color-accent-1); }
.report-dist__seg--whatsapp { background: #1fb85a; }
.report-dist__seg--instagram { background: #d62976; }
.report-dist__seg--facebook { background: #1877f2; }
.report-dist__seg--web { background: var(--color-accent-1); }
.report-dist__list { display: flex; flex-direction: column; gap: 12px; }
.report-dist__row { display: flex; align-items: center; gap: 10px; }
.report-dist__icon { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; display: grid; place-items: center; background: var(--color-accent-1); color: var(--color-on-accent); font-size: 14px; font-weight: 800; }
.report-dist__icon--whatsapp { background: #25d366; color: #063d1f; }
.report-dist__icon--instagram { background: #d62976; color: #ffffff; }
.report-dist__icon--facebook { background: #1877f2; color: #ffffff; }
.report-dist__name { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.report-dist__name b { font-size: 13.5px; color: var(--color-text-primary); }
.report-dist__name small { color: var(--color-text-muted); font-size: 12px; }
.report-dist__pct { color: var(--color-text-primary); font-size: 15px; }
.table-shell { border-radius: 18px; box-shadow: var(--shadow-sm); }
@media (max-width: 760px) {
    .report-quick-range { width: 100%; }
    .report-quick-range__item { flex: 1 1 0; justify-content: center; padding: 0 6px; }
}

/* ---------- Gelen kutusu ---------- */
.inbox-page { background: var(--color-bg); }
.inbox-list-header__title { font-weight: 800; letter-spacing: -.02em; }
.inbox-count { background: var(--color-accent-soft); color: var(--color-accent-2); font-weight: 800; }

.inbox-search input { border-radius: 12px; }
.inbox-list-panel .inbox-search input { background: var(--color-surface-2); border-color: var(--color-border); }
.inbox-list-panel .inbox-search input:focus { border-color: var(--color-accent-1); background: var(--color-surface); box-shadow: var(--shadow-focus); }
.filter-button { border-radius: 11px; }
.filter-button:hover,
.filter-button.is-open,
.filter-button.has-selection { border-color: color-mix(in srgb, var(--color-accent-1) 45%, var(--color-border)); }
.filter-choice.is-selected .filter-choice__check { color: var(--color-on-accent); }
.inbox-view-tab { border-radius: 9px; font-weight: 650; }
.inbox-list-panel .inbox-view-tab.is-active,
.inbox-view-tab.is-active {
    background: var(--color-accent-1);
    color: var(--color-on-accent);
    font-weight: 750;
}
#unread-filter-count,
#expired-filter-count {
    background: var(--color-coral) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(214, 62, 31, .35) !important;
}

/* Konuşma satırları */
.inbox-list-panel .conversation-item { border-bottom-color: color-mix(in srgb, var(--menu-border) 70%, transparent); }
.conversation-item.is-unread:not(.is-active) {
    background: color-mix(in srgb, var(--color-accent-1) 6%, var(--menu-bg, var(--color-surface)));
    box-shadow: none;
}
.conversation-item.is-unread:not(.is-active):hover {
    background: color-mix(in srgb, var(--color-accent-1) 10%, var(--menu-bg, var(--color-surface)));
}
.conversation-item.is-active {
    background: var(--conversation-active-bg, color-mix(in srgb, var(--color-accent-1) 18%, var(--menu-bg, var(--color-surface))));
    box-shadow: inset 4px 0 0 var(--conversation-active-bar, var(--color-accent-1));
}
.conversation-item.is-active::before { display: none; }
.conversation-item.is-unread .conversation-name { font-weight: 800; }
.conversation-item.is-unread .conversation-time { color: var(--color-coral); font-weight: 750; }
[data-theme="dark"] .conversation-item.is-unread .conversation-time { color: #ff9a82; }
.conversation-unread-badge {
    background: var(--color-coral);
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(214, 62, 31, .3);
}
.conversation-avatar {
    border-radius: 14px;
    background: color-mix(in srgb, var(--color-accent-1) 16%, var(--color-surface));
    color: var(--color-accent-2);
    font-weight: 800;
}
.conversation-avatar__platform { border-radius: 50%; }

/* Konuşma alanı */
.thread-header { background: var(--color-surface); }
.thread-header__name { font-weight: 800; letter-spacing: -.01em; }
.thread-panel,
.thread-messages { background-color: var(--chat-bg); }
.message-day {
    border: 0;
    background: color-mix(in srgb, var(--color-surface-3) 88%, transparent);
    color: var(--color-text-secondary);
    font-weight: 700;
}
.bubble { border-radius: 16px; box-shadow: 0 1px 2px rgba(15, 27, 45, .07); }
.bubble.contact { border-bottom-left-radius: 5px; }
.bubble.agent { border-bottom-right-radius: 5px; }
.delivery-status-tag.is-read { color: #2f7cf6; }
[data-theme="dark"] .delivery-status-tag.is-read { color: #7fb4ff; }

.composer-wrap { box-shadow: 0 -6px 20px -14px rgba(15, 27, 45, .25); }
.composer__input { border-radius: 14px; background: var(--color-surface-2); }
.composer__input:focus { border-color: var(--color-accent-1); box-shadow: var(--shadow-focus); }
.composer__tool { border-radius: 10px; color: var(--color-text-secondary); }
.composer__tool:hover { background: var(--color-accent-softer); color: var(--color-accent-2); }
.composer__send { border-radius: 13px; }

/* Sağ müşteri paneli: başlık üst barla aynı renkte */
.contact-panel__header {
    position: relative;
    background: var(--header-bg);
    color: var(--header-text);
    border-bottom: 0;
}
.contact-panel__header .contact-panel__name { color: var(--header-text); }
.contact-panel__header .icon-button {
    color: var(--header-text-muted);
    border-color: var(--header-border);
    background: transparent;
}
.contact-panel__header .icon-button:hover { color: var(--header-text); background: var(--header-hover); }
.contact-panel__avatar {
    border-radius: 22px;
    border: 0;
    background: color-mix(in srgb, var(--color-accent-1) 22%, #ffffff);
    color: color-mix(in srgb, var(--color-accent-1) 42%, #000000);
}
.contact-panel__section-title { font-weight: 800; }
.profile-link { border-radius: 11px; }
.profile-link:hover { background: var(--color-accent-softer); }

/* ---------- Giriş / kayıt / şifre sayfaları ---------- */
.auth-page { background: var(--color-surface); }
@media (min-width: 1051px) {
    .auth-page { grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr); }
}
.auth-visual {
    order: -1;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 32px;
    padding: 44px clamp(32px, 4vw, 60px);
    background:
        radial-gradient(circle at 88% 6%, rgba(18, 194, 173, .34), transparent 40%),
        radial-gradient(circle at 6% 96%, rgba(255, 106, 61, .22), transparent 38%),
        #0b1426;
    color: #ffffff;
}
.auth-visual::before,
.auth-visual::after { display: none; }
.auth-visual__logo { position: relative; z-index: 1; align-self: flex-start; width: 170px; max-height: 46px; object-fit: contain; }
.auth-visual .auth-preview { margin: auto 0; max-width: 580px; display: flex; flex-direction: column; gap: 18px; }
.auth-preview__headline { margin: 0; color: #ffffff; font-size: clamp(30px, 3.1vw, 44px); font-weight: 800; line-height: 1.12; letter-spacing: -.035em; }
.auth-preview__accent { color: #12c2ad; }
.auth-preview__copy { margin: 0; color: #b7c2d3; font-size: 15.5px; line-height: 1.6; }
.auth-visual__foot { position: relative; z-index: 1; margin: 0; color: #8a9ab0; font-size: 12.5px; }

.auth-chats { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.auth-chat {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 420px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: rgba(255, 255, 255, .07);
    color: #ffffff;
}
.auth-chat--offset { margin-left: 40px; }
.auth-chat__avatar { position: relative; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; background: #ffe1d6; color: #9a2f12; font-size: 13px; font-weight: 700; }
.auth-chat__avatar.is-blue { background: #e3f2ff; color: #1659b8; }
.auth-chat__platform { position: absolute; right: -3px; bottom: -3px; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #0b1426; }
.auth-chat__platform.is-whatsapp { background: #25d366; }
.auth-chat__platform.is-instagram { background: #d62976; }
.auth-chat__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.auth-chat__text b { font-size: 13.5px; }
.auth-chat__text small { overflow: hidden; color: #b7c2d3; font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.auth-chat__badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; display: grid; place-items: center; background: var(--color-coral); color: #ffffff; font-size: 11px; font-weight: 700; }
.auth-chat__status { padding: 4px 9px; border-radius: 8px; background: rgba(18, 194, 173, .2); color: #7ee8d8; font-size: 11px; font-weight: 700; white-space: nowrap; }

.auth-panel { background: var(--color-surface); }
.auth-panel__inner { width: min(400px, 100%); }
.auth-panel__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 40px; }
.auth-logo { display: inline-flex; }
.auth-logo__img { display: block; width: auto; height: 40px; max-width: 190px; object-fit: contain; }
.auth-logo__img--dark { display: none; }
[data-theme="dark"] .auth-logo__img--light { display: none; }
[data-theme="dark"] .auth-logo__img--dark { display: block; }
@media (min-width: 1051px) {
    /* Geniş ekranda logo zaten koyu alanda görünüyor; formda tekrar edilmez. */
    .auth-panel .auth-logo,
    .auth-panel .auth-brand:has(.auth-logo) { display: none; }
    .auth-panel__top { justify-content: flex-end; }
}
.auth-panel__intro h1 { margin: 0 0 6px; font-size: 30px; font-weight: 800; letter-spacing: -.03em; }
.auth-panel__intro p { margin: 0 0 26px; font-size: 14.5px; }
.auth-panel h1 { font-weight: 800; letter-spacing: -.03em; }
.auth-field-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 7px; }
.auth-field-head label { margin: 0 !important; }
.auth-field-head a { color: var(--color-accent-2); font-size: 13px; font-weight: 700; }
.auth-panel .field label { color: var(--color-text-primary); font-size: 13px; font-weight: 650; }
.auth-panel input[type="email"],
.auth-panel input[type="password"],
.auth-panel input[type="text"],
.auth-panel input[type="tel"],
.auth-panel input:not([type]) {
    width: 100%;
    min-height: 50px;
    border-width: 1.5px;
    border-radius: 13px;
    background: var(--color-surface-2);
    font-size: 15px;
}
.auth-panel input:focus { background: var(--color-surface); }
.auth-panel .input-group input { padding-left: 42px; }
.auth-panel .input-group__icon { left: 14px; }
.auth-panel .input-group:has(.auth-eye) input { padding-right: 52px; }
.auth-eye {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--color-text-secondary);
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    cursor: pointer;
}
.auth-eye:hover,
.auth-eye[aria-pressed="true"] { color: var(--color-accent-2); background: var(--color-accent-softer); }
.auth-panel .btn-lg { min-height: 52px; border-radius: 14px; font-size: 15px; font-weight: 800; }
.auth-divider { display: flex; align-items: center; gap: 12px; margin: 22px 0; color: var(--color-text-muted); font-size: 12.5px; }
.auth-divider::before,
.auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--color-border); }
.auth-panel .auth-footer-links { justify-content: center; margin-top: 22px; }
.auth-panel .auth-footer-links a { font-size: 11.5px; }

/* ---------- Görünüm paneli ---------- */
.ap-pill.is-selected,
.ap-font.is-selected { border-color: var(--color-accent-1); }
.ap-tab { border-radius: 14px 0 0 14px; }

/* ==========================================================================
   2026 — Gelen kutusu yerleşimi (onaylanan tasarıma yakın)
   ========================================================================== */

/* Üst menü: Konuşmalar okunmamış sayacı */
.top-nav__count,
.app-header .top-nav__link > span.top-nav__count {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 2px;
    border-radius: 10px;
    background: var(--color-accent-1);
    color: var(--color-on-accent);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    display: inline-grid;
    place-items: center;
}
.top-nav__count[hidden],
.app-header .top-nav__link > span.top-nav__count[hidden] { display: none; }

/* Üç bölüm ayrı kartlar (masaüstü) */
@media (min-width: 761px) {
    .inbox-workspace {
        gap: 12px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
    }
    .inbox-list-panel,
    .thread-panel {
        border: 1px solid var(--color-border);
        border-radius: 18px;
        box-shadow: var(--shadow-sm);
        overflow: hidden;
    }
}
@media (min-width: 1051px) {
    .contact-panel {
        gap: 12px;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    .contact-panel__header {
        border-radius: 18px;
        flex: 0 0 auto;
    }
    .contact-panel__section {
        flex: 0 0 auto;
        border: 1px solid var(--color-border);
        border-radius: 18px;
        background: var(--color-surface);
        box-shadow: var(--shadow-xs);
    }
}

/* Liste başlığı */
.inbox-list-header { border-bottom: 0; padding-bottom: 6px; }
.inbox-list-header__top { gap: 8px; }
.inbox-list-header__title { min-width: 0; white-space: nowrap; }
.inbox-list-header__title > svg { display: none; }
.inbox-list-header__tools { display: flex; align-items: center; gap: 4px; min-width: 0; }
.filter-toggle.filter-toggle--compact {
    width: auto;
    max-width: 150px;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    margin: 0;
    padding: 0 9px;
    gap: 6px;
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 650;
    background: var(--color-surface);
}
.filter-toggle--compact #filter-toggle-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.filter-toggle--compact .filter-toggle__chevron { margin-left: 0; flex: 0 0 auto; }
.filter-toggle--compact > svg { flex: 0 0 auto; }
.filter-toggle--compact[aria-expanded="true"] { border-color: var(--color-accent-1); background: var(--color-accent-softer); }

.inbox-quick-status {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
    padding: 3px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: var(--color-surface-3);
}
.inbox-quick-status__item {
    min-width: 0;
    height: 32px;
    padding: 0 6px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--color-text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
}
.inbox-quick-status__item:hover { color: var(--color-text-primary); }
.inbox-quick-status__item.is-active {
    background: var(--color-surface);
    color: var(--color-text-primary);
    font-weight: 750;
    box-shadow: 0 1px 3px rgba(15, 27, 45, .14);
}
.inbox-quick-status__item .filter-choice__status-dot { width: 8px; height: 8px; flex: 0 0 8px; }

/* Kanal düğmeleri sığmazsa alt satıra geçer; hiçbiri gizli kalmaz. */
.inbox-quick-channels {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px;
}
.inbox-quick-channel {
    flex: 0 0 auto;
    height: 30px;
    padding: 0 9px;
    border: 1px solid var(--color-border);
    border-radius: 15px;
    background: var(--color-surface);
    color: var(--color-text-secondary);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
}
.inbox-quick-channel:hover { border-color: var(--color-border-strong); color: var(--color-text-primary); }
.inbox-quick-channel.is-active {
    background: var(--color-text-primary);
    border-color: var(--color-text-primary);
    color: var(--color-surface);
}
.inbox-quick-channel__icon { display: inline-flex; }
.inbox-quick-channel__icon svg { width: 16px !important; height: 16px !important; }

/* Konuşma satırları: ayrı, yuvarlak köşeli satırlar */
.conversation-list { padding: 4px 8px 8px; }
.inbox-list-panel .conversation-item,
.conversation-item {
    min-height: 0;
    margin-bottom: 2px;
    padding: 11px 12px;
    gap: 12px;
    grid-template-columns: 44px minmax(0, 1fr);
    border-bottom: 0;
    border-radius: 14px;
}
.conversation-avatar { width: 44px; height: 44px; font-size: 13px; }
.conversation-name { font-size: 14px; }
.conversation-time { font-size: 11.5px; }
.conversation-preview { margin: 3px 0 6px; min-height: 0; font-size: 13px; }
.conversation-meta { gap: 6px; flex-wrap: nowrap; overflow: hidden; }
.conversation-channel,
.conversation-channel--facebook,
.conversation-channel--instagram,
.conversation-channel--whatsapp,
[data-theme="dark"] .conversation-channel--facebook,
[data-theme="dark"] .conversation-channel--instagram,
[data-theme="dark"] .conversation-channel--whatsapp {
    min-height: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    color: var(--color-text-muted);
    font-size: 11.5px;
    font-weight: 600;
}
.conversation-assignee { font-size: 11.5px; }
.conversation-tag { font-size: 11px; font-weight: 650; padding: 1px 8px; border-radius: 6px; }
.conversation-source-tag { font-size: 10.5px; border-radius: 6px; padding: 2px 7px; }
.conversation-item.is-active .conversation-channel,
.conversation-item.is-active .conversation-assignee { color: var(--color-text-secondary); }

/* Konuşma başlığı */
.thread-header { gap: 10px; }
.thread-header__actions { gap: 8px; }
.thread-status { position: relative; display: inline-flex; align-items: center; }
.thread-status__dot {
    position: absolute;
    left: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
    pointer-events: none;
}
.thread-status[data-status="pending"] .thread-status__dot { background: #d4a106; }
.thread-status[data-status="closed"] .thread-status__dot { background: #8a96a8; }
.thread-status .select-compact {
    min-height: 36px;
    padding-left: 27px;
    border-radius: 10px;
    font-weight: 650;
}
.thread-assign {
    height: 36px;
    max-width: 180px;
    padding: 0 12px 0 5px;
    border: 1px solid var(--color-border-strong);
    border-radius: 10px;
    background: var(--color-surface);
    color: var(--color-text-primary);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}
.thread-assign:hover { border-color: color-mix(in srgb, var(--color-accent-1) 45%, var(--color-border-strong)); }
.thread-assign__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thread-assign__avatar {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: var(--color-accent-soft);
    color: var(--color-accent-2);
    font-size: 11px;
    font-weight: 800;
}
.thread-assign[data-state="mine"] .thread-assign__avatar { background: var(--color-sun); color: #3a2a00; }
.thread-assign[data-state="none"] .thread-assign__avatar {
    background: transparent;
    border: 1.5px dashed var(--color-border-strong);
    color: var(--color-text-secondary);
    font-size: 15px;
}
.thread-close-btn {
    min-height: 36px;
    height: 36px;
    padding: 0 14px;
    gap: 6px;
    border-radius: 10px;
}
.thread-close-btn .thread-close-btn__icon-reopen { display: none; }
.thread-close-btn.is-reopen .thread-close-btn__icon-close { display: none; }
.thread-close-btn.is-reopen .thread-close-btn__icon-reopen { display: inline-block; }
.thread-close-btn.is-reopen,
.thread-close-btn.is-reopen:hover {
    background: var(--color-surface);
    color: var(--color-text-primary);
    border-color: var(--color-border-strong);
    box-shadow: none;
}

/* Yazma alanı: çerçeveli kutu */
.composer.composer--boxed { display: block; padding: 10px 14px 14px; }
.composer__box {
    display: flex;
    flex-direction: column;
    border: 1.5px solid var(--color-border-strong);
    border-radius: 16px;
    background: var(--color-surface);
    overflow: hidden;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.composer__box:focus-within { border-color: var(--color-accent-1); box-shadow: var(--shadow-focus); }
.composer--boxed .composer__input,
.composer--boxed .composer__input:hover,
.composer--boxed .composer__input:focus {
    width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 12px 14px 6px;
}
.composer__bar {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px 8px 8px;
    background: transparent;
}
.composer__spacer { flex: 1 1 auto; }
.composer__tool { width: 36px; height: 36px; }
.composer__tool.composer__tool--text {
    width: auto;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 650;
    color: var(--color-text-secondary);
    white-space: nowrap;
}
.composer__send.composer__send--text {
    width: auto;
    height: 38px;
    min-height: 38px;
    padding: 0 16px;
    gap: 8px;
    border-radius: 11px;
    font-size: 14px;
}
.composer.is-locked .composer__box { background: var(--color-surface-2); border-style: dashed; }
.composer.is-locked .composer__input { background: transparent; }

/* Ara genişlikler: dar ekranda müşteri adına yer kalsın diye atama
   düğmesi yalnız baş harfleri gösterir (üstüne gelince tam adı yazar). */
@media (max-width: 1400px) {
    .thread-assign { padding-right: 5px; }
    .thread-assign__label { display: none; }
    .thread-header__actions { gap: 6px; }
    .thread-close-btn { padding: 0 12px; }
}

/* Telefon */
@media (max-width: 760px) {
    .inbox-list-panel,
    .thread-panel { border-radius: 0; }
    .conversation-list { padding: 2px 6px 8px; }
    .filter-toggle.filter-toggle--compact { max-width: 120px; }
    .thread-assign { display: none; }
    .thread-status__dot { display: none; }
    .thread-status .select-compact { padding-left: 9px; min-height: 34px; }
    .thread-close-btn { width: 34px; height: 34px; min-height: 34px; padding: 0; justify-content: center; }
    .thread-close-btn [data-close-label] { display: none; }
    .composer.composer--boxed { padding: 6px 8px 8px; }
    .composer__bar { padding: 2px 6px 6px; }
    .composer__tool.composer__tool--text { width: 34px; padding: 0; justify-content: center; }
    .composer__tool.composer__tool--text span { display: none; }
    .composer__send.composer__send--text { width: 40px; height: 40px; min-height: 40px; padding: 0; flex: 0 0 40px; }
    .composer__send-label { display: none; }
}
@media (max-width: 390px) {
    .inbox-quick-status__item { font-size: 12px; gap: 4px; }
}
@media (max-width: 360px) {
    .thread-close-btn { display: none; }
}

/* ==========================================================================
   2026 — Kanallar sayfası (eski düzen korunur, yalnız renk/köşe uyumu)
   ========================================================================== */
.channel-rail { border-radius: 18px; }
.channel-rail__item { border-radius: 12px; }
.channel-rail__item.is-active { border-color: color-mix(in srgb, var(--color-accent-1) 35%, transparent); font-weight: 700; }
.channel-connect-hero { border-radius: 18px; }
.channel-connect-hero__visual { background: var(--color-night); border-left: 0; }
.channel-connect-hero__visual::before { background: rgba(18, 194, 173, .22); }
.channel-card { border-radius: 16px; }

/* =====================================================================
   Yönetim ekranları — ortak sol menü ve sayfa düzeni (2026)
   Sol menü header.php'den gelir; sayfaların kendi HTML'i değişmez.
   ===================================================================== */
:root { --admin-side-w: 250px; }
.admin-side {
    position: fixed;
    z-index: 40;
    top: calc(var(--header-height) + 24px);
    left: max(24px, calc(50% - 800px));
    width: var(--admin-side-w);
    max-height: calc(100vh - var(--header-height) - 40px);
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 18px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
    scrollbar-width: thin;
}
.admin-side__toggle { display: none; }
.admin-side__list { display: flex; flex-direction: column; gap: 2px; }
.admin-side__group {
    padding: 12px 10px 5px;
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.admin-side__group:first-child { padding-top: 4px; }
.admin-side__link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 7px 10px;
    border-radius: 11px;
    color: var(--color-text-secondary);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
}
.admin-side__link svg { flex: none; opacity: .75; }
.admin-side__link:hover { background: var(--color-surface-2, #f3f6fa); color: var(--color-text-primary); }
.admin-side__link.is-active {
    background: rgba(18, 194, 173, .14);
    color: var(--color-text-primary);
    font-weight: 750;
    box-shadow: inset 3px 0 0 var(--color-accent-1, #12c2ad);
}
.admin-side__link.is-active svg { opacity: 1; color: var(--color-accent-2, #0a7d70); }
[data-theme="dark"] .admin-side__link.is-active { background: rgba(18, 194, 173, .18); }
[data-theme="dark"] .admin-side__link.is-active svg { color: var(--color-accent-1, #12c2ad); }

/* İçerik sol menünün yanına kayar */
body:has(> .admin-side) > main > .page-container,
body:has(> .admin-side) > main.page-shell,
body:has(> .admin-side) > main.billing-page,
body:has(> .admin-side) > .admin-plain-page {
    width: min(1600px, calc(100% - 48px));
    max-width: none;
    padding-right: 0;
    padding-left: calc(var(--admin-side-w) + 24px);
    box-sizing: border-box;
}
body:has(> .admin-side) > main > .page-container--narrow > * { max-width: 900px; }
body:has(> .admin-side) > main.page-shell,
body:has(> .admin-side) > main.billing-page,
body:has(> .admin-side) > .admin-plain-page { margin-left: auto !important; margin-right: auto !important; }
body:has(> .admin-side) > .admin-plain-page { max-width: none !important; padding-top: 28px !important; padding-right: 0 !important; padding-left: calc(var(--admin-side-w) + 24px) !important; }

/* Başlık: küçük gri üst yazı (Yönetim / ...) gibi */
body:has(> .admin-side) .page-header { align-items: flex-end; }
body:has(> .admin-side) > main > .page-container > .page-header .page-header__eyebrow {
    color: var(--color-text-muted);
    font-size: 12.5px;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: none;
}
body:has(> .admin-side) > main > .page-container > .page-header .page-header__eyebrow::before { content: "Yönetim  /  "; white-space: pre; }
html[lang="en"] body:has(> .admin-side) > main > .page-container > .page-header .page-header__eyebrow::before { content: "Management  /  "; }
body:has(> .admin-side) .page-header__title { font-size: 28px; font-weight: 800; letter-spacing: -.7px; }

/* İlk özet kartı koyu (tasarımdaki gibi) */
body:has(> .admin-side) .grid > .metric-card:first-child {
    background: var(--color-night, #0b1426);
    border-color: transparent;
}
body:has(> .admin-side) .grid > .metric-card:first-child .metric-card__label,
body:has(> .admin-side) .grid > .metric-card:first-child .metric-card__foot { color: #aeb9ca; }
body:has(> .admin-side) .grid > .metric-card:first-child .metric-card__value { color: #ffffff; }
body:has(> .admin-side) .metric-card { padding: 16px 18px; }
body:has(> .admin-side) .metric-card__value { font-size: 26px; }

/* Tablo üst satırı: arama + filtre düğmeleri */
.admin-table-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 0 22px 14px;
}
.admin-table-tools__search { position: relative; flex: 1 1 240px; display: flex; align-items: center; }
.admin-table-tools__search svg { position: absolute; left: 12px; color: var(--color-text-muted); pointer-events: none; }
.admin-table-tools__search input {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0 12px 0 36px;
    border: 1px solid var(--color-border);
    border-radius: 11px;
    background: var(--color-surface-2, #f5f8fb);
    color: var(--color-text-primary);
    font: inherit;
    font-size: 13.5px;
}
.admin-table-tools__search input:focus { outline: 2px solid rgba(18,194,173,.35); border-color: var(--color-accent-1, #12c2ad); }
.admin-table-tools__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.admin-chip {
    height: 32px;
    padding: 0 12px;
    border: 1px solid var(--color-border);
    border-radius: 16px;
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 12.5px;
    font-weight: 650;
    cursor: pointer;
}
.admin-chip.is-active { border-color: transparent; background: var(--color-text-primary); color: var(--color-surface); font-weight: 700; }
.admin-table-empty { padding: 18px 22px; color: var(--color-text-muted); font-size: 13.5px; }

/* Dar ekranlar: menü içeriğin üstünde, açılır kapanır kutu */
@media (max-width: 1100px) {
    .admin-side {
        position: relative;
        top: auto;
        left: auto;
        width: calc(100% - 32px);
        max-height: none;
        margin: 16px auto 0;
        padding: 6px;
        z-index: 5;
    }
    .admin-side__toggle {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 44px;
        padding: 6px 10px;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: var(--color-text-primary);
        font: inherit;
        text-align: left;
        cursor: pointer;
    }
    .admin-side__toggle-label { display: flex; flex-direction: column; line-height: 1.2; }
    .admin-side__toggle-label small { color: var(--color-text-muted); font-size: 11px; font-weight: 700; }
    .admin-side__toggle-label b { font-size: 14px; font-weight: 750; }
    .admin-side__toggle svg { transition: transform .15s ease; }
    .admin-side.is-open .admin-side__toggle svg { transform: rotate(180deg); }
    .admin-side__list { display: none; padding: 4px 4px 6px; }
    .admin-side.is-open .admin-side__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 2px 8px; }
    .admin-side.is-open .admin-side__group { grid-column: 1 / -1; }
    body:has(> .admin-side) > main > .page-container,
    body:has(> .admin-side) > main.page-shell,
    body:has(> .admin-side) > main.billing-page { width: calc(100% - 32px); padding-left: 0; }
    body:has(> .admin-side) > .admin-plain-page { width: calc(100% - 32px); padding-left: 0 !important; }
    body:has(> .admin-side) > main > .page-container { padding-top: 18px; }
}

/* =====================================================================
   Müşteriler (2026)
   ===================================================================== */
.contacts-2026 .page-header { align-items: flex-end; }
.contacts-2026 .page-header__title { font-size: 28px; font-weight: 800; letter-spacing: -.7px; }
.contacts-2026 .page-header__subtitle strong { color: var(--color-text-primary); }
.contacts-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 18px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
}
.contacts-toolbar__search { position: relative; flex: 1 1 320px; display: flex; align-items: center; min-width: 0; }
.contacts-toolbar__search svg { position: absolute; left: 14px; color: var(--color-text-muted); pointer-events: none; }
.contacts-toolbar__search input {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    padding: 0 14px 0 42px;
    border: 1.5px solid var(--color-border);
    border-radius: 12px;
    background: var(--color-surface-2, #f5f8fb);
    color: var(--color-text-primary);
    font: inherit;
    font-size: 14px;
}
.contacts-toolbar__search input:focus { outline: none; border-color: var(--color-accent-1, #12c2ad); box-shadow: 0 0 0 3px rgba(18,194,173,.18); }
.contacts-toolbar__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.contacts-toolbar .btn { height: 44px; }
.contacts-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 13px;
    border: 1px solid var(--color-border);
    border-radius: 17px;
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font-size: 12.5px;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
}
.contacts-chip:has(.contacts-chip__icon) { padding-left: 7px; }
.contacts-chip__icon { width: 22px; height: 22px; display: grid; place-items: center; }
.contacts-chip:hover { color: var(--color-text-primary); border-color: var(--color-border-strong, #c9d3df); }
.contacts-chip.is-active { border-color: transparent; background: var(--color-text-primary); color: var(--color-surface); font-weight: 700; }

.contacts-list { overflow: hidden; }
.contacts-list .data-table td { vertical-align: middle; }
.contacts-person { display: flex; align-items: center; gap: 12px; min-width: 200px; color: inherit; text-decoration: none; }
.contacts-person strong { display: block; font-size: 14px; }
.contacts-person small { color: var(--color-text-muted); font-size: 12px; }
.contacts-person:hover strong { color: var(--color-accent-2, #0a7d70); }
.contacts-avatar { width: 40px !important; height: 40px !important; flex: none; border-radius: 13px !important; overflow: hidden; font-weight: 700; }
.contacts-avatar--0 { background: #ffe1d6; color: #9a2f12; }
.contacts-avatar--1 { background: #e3f2ff; color: #1659b8; }
.contacts-avatar--2 { background: #ede9ff; color: #4c3bc4; }
.contacts-avatar--3 { background: #e7f8ee; color: #0d6b38; }
.contacts-avatar--4 { background: #fff3c4; color: #6b5200; }
.contacts-avatar--5 { background: #ffe4ef; color: #9d1c55; }
.contacts-avatar--6 { background: #e6ebf2; color: #33415a; }
[data-theme="dark"] .contacts-avatar { background: var(--color-surface-3); color: var(--color-text-primary); }
.contacts-platforms { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.contacts-platforms__icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--color-surface-2, #f3f6fa); }
.contacts-platforms small { margin-left: 3px; color: var(--color-text-muted); font-size: 12px; }
.contacts-tags { display: flex; flex-wrap: wrap; gap: 4px; max-width: 240px; }
.contacts-tag {
    padding: 3px 8px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--tag-color, #0aa89e) 14%, transparent);
    color: color-mix(in srgb, var(--tag-color, #0aa89e) 75%, #0f1b2d);
    font-size: 11.5px;
    font-weight: 650;
    white-space: nowrap;
}
[data-theme="dark"] .contacts-tag { color: color-mix(in srgb, var(--tag-color, #0aa89e) 60%, #ffffff); }
.contacts-tag--more { --tag-color: #6b788c; }
.contacts-list__foot { padding: 14px 20px; border-top: 1px solid var(--color-border); color: var(--color-text-secondary); font-size: 13px; }
@media (max-width: 760px) {
    .contacts-toolbar__chips { order: 3; flex-basis: 100%; }
    .contacts-toolbar .btn { flex: 1 1 auto; }
}
@media (max-width: 760px) {
    .contacts-2026 .page-header,
    body:has(> .admin-side) .page-header { align-items: stretch; }
}

/* =====================================================================
   Müşteri profili (2026)
   ===================================================================== */
.profile-2026 { display: flex; flex-direction: column; gap: 16px; padding-top: 20px; }
.profile-2026 > .alert { margin: 0; }
.profile-back { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; text-decoration: none; color: var(--color-accent-2, #0a7d70); }
.profile-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 22px;
    padding: 22px 24px;
    border-radius: 20px;
    background: var(--color-night, #0b1426);
    color: #ffffff;
}
.profile-hero__avatar {
    width: 72px;
    height: 72px;
    flex: none;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 22px;
    font-size: 24px;
    font-weight: 800;
}
.profile-hero__avatar img { width: 100%; height: 100%; object-fit: cover; }
.profile-hero__main { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.profile-hero__main h1 { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.6px; color: #ffffff; overflow-wrap: anywhere; }
.profile-hero__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.profile-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 20px;
    background: rgba(255,255,255,.1);
    color: #e6ecf5;
    font-size: 12.5px;
    font-weight: 650;
}
.profile-chip--phone { padding-left: 4px; }
.profile-chip__icon { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #ffffff; }
.profile-chip--tag { background: color-mix(in srgb, var(--tag-color, #12c2ad) 30%, transparent); color: color-mix(in srgb, var(--tag-color, #12c2ad) 35%, #ffffff); }
.profile-chip--muted { color: #aeb9ca; background: rgba(255,255,255,.06); }
.profile-hero__stats { flex: 0 1 360px; display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; }
.profile-hero__stats span { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.07); }
.profile-hero__stats b { font-size: 20px; font-weight: 800; }
.profile-hero__stats small { color: #aeb9ca; font-size: 12px; }
.profile-hero__cta { height: 44px; }

.profile-layout { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.profile-layout__main { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.profile-layout__side { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.profile-section { padding: 20px; border-radius: 18px; display: flex; flex-direction: column; gap: 12px; }
.profile-section__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.profile-section__head h2 { margin: 0; font-size: 16px; font-weight: 800; }
.profile-more-link { font-size: 13px; font-weight: 700; text-decoration: none; color: var(--color-accent-2, #0a7d70); }

.profile-history { display: flex; flex-direction: column; gap: 8px; }
.profile-history__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    color: inherit;
    text-decoration: none;
}
a.profile-history__item:hover { border-color: var(--color-accent-1, #12c2ad); background: rgba(18,194,173,.05); }
.profile-history__icon { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 12px; background: var(--color-surface-2, #f3f6fa); }
.profile-history__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.profile-history__main b { font-size: 14px; }
.profile-history__main small { color: var(--color-text-muted); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-history__item > svg { color: var(--color-text-muted); flex: none; }

.profile-note-composer { display: flex; flex-direction: column; border: 1.5px solid var(--color-border); border-radius: 14px; overflow: hidden; background: var(--color-surface); }
.profile-note-composer:focus-within { border-color: var(--color-accent-1, #12c2ad); box-shadow: 0 0 0 3px rgba(18,194,173,.15); }
.profile-note-composer textarea { border: 0 !important; box-shadow: none !important; resize: vertical; min-height: 56px; padding: 12px 14px; background: transparent; font: inherit; font-size: 14px; color: var(--color-text-primary); }
.profile-note-composer textarea:focus { outline: none; }
.profile-note-composer__bar { display: flex; justify-content: flex-end; padding: 6px 8px 8px; }
.profile-notes { display: flex; flex-direction: column; gap: 8px; max-height: 460px; overflow: auto; }
.profile-note { display: flex; gap: 10px; padding: 12px 14px; border-radius: 14px; background: #fff7d6; color: #5c4700; }
.profile-note__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.profile-note__body p { margin: 0; font-size: 13.5px; line-height: 1.5; overflow-wrap: anywhere; }
.profile-note__body small { font-size: 12px; opacity: .8; }
.profile-note__delete { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #a33012; display: grid; place-items: center; cursor: pointer; }
.profile-note__delete:hover { background: rgba(163,48,18,.1); }
[data-theme="dark"] .profile-note { background: rgba(255,210,94,.12); color: #f3e3a8; }
[data-theme="dark"] .profile-note__delete { color: #ff9b84; }

.profile-reminders { display: flex; flex-direction: column; gap: 8px; }
.profile-reminder { padding: 10px; border-radius: 12px; background: rgba(18,194,173,.1); }
.profile-reminder.is-overdue { background: rgba(214,62,31,.09); }
.profile-reminder.is-done { background: var(--color-surface-2, #f3f6fa); opacity: .8; }
.profile-reminder__row { display: flex; align-items: center; gap: 10px; }
.profile-reminder__date { width: 42px; height: 42px; flex: none; border-radius: 11px; background: var(--color-surface); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; }
.profile-reminder__date b { font-size: 15px; }
.profile-reminder__date small { font-size: 10px; color: var(--color-text-secondary); margin-top: 2px; }
.profile-reminder__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.profile-reminder__main small { color: var(--color-text-secondary); }
.profile-reminder__note { margin: 8px 0 0; color: var(--color-text-secondary); font-size: 12.5px; }
.profile-reminder__actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.profile-reminder__actions form { margin: 0; }
.profile-add-btn { height: 40px; border: 1.5px dashed var(--color-border-strong, #d3dbe6); border-radius: 12px; background: transparent; color: var(--color-accent-2, #0a7d70); font: inherit; font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; }
.profile-add-btn:hover { border-color: var(--color-accent-1, #12c2ad); background: rgba(18,194,173,.06); }
.profile-reminder-form { padding: 12px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface-2, #f7f9fc); }
.profile-reminder-form[hidden] { display: none; }
.profile-reminder-form__bar { display: flex; justify-content: flex-end; gap: 8px; }

.profile-identities { display: flex; flex-direction: column; gap: 10px; }
.profile-identity { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.profile-identity__icon { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--color-surface-2, #f3f6fa); }
.profile-identity__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.profile-identity__main b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-identity__main small { color: var(--color-text-muted); }
.profile-identity__phone { font-weight: 700; white-space: nowrap; }
.profile-facts { display: flex; flex-direction: column; gap: 8px; padding-top: 12px; border-top: 1px solid var(--color-border); font-size: 13px; }
.profile-facts div { display: flex; justify-content: space-between; gap: 10px; }
.profile-facts span { color: var(--color-text-secondary); }
.profile-merge summary { cursor: pointer; color: var(--color-danger-text, #c2381a); font-size: 12.5px; font-weight: 700; }
@media (max-width: 760px) {
    .profile-hero { padding: 18px; }
    .profile-hero__stats { flex-basis: 100%; }
    .profile-hero__cta { flex: 1 1 100%; justify-content: center; }
}

/* =====================================================================
   Hatırlatıcılar (2026)
   ===================================================================== */
.rm26 .page-header { align-items: flex-end; }
.rm26 .page-header__title { font-size: 28px; font-weight: 800; letter-spacing: -.7px; }
.rm26-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-bottom: 14px; }
.rm26-stat {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 18px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text-primary);
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: transform .12s ease, box-shadow .12s ease;
}
.rm26-stat:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }
.rm26-stat__top { display: flex; align-items: center; justify-content: space-between; }
.rm26-stat__top small { color: var(--color-text-secondary); font-size: 12.5px; font-weight: 650; }
.rm26-stat__icon { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; }
.rm26-stat b { font-size: 30px; font-weight: 800; line-height: 1; }
.rm26-stat.is-night { background: var(--color-night, #0b1426); border-color: transparent; color: #ffffff; }
.rm26-stat.is-night .rm26-stat__top small { color: #aeb9ca; }
.rm26-stat.is-night .rm26-stat__icon { background: var(--color-accent-1, #12c2ad); color: var(--color-on-accent, #05221f); }
.rm26-stat.is-danger .rm26-stat__icon { background: #fdebe7; color: #c2381a; }
.rm26-stat.is-danger b { color: #c2381a; }
.rm26-stat.is-warning .rm26-stat__icon { background: #fff3c4; color: #6b5200; }
.rm26-stat.is-success .rm26-stat__icon { background: #e3f8ec; color: #0d7a3e; }
.rm26-stat.is-current { outline: 2.5px solid var(--color-accent-1, #12c2ad); outline-offset: 2px; }
[data-theme="dark"] .rm26-stat.is-danger b { color: #ff8a70; }

.rm26-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 18px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
}
.rm26-segment { display: inline-flex; gap: 3px; padding: 3px; border-radius: 12px; background: var(--color-surface-2, #eaeff5); flex-wrap: wrap; }
.rm26-segment a { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 9px; color: var(--color-text-secondary); font-size: 13px; font-weight: 650; text-decoration: none; }
.rm26-segment a:hover { color: var(--color-text-primary); }
.rm26-segment a.is-active { background: var(--color-surface); color: var(--color-text-primary); font-weight: 750; box-shadow: 0 1px 3px rgba(15,27,45,.14); }
.rm26-select { display: inline-flex; align-items: center; gap: 8px; color: var(--color-text-secondary); font-size: 12.5px; font-weight: 650; }
.rm26-select select { height: 40px; min-width: 140px; padding: 0 30px 0 12px; border-radius: 11px; font-size: 13px; }
.rm26-search { position: relative; flex: 1 1 220px; display: flex; align-items: center; min-width: 0; }
.rm26-search svg { position: absolute; left: 12px; color: var(--color-text-muted); pointer-events: none; }
.rm26-search input { width: 100%; height: 40px; box-sizing: border-box; padding: 0 12px 0 36px; border-radius: 11px; background: var(--color-surface-2, #f5f8fb); font-size: 13.5px; }
.rm26-filters .btn { height: 40px; }

.rm26-list { display: flex; flex-direction: column; gap: 10px; }
.rm26-group { margin: 6px 0 0; font-size: 12.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--color-text-secondary); }
.rm26-group--overdue { color: #c2381a; }
.rm26-group:first-child { margin-top: 0; }
.reminder-card.rm26-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    padding: 14px 16px;
    border-radius: 16px;
    grid-template-columns: none;
    border: 1px solid var(--color-border);
    border-left: 1px solid var(--color-border);
}
.reminder-card.rm26-card.is-overdue { background: var(--color-surface); }
.rm26-card.is-overdue { border-color: #f3c4b6; box-shadow: inset 4px 0 0 #d63e1f, var(--shadow-sm); }
.rm26-card--done { opacity: .82; }
.rm26-card.is-focus { outline: 2.5px solid var(--color-accent-1, #12c2ad); outline-offset: 2px; }
.rm26-date { width: 50px; height: 50px; flex: none; border-radius: 13px; background: rgba(18,194,173,.14); color: #075c53; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.05; }
.rm26-date b { font-size: 17px; }
.rm26-date small { font-size: 10.5px; font-weight: 700; }
.rm26-card.is-overdue .rm26-date { background: #fdebe7; color: #a33012; }
.rm26-card--done .rm26-date { background: var(--color-surface-2, #eef2f6); color: var(--color-text-secondary); }
[data-theme="dark"] .rm26-date { color: #7fe6d8; }
[data-theme="dark"] .rm26-card.is-overdue .rm26-date { background: rgba(214,62,31,.2); color: #ffb4a3; }
.rm26-card__main { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.rm26-card__title { margin: 0; font-size: 14.5px; font-weight: 750; line-height: 1.3; }
.rm26-repeat { display: inline-flex; align-items: center; gap: 3px; margin-left: 4px; padding: 1px 7px; border-radius: 10px; background: var(--color-surface-2, #eef2f6); color: var(--color-text-secondary); font-size: 11px; font-weight: 650; vertical-align: middle; }
.rm26-card__sub { margin: 0; color: var(--color-text-secondary); font-size: 12.5px; }
.rm26-card__sub a { color: var(--color-text-primary); font-weight: 650; text-decoration: none; }
.rm26-card__sub a:hover { color: var(--color-accent-2, #0a7d70); }
.rm26-card.is-overdue .rm26-when { color: #c2381a; font-weight: 650; }
.rm26-card__note { align-self: flex-start; max-width: 100%; margin: 4px 0 0; padding: 7px 10px; border-radius: 9px; background: var(--color-surface-2, #f5f8fb); color: var(--color-text-secondary); font-size: 12.5px; line-height: 1.45; }
.rm26-card__meta { margin: 0; color: var(--color-text-muted); font-size: 11.5px; }
.rm26-priority { padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.rm26-priority--urgent { background: #fdebe7; color: #c2381a; }
.rm26-priority--high { background: #fff1e8; color: #b23c0c; }
.rm26-priority--normal { background: #eaeff5; color: #4b586b; }
.rm26-priority--low { background: #e3f2ff; color: #1659b8; }
[data-theme="dark"] .rm26-priority { background: var(--color-surface-3); color: var(--color-text-primary); }
.rm26-assignee { display: inline-flex; align-items: center; gap: 6px; color: var(--color-text-secondary); font-size: 12.5px; white-space: nowrap; }
.rm26-assignee__badge { width: 26px; height: 26px; border-radius: 8px; background: #e3f2ff; color: #1659b8; display: grid; place-items: center; font-size: 10.5px; font-weight: 800; }
.rm26-actions.reminder-card__actions { max-width: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; margin: 0; padding: 0; border: 0; }
.rm26-actions form { margin: 0; }
.rm26-tools { display: inline-flex; align-items: center; gap: 4px; padding-left: 6px; margin-left: 2px; border-left: 1px solid var(--color-border); }
.rm26-icon-btn { width: 34px; padding: 0 !important; justify-content: center; }
.rm26-delete { display: inline-flex; align-items: center; gap: 6px; }
.rm26-delete .series-delete-check { font-size: 11.5px; color: var(--color-text-muted); display: inline-flex; align-items: center; gap: 4px; }
@media (max-width: 760px) {
    .rm26-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rm26-stat b { font-size: 24px; }
    .rm26-select { flex: 1 1 140px; }
    .rm26-select select { flex: 1; min-width: 0; }
    .rm26-actions.reminder-card__actions { flex-basis: 100%; justify-content: flex-start; }
}
@media (max-width: 620px) {
    .rm26-actions.reminder-card__actions { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
    .rm26-actions.reminder-card__actions > * { min-width: 0; }
    .rm26-actions .reminder-snooze-menu .btn,
    .rm26-actions form .btn:not(.rm26-icon-btn),
    .rm26-actions > a.btn { width: 100%; justify-content: center; }
    .rm26-tools { grid-column: 1 / -1; justify-content: flex-end; border-left: 0; padding-left: 0; margin-left: 0; }
    .rm26-tools .btn.rm26-icon-btn { width: 40px; }
    .reminder-card.rm26-card { padding: 12px; gap: 10px 12px; }
    .rm26-card__main { flex-basis: calc(100% - 64px); }
    .rm26-segment { width: 100%; }
    .rm26-segment a { flex: 1 1 auto; justify-content: center; padding: 0 8px; }
}
@media (max-width: 620px) {
    .rm26-select { flex: 1 1 100%; }
    .rm26-select span { width: 64px; flex: none; }
}

/* =====================================================================
   Paylaşımlar (2026)
   ===================================================================== */
.sp-grid.sp26 { gap: 16px; }
@media (min-width: 1000px) { .sp-grid.sp26 { grid-template-columns: minmax(0, 460px) minmax(0, 1fr); } }
.sp26-composer, .sp26-history { padding: 20px; border-radius: 18px; }
.sp26-composer .card__header { margin-bottom: 6px; }
.sp26-form { gap: 16px; }
.sp26-form .field { margin: 0; }
.sp26-form .field > label { font-size: 12.5px; font-weight: 700; color: var(--color-text-secondary); }
.sp26-segment.sp-type { display: inline-flex; gap: 3px; padding: 3px; border-radius: 12px; background: var(--color-surface-2, #eaeff5); }
.sp26-segment.sp-type label {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 18px;
    border: 0 !important;
    border-radius: 9px;
    background: transparent !important;
    color: var(--color-text-secondary) !important;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    margin: 0;
}
.sp26-segment.sp-type label:has(input:checked) { background: var(--color-surface) !important; color: var(--color-text-primary) !important; font-weight: 750; box-shadow: 0 1px 3px rgba(15,27,45,.14); }
#sp-type-hint { display: block; margin-top: 6px; }
.sp26-label-row { display: flex !important; justify-content: space-between; align-items: baseline; }
.sp26-label-row small { color: var(--color-text-muted); font-weight: 600; }
.sp26-form textarea { border-radius: 14px; }
.sp26-drop {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 20px 16px;
    border: 1.5px dashed var(--color-border-strong, #c9d3df);
    border-radius: 14px;
    background: var(--color-surface-2, #f7f9fc);
    text-align: center;
    cursor: pointer;
    transition: border-color .12s ease, background .12s ease;
}
.sp26-drop:hover, .sp26-drop:focus-within { border-color: var(--color-accent-1, #12c2ad); background: rgba(18,194,173,.06); }
.sp26-drop input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.sp26-drop__icon { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; background: rgba(18,194,173,.14); color: var(--color-accent-2, #0a7d70); }
.sp26-drop b { color: var(--color-text-primary); font-size: 13.5px; }
.sp26-drop small { color: var(--color-text-muted); font-size: 12px; font-weight: 500; }
.sp26-submit-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; padding-top: 14px; border-top: 1px solid var(--color-border); }
.sp26-submit-row .field { flex: 1 1 200px; }
.sp26-submit-row .btn { height: 44px; margin-top: 22px; padding: 0 22px; }
/* Gizli hesap listesi içindeki Instagram simgesinin renk tanımı, liste
   kapalıyken diğer simgeleri boş göstermesin diye display:none kullanılmaz. */
.sp26-form .sp-picker[hidden] { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; visibility: hidden; clip: rect(0 0 0 0); }

.sp26-history { display: flex; flex-direction: column; gap: 12px; }
.sp26-history__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.sp26-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.sp26-filter button { height: 32px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); color: var(--color-text-secondary); font: inherit; font-size: 12.5px; font-weight: 650; cursor: pointer; }
.sp26-filter button.is-active { border-color: transparent; background: var(--color-text-primary); color: var(--color-surface); font-weight: 700; }
.sp26-empty-filter { margin: 0; color: var(--color-text-muted); font-size: 13px; }
.sp26-empty-filter[hidden], .sp26-post[hidden] { display: none; }
.sp-post.sp26-post { margin: 0; padding: 14px 16px; border-radius: 14px; }
.sp26-post .sp-post__head { align-items: center; flex-wrap: wrap; }
.sp26-post .sp-post__head .badge { border-radius: 20px; }
.sp26-post .sp-post__body { color: var(--color-text-primary); }
.sp26-post .sp-target { padding: 7px 0; }
.sp26-post .sp-target svg { flex: none; }
.sp26-post .sp-actions { margin-top: 8px; }
@media (max-width: 620px) {
    .sp26-submit-row .btn { width: 100%; justify-content: center; margin-top: 0; }
    .sp26-composer, .sp26-history { padding: 16px; }
}

/* =====================================================================
   Paketim ve faturalandırma (2026)
   ===================================================================== */
.bl26 { display: flex; flex-direction: column; gap: 16px; }
.bl26 .billing-head { margin-bottom: 0; align-items: flex-end; }
.bl26 .billing-head h1 { margin: 0 0 4px; font-size: 28px; font-weight: 800; letter-spacing: -.7px; }
.bl26 > .alert { margin: 0; }
.bl26-current {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 28px;
    padding: 22px 24px;
    border-radius: 20px;
    background: var(--color-night, #0b1426);
    color: #ffffff;
}
.bl26-current__plan { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.bl26-current__plan > small { color: #aeb9ca; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.bl26-current__title { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.bl26-current__title h2 { margin: 0; color: #ffffff; font-size: 26px; font-weight: 800; letter-spacing: -.5px; }
.bl26-pill { padding: 4px 10px; border-radius: 20px; background: rgba(255,255,255,.12); color: #e6ecf5; font-size: 12.5px; font-weight: 700; }
.bl26-pill.is-ok { background: rgba(18,194,173,.22); color: #7fe6d8; }
.bl26-current__plan p { margin: 0; color: #c5cfdd; font-size: 13.5px; }
.bl26-current__plan p b { color: #ffffff; }
.bl26-current__dates { font-size: 13px !important; }
.bl26-usage { flex: 1 1 300px; display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.bl26-usage__row { display: flex; flex-direction: column; gap: 7px; }
.bl26-usage__label { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; color: #c5cfdd; }
.bl26-usage__label b { color: #ffffff; font-size: 14px; }
.bl26-bar { display: block; height: 8px; border-radius: 6px; background: rgba(255,255,255,.12); overflow: hidden; }
.bl26-bar > span { display: block; height: 100%; border-radius: inherit; background: var(--color-accent-1, #12c2ad); }
.bl26-bar > span.is-unlimited { background: repeating-linear-gradient(90deg, rgba(18,194,173,.55) 0 10px, rgba(18,194,173,.25) 10px 20px); }
.bl26-bar.is-full > span { background: #ff7a59; }

.bl26-plans-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.bl26-plans-head h2 { margin: 0 0 4px; font-size: 18px; font-weight: 800; }
.bl26-plans-head p { margin: 0; font-size: 13px; max-width: 640px; }
.bl26-switch.billing-switch { margin: 0; padding: 3px; border-radius: 12px; background: var(--color-surface-2, #eaeff5); border: 0; }
.bl26-switch.billing-switch button { height: 34px; padding: 0 16px; border-radius: 9px; font-size: 13px; }
.bl26-switch.billing-switch button.is-active { background: var(--color-surface); color: var(--color-text-primary); box-shadow: 0 1px 3px rgba(15,27,45,.14); }
.bl26-plans.billing-plans { gap: 14px; }
.bl26-plan.billing-plan { padding: 20px; border-radius: 18px; background: var(--color-surface); box-shadow: var(--shadow-sm); gap: 4px; }
.bl26-plan.is-current { border: 2px solid var(--color-accent-1, #12c2ad); box-shadow: 0 10px 30px rgba(18,194,173,.14); }
.bl26-plan__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 24px; }
.bl26-plan__top small { color: var(--color-text-muted); font-size: 11.5px; font-weight: 800; letter-spacing: .06em; }
.bl26-plan__badge { padding: 3px 9px; border-radius: 20px; background: rgba(18,194,173,.16); color: var(--color-accent-2, #0a7d70); font-size: 11.5px; font-weight: 800; }
.bl26-plan h3 { margin: 2px 0 0; font-size: 18px; font-weight: 800; }
.bl26-plan > p { margin: 0; }
.bl26-plan [data-price-block] { display: flex; flex-direction: column; flex: 1; gap: 12px; }
.bl26-plan [data-price-block][hidden] { display: none; }
.bl26-plan .billing-plan__price { margin: 12px 0 0; font-size: 26px; font-weight: 850; }
.bl26-plan .billing-plan__price small { color: var(--color-text-muted); font-size: 13px; font-weight: 650; }
.bl26-plan ul { margin: 0; padding: 12px 0 0; border-top: 1px solid var(--color-border); list-style: none; display: grid; gap: 8px; flex: 1; font-size: 13px; color: var(--color-text-secondary); }
.bl26-plan li { display: flex; gap: 8px; align-items: flex-start; }
.bl26-plan li span { width: 18px; height: 18px; flex: none; border-radius: 50%; background: rgba(18,194,173,.16); color: var(--color-accent-2, #0a7d70); display: grid; place-items: center; font-size: 11px; font-weight: 900; }
.bl26-history { padding: 20px; border-radius: 18px; }
.bl26-history h2 { margin: 0 0 12px; font-size: 16px; font-weight: 800; }
.bl26-history .billing-history th { background: var(--color-surface-2, #f5f8fb); }
.bl26-history .billing-history td { font-size: 13px; }
.bl26-status { display: inline-flex; padding: 3px 9px; border-radius: 20px; font-size: 12px; font-weight: 700; background: #eaeff5; color: #4b586b; }
.bl26-status.is-ok { background: #e3f8ec; color: #0d7a3e; }
.bl26-status.is-bad { background: #fdebe7; color: #c2381a; }
.bl26-status.is-wait { background: #fff3c4; color: #6b5200; }
[data-theme="dark"] .profile-hero,
[data-theme="dark"] .bl26-current,
[data-theme="dark"] .rm26-stat.is-night { border: 1px solid var(--color-border); }

/* =====================================================================
   Görünüm ayarları sayfası (appearance.php) — daha önce stilsizdi
   ===================================================================== */
.app-main .page-container > .card { padding: 20px; border-radius: 18px; margin-bottom: 14px; }
.app-main .page-container > .card .card__subtitle { margin: 4px 0 12px; color: var(--color-text-secondary); font-size: 13px; }
.app-main .page-container > .card .card__section { margin: 18px 0 8px; font-size: 14px; font-weight: 750; }
.option-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.option-pill, .font-card, .swatch {
    border: 1.5px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-primary);
    font: inherit;
    cursor: pointer;
    transition: border-color .12s ease, background .12s ease;
}
.option-pill { height: 38px; padding: 0 16px; border-radius: 11px; font-size: 13px; font-weight: 650; }
.option-pill small { color: var(--color-text-muted); font-weight: 600; }
.option-pill:hover, .font-card:hover, .swatch:hover { border-color: var(--color-accent-1, #12c2ad); }
.option-pill.is-selected, .font-card.is-selected, .swatch.is-selected { border-color: var(--color-accent-1, #12c2ad); background: rgba(18,194,173,.1); box-shadow: 0 0 0 3px rgba(18,194,173,.15); }
.font-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.font-card { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px 14px; border-radius: 13px; text-align: left; }
.font-card__sample { font-size: 18px; font-weight: 700; }
.font-card__name { color: var(--color-text-secondary); font-size: 12px; }
.swatch-grid { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.swatch { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 12px 0 6px; border-radius: 18px; font-size: 12.5px; font-weight: 650; }
.swatch__dot { width: 24px; height: 24px; border-radius: 50%; border: 1px solid rgba(0,0,0,.12); }
.appearance-actions { display: flex; justify-content: flex-end; margin-top: 6px; }
.appearance-status { color: var(--color-success-text); font-size: 13px; font-weight: 650; }
.swatch__dot { background: var(--swatch, #ffffff); }
.appearance-field { padding: 14px 0; border-top: 1px solid var(--color-border); }
.appearance-field:first-of-type { border-top: 0; }
.appearance-field__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.appearance-field__title { margin: 0; font-size: 14px; font-weight: 750; }
.appearance-field__hint { margin: 2px 0 0; color: var(--color-text-secondary); font-size: 12.5px; }
.appearance-clear { border: 0; background: transparent; color: var(--color-accent-2, #0a7d70); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.custom-color { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--color-text-secondary); font-size: 12.5px; font-weight: 650; }
.custom-color input[type="color"] { width: 40px; height: 34px; padding: 2px; border: 1px solid var(--color-border); border-radius: 9px; background: var(--color-surface); }
.custom-color input[type="text"] { flex: 0 1 160px; height: 36px; }

/* =====================================================================
   Üst menü (2026 · Seçenek A): menü ortada, yazı ve ikonlar
   beyaz, seçili sayfa turkuaz zeminli. Açık renk üst bar seçen
   kullanıcılarda yazılar koyu kalır.
   ===================================================================== */
.app-header .top-nav { gap: 4px; }
.app-header .top-nav__link,
.app-header .top-nav__button {
    color: var(--header-text);
    font-weight: 600;
    padding-left: 13px;
    padding-right: 13px;
}
.app-header .top-nav__link > svg:first-child,
.app-header .top-nav__button > svg:first-child,
.app-header .top-nav__link .nav-menu-icon,
.app-header .top-nav__button .nav-menu-icon { color: currentColor; opacity: .92; }
.app-header .top-nav__link:hover,
.app-header .top-nav__button:hover {
    background: color-mix(in srgb, var(--header-text) 10%, transparent);
    color: var(--header-text);
}
.app-header .top-nav__link.is-active,
.app-header .top-nav__button.is-active {
    /* Beyaz yazı okunaklı olsun diye turkuazın biraz koyusu */
    background: color-mix(in srgb, var(--color-accent-1, #12c2ad) 80%, #000);
    color: #ffffff;
    font-weight: 750;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--color-accent-1, #12c2ad) 35%, transparent);
}
.app-header .top-nav__link.is-active > svg:first-child,
.app-header .top-nav__button.is-active > svg:first-child,
.app-header .top-nav__link.is-active .nav-menu-icon,
.app-header .top-nav__button.is-active .nav-menu-icon { color: currentColor; opacity: 1; }
/* Seçili Konuşmalar'daki sayaç turkuaz zeminde kaybolmasın */
.app-header .top-nav__link.is-active > span.top-nav__count {
    background: var(--header-bg, #0b1426);
    color: #ffffff;
}
.app-header .top-nav__divider { background: color-mix(in srgb, var(--header-text) 18%, transparent); }

/* Sağ taraf: ay düğmesi profil menüsünde zaten var; bildirim rozeti küçük */
.app-header .app-header__actions > [data-theme-toggle] { display: none; }
.app-header .icon-button { color: var(--header-text); background: transparent; border-color: transparent; }
.app-header .icon-button:hover { background: color-mix(in srgb, var(--header-text) 10%, transparent); border-color: transparent; }
.app-header .notification-dot {
    top: 3px;
    right: 2px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 9.5px;
    line-height: 12px;
}
.app-header .user-menu__trigger { border-color: transparent; background: transparent; }
.app-header .user-menu__role { color: color-mix(in srgb, var(--header-text) 70%, transparent); }

/* Email conversations use a mail-style header and fixed reply details. */
.email-thread-notice {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 18px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-accent-1) 18%, var(--color-border));
    background: color-mix(in srgb, var(--color-accent-1) 8%, var(--color-surface));
    color: var(--color-text-secondary);
}
.email-thread-notice__icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--color-accent-1) 16%, var(--color-surface));
    color: var(--color-accent-2);
}
.email-thread-notice__copy { min-width: 0; display: grid; gap: 2px; font-size: 11px; line-height: 1.45; }
.email-thread-notice__copy strong { color: var(--color-text-primary); font-size: 11.5px; font-weight: 750; }
.email-thread-notice__copy b { color: var(--color-text-primary); font-weight: 700; overflow-wrap: anywhere; }
.message-row.email-message-row { width: min(88%, 760px); max-width: min(88%, 760px); }
.email-message-row .bubble { width: 100%; padding: 15px 17px; border-radius: 14px; }
.email-message-details {
    display: grid;
    gap: 6px;
    margin: 0 0 12px;
    padding: 0 0 11px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 85%, transparent);
    font-size: 11px;
    line-height: 1.4;
}
.email-message-details__row { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 8px; align-items: start; }
.email-message-details__row > span { color: var(--color-text-muted); }
.email-message-details__row > strong,
.email-message-details__row > time { color: var(--color-text-primary); font-weight: 650; overflow-wrap: anywhere; }
.email-composer-fields { display: grid; gap: 7px; margin: 0 14px 8px; }
.email-reply-summary {
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: var(--color-surface-2);
}
.email-reply-summary__row { min-width: 0; display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 8px; padding: 8px 12px; font-size: 11.5px; line-height: 1.45; }
.email-reply-summary__row + .email-reply-summary__row { border-top: 1px solid var(--color-border); }
.email-reply-summary__row > span { color: var(--color-text-muted); }
.email-reply-summary__row > strong { color: var(--color-text-primary); font-weight: 650; overflow-wrap: anywhere; }
.email-copy-details { padding: 7px 2px 0; color: var(--color-text-secondary); font-size: 11.5px; }
.email-copy-details summary { width: fit-content; cursor: pointer; color: var(--color-text-muted); font-weight: 650; }
.email-copy-details__fields { display: grid; gap: 7px; margin-top: 8px; }
.email-copy-details__fields .form-input { min-height: 40px; }
@media (max-width: 760px) {
    .email-thread-notice { padding: 9px 12px; }
    .email-thread-notice__copy { font-size: 10.5px; }
    .message-row.email-message-row { width: 94%; max-width: 94%; }
    .email-message-row .bubble { padding: 13px 14px; }
    .email-composer-fields { margin-left: 10px; margin-right: 10px; }
    .email-reply-summary__row { grid-template-columns: 54px minmax(0, 1fr); padding: 8px 10px; }
}