/* =====================================================================
   Ekipso · Tasarım sistemi
   Renkler Ekipso logosundan: lacivert #0F2347 (birincil) + yeşil #62D200 (vurgu); koyu temada yeşil birincil olur (
   marka geçişi yalnız marka anlarında). Köşe: kart 14 · kontrol 10 · küçük 6.
   ===================================================================== */

:root {
  color-scheme: light;
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #FAFAFB;
  --surface-3: #F4F5F7;
  --border: #EDEEF1;
  --border-strong: #DCDFE5;
  --text: #0A0F1C;
  --text-2: #4A5263;
  --text-3: #6E7685;

  --primary: #0F2347;
  --primary-hover: #183565;
  --primary-soft: #EBF0F9;
  --primary-soft-2: #D6E0F2;
  --primary-text: #0F2347;
  --on-primary: #FFFFFF;
  --accent: #62D200; --accent-hover: #55B900; --accent-soft: #EFFBE3; --accent-text: #3C8A00;
  --ring: 0 0 0 3px rgba(98, 210, 0, .40);

  --success: #3C8A00; --success-soft: #EFFBE3; --success-line: #C4EE93; --success-solid: #62D200;
  --danger: #D92D20;  --danger-soft: #FEF3F2;  --danger-line: #FECDCA;
  --warning: #B54708; --warning-soft: #FFFAEB; --warning-line: #FEDF89;
  --neutral-soft: #F2F4F7;
  --ai: #5B34E0; --ai-soft: #F1ECFF;

  --brand-grad: linear-gradient(135deg, #0B1B3A 0%, #15305E 60%, #1F4A8A 100%);

  --r-card: 14px;
  --r-ctl: 10px;
  --r-sm: 6px;
  --r-pill: 999px;
  --shadow-card: 0 1px 2px rgba(16, 24, 40, .03);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --shadow-pop: 0 18px 40px -14px rgba(16, 24, 40, .24), 0 4px 10px -4px rgba(16, 24, 40, .08);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --sidebar-w: 264px;
  --topbar-h: 76px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0A1428;
  --surface: #101D38;
  --surface-2: #142341;
  --surface-3: #1A2C4E;
  --border: #22395C;
  --border-strong: #2F4C78;
  --text: #EAF0FA;
  --text-2: #B4C1D9;
  --text-3: #8C9CBA;
  --primary: #74E81A;
  --primary-hover: #86F532;
  --primary-soft: rgba(116, 232, 26, .14);
  --primary-soft-2: rgba(116, 232, 26, .26);
  --primary-text: #9AF05A;
  --on-primary: #0A1428;
  --accent: #74E81A; --accent-hover: #86F532; --accent-soft: rgba(116, 232, 26, .14); --accent-text: #9AF05A;
  --ring: 0 0 0 3px rgba(116, 232, 26, .40);
  --success: #8DEB4A; --success-soft: rgba(116, 232, 26, .13); --success-line: rgba(116, 232, 26, .34); --success-solid: #62D200;
  --danger: #FF8577;  --danger-soft: rgba(240, 68, 56, .13);  --danger-line: rgba(240, 68, 56, .36);
  --warning: #FDB022; --warning-soft: rgba(247, 144, 9, .13); --warning-line: rgba(247, 144, 9, .34);
  --neutral-soft: rgba(148, 163, 184, .12);
  --ai: #B7A3FF; --ai-soft: rgba(125, 92, 255, .17);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .28);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --shadow-pop: 0 20px 44px -14px rgba(0, 0, 0, .65), 0 4px 12px -4px rgba(0, 0, 0, .45);
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font-sans); font-size: 13px; line-height: 1.5; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; }
img, svg, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
h1, h2, h3, h4, p, figure { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
code { font-family: var(--font-mono); font-size: .9em; background: var(--surface-3); padding: 1px 5px; border-radius: 4px; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 6px; }
::selection { background: var(--primary-soft-2); }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; background: var(--primary); color: var(--on-primary); padding: 10px 14px; border-radius: var(--r-ctl); font-weight: 600; }
.skip-link:focus { top: 12px; }
.muted { color: var(--text-3); }
.small { font-size: 11.5px; }
.num { font-variant-numeric: tabular-nums; }
.nowrap { white-space: nowrap; }
.ta-r { text-align: right; }
.text-danger { color: var(--danger); }
.ml-auto { margin-left: auto; }
.inline { display: inline; }
.link { color: var(--primary-text); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }
.link:hover { text-decoration: underline; }
.ph { font-size: 1.15em; line-height: 1; }
.stack { display: flex; flex-direction: column; gap: 14px; }

/* ---------- İskelet ---------- */
.app { display: flex; min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar-w); background: var(--surface); border-right: 1px solid var(--border); display: flex; flex-direction: column; z-index: 40; }
.sidebar__brand { display: flex; align-items: center; gap: 10px; height: var(--topbar-h); padding: 0 20px; flex: none; }
.logo-mark { width: 30px; height: 30px; border-radius: 9px; background: var(--brand-grad); position: relative; box-shadow: 0 4px 12px -4px rgba(15, 35, 71, .6); }
.logo-mark::after { content: ""; position: absolute; inset: 8px; border-radius: 4px; border: 2.5px solid rgba(255, 255, 255, .92); border-right-color: transparent; transform: rotate(-45deg); }
.logo-text { font-size: 15px; letter-spacing: -.02em; color: var(--text-2); }
.logo-text b { color: var(--text); font-weight: 700; }
.nav { flex: 1; overflow-y: auto; padding: 4px 12px 16px; scrollbar-width: thin; }
.nav__group { padding-top: 14px; }
.nav > .nav__label { padding-top: 14px; }
.nav__label { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--text-3); padding: 0 10px 6px; }
.nav__item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--r-ctl); color: var(--text-2); font-weight: 500; transition: background .15s, color .15s; }
.nav__item .ph { font-size: 16.5px; }
.nav__item:hover { background: var(--surface-3); color: var(--text); }
.nav__item.is-active { background: var(--primary-soft); color: var(--primary-text); }
.nav__item.is-soon { color: var(--text-3); cursor: default; opacity: .8; }
.nav__item.is-soon:hover { background: none; color: var(--text-3); }
.nav__badge { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--r-pill); background: var(--primary); color: var(--on-primary); font-size: 10.5px; font-weight: 600; display: inline-grid; place-items: center; }
.nav__soon { margin-left: auto; font-size: 10.5px; font-weight: 600; padding: 1px 7px; border-radius: var(--r-pill); background: var(--neutral-soft); color: var(--text-3); }
.sidebar__foot { padding: 12px 16px 16px; border-top: 1px solid var(--border); }
.plan-chip { display: flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 500; color: var(--ai); background: var(--ai-soft); padding: 8px 12px; border-radius: var(--r-ctl); }
.sidebar-backdrop { display: none; }

.main { flex: 1; min-width: 0; margin-left: var(--sidebar-w); display: flex; flex-direction: column; }
.topbar { position: sticky; top: 0; z-index: 30; height: var(--topbar-h); display: flex; align-items: center; gap: 10px; padding: 0 28px; background: color-mix(in srgb, var(--bg) 85%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
.topbar .topbar__menu { display: none; }
.topbar__spacer { flex: 1; }
.content { padding: 28px; max-width: 1360px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }

.sidebar .brand-switch { padding: 0 12px 8px; }
.sidebar .brand-switch .dropdown__menu { left: 12px; right: 12px; min-width: 0; }
.brand-switch__btn { display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 10px 6px 6px; border-radius: var(--r-ctl); border: 1px solid var(--border); background: var(--surface-2); transition: border-color .15s; }
.brand-switch__btn > .ph { margin-left: auto; color: var(--text-3); }
.brand-switch__btn:hover { border-color: var(--border-strong); }
.brand-switch__text { display: flex; flex-direction: column; text-align: left; line-height: 1.2; min-width: 0; }
.brand-switch__text small { font-size: 10.5px; color: var(--text-3); }
.brand-switch__text b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand-dot { width: 30px; height: 30px; border-radius: 8px; background: var(--c, var(--primary)); color: #fff; font-weight: 700; display: grid; place-items: center; flex: none; font-size: 12px; }
.brand-dot--sm { width: 22px; height: 22px; border-radius: 6px; font-size: 10.5px; }
.avatar-btn { border-radius: 50%; }
.avatar { width: 34px; height: 34px; border-radius: 50%; background: var(--primary-soft); color: var(--primary-text); font-weight: 600; display: grid; place-items: center; flex: none; }
.avatar--img { object-fit: cover; }

/* ---------- Sayfa başlığı ---------- */
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.page-head h1 { font-size: 22.5px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.page-sub { color: var(--text-3); margin-top: 4px; max-width: 760px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.page-head__actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.back-link { display: inline-flex; align-items: center; gap: 6px; color: var(--text-3); font-size: 12px; margin-bottom: 6px; }
.back-link:hover { color: var(--text); }

/* ---------- Kartlar ---------- */
.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); box-shadow: var(--shadow-card); min-width: 0; }
.card--flush { overflow: hidden; }
.card__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--border); }
.card__title { font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.card__body { padding: 20px; }

.grid { display: grid; gap: 20px; }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-main { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; }
.grid-main--wide-left { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.grid-connect { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); align-items: start; }

/* ---------- Butonlar ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 38px; padding: 0 14px; border-radius: var(--r-ctl); border: 1px solid var(--border); background: var(--surface); font-weight: 550; white-space: nowrap; transition: background .15s, border-color .15s, transform .1s, box-shadow .15s; }
.btn:hover { border-color: var(--border-strong); background: var(--surface-2); }
.btn:active { transform: translateY(1px); }
.btn:disabled { opacity: .55; cursor: not-allowed; }
.btn--primary { background: var(--primary); border-color: var(--primary); color: #fff; box-shadow: 0 1px 2px rgba(15, 35, 71, .3); }
.btn--primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
.btn--success { background: var(--success-solid); border-color: var(--success-solid); color: #fff; }
.btn--success:hover { filter: brightness(1.05); background: var(--success-solid); }
.btn--ghost { background: transparent; border-color: transparent; }
.btn--ghost:hover { background: var(--surface-3); border-color: transparent; }
.btn--ai { background: var(--ai-soft); border-color: transparent; color: var(--ai); }
.btn--ai:hover { background: var(--ai-soft); filter: brightness(.97); border-color: transparent; }
.btn--sm { height: 32px; padding: 0 11px; font-size: 12px; }
.btn--icon { width: 38px; padding: 0; }
.btn--sm.btn--icon { width: 32px; }
.btn--block { width: 100%; height: 42px; }
.btn.is-loading { position: relative; color: transparent !important; pointer-events: none; }
.btn.is-loading::after { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; border: 2px solid currentColor; border-color: var(--text-3) transparent var(--text-3) transparent; animation: spin .8s linear infinite; }
.btn--primary.is-loading::after { border-color: var(--on-primary) transparent var(--on-primary) transparent; }
@keyframes spin { to { transform: rotate(360deg); } }

/* ---------- Form ---------- */
.field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.field__label { font-size: 12px; font-weight: 550; color: var(--text-2); }
.field__hint { font-size: 11.5px; color: var(--text-3); }
.input, .select, .textarea { width: 100%; border: 1px solid var(--border-strong); background: var(--surface); border-radius: var(--r-ctl); padding: 9px 12px; transition: border-color .15s, box-shadow .15s; }
.input, .select { height: 40px; }
.input--sm { height: 32px; padding: 5px 10px; font-size: 12px; }
.textarea { resize: vertical; line-height: 1.55; }
.input:focus, .select:focus, .textarea:focus { outline: none; border-color: var(--primary); box-shadow: var(--ring); }
.input[type="color"] { padding: 4px; width: 64px; cursor: pointer; }
.form-layout { display: flex; flex-direction: column; gap: 20px; max-width: 900px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.form-grid--1 { grid-template-columns: 1fr; }
.form-row { display: flex; gap: 12px; }
.form-row > .field { flex: 1; }
.field--color { flex: none !important; }
.form-actions { display: flex; justify-content: flex-end; gap: 8px; }
.form-actions--left { justify-content: flex-start; }
.switch-row { display: flex; gap: 14px; align-items: flex-start; cursor: pointer; }
.switch-row span { display: flex; flex-direction: column; gap: 2px; }
.switch { appearance: none; width: 40px; height: 22px; border-radius: 999px; background: var(--border-strong); position: relative; flex: none; cursor: pointer; transition: background .2s; margin-top: 1px; }
.switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s var(--ease); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.switch:checked { background: var(--primary); }
.switch:checked::after { transform: translateX(18px); }
.check { display: inline-flex; gap: 8px; align-items: center; cursor: pointer; font-weight: 500; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--primary); width: 16px; height: 16px; }

.seg { display: flex; gap: 6px; padding: 4px; background: var(--surface-3); border-radius: var(--r-ctl); }
.seg__opt { flex: 1; position: relative; cursor: pointer; }
.seg__opt input { position: absolute; opacity: 0; pointer-events: none; }
.seg__opt span { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 10px; border-radius: 8px; font-weight: 550; color: var(--text-2); transition: background .15s, color .15s; white-space: nowrap; }
.seg__opt input:checked + span { background: var(--surface); color: var(--text); box-shadow: var(--shadow-card); }
.seg__opt input:focus-visible + span { box-shadow: var(--ring); }
.seg--sm .seg__opt span { padding: 5px 10px; font-size: 12px; }
.check-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.check-chip { cursor: pointer; }
.check-chip input { position: absolute; opacity: 0; pointer-events: none; }
.check-chip span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--border-strong); border-radius: var(--r-pill); font-weight: 500; color: var(--text-2); transition: all .15s; }
.check-chip input:checked + span { border-color: var(--primary); background: var(--primary-soft); color: var(--primary-text); }
.check-chip input:focus-visible + span { box-shadow: var(--ring); }

.search { position: relative; display: flex; align-items: center; }
.search .ph { position: absolute; left: 11px; color: var(--text-3); pointer-events: none; }
.search .input { padding-left: 34px; width: 240px; height: 38px; }

/* ---------- Rozet, çip, sekme ---------- */
.badge { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: var(--r-pill); font-size: 11px; font-weight: 600; white-space: nowrap; border: 1px solid transparent; }
.badge--success { background: var(--success-soft); color: var(--success); border-color: var(--success-line); }
.badge--danger { background: var(--danger-soft); color: var(--danger); border-color: var(--danger-line); }
.badge--warning { background: var(--warning-soft); color: var(--warning); border-color: var(--warning-line); }
.badge--primary { background: var(--primary-soft); color: var(--primary-text); border-color: var(--primary-soft-2); }
.badge--neutral { background: var(--neutral-soft); color: var(--text-2); border-color: var(--border); }
.chip { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: var(--r-pill); background: var(--surface-3); color: var(--text-2); font-size: 11px; font-weight: 500; }
.chip--soft { background: var(--primary-soft); color: var(--primary-text); }
.chip--special { background: var(--warning-soft); color: var(--warning); }
.chip-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--border); overflow-x: auto; scrollbar-width: none; }
.tab { display: inline-flex; align-items: center; gap: 6px; padding: 10px 12px; color: var(--text-3); font-weight: 550; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.tab:hover { color: var(--text); }
.tab.is-active { color: var(--primary-text); border-bottom-color: var(--primary); }
.tab__count { font-size: 10.5px; background: var(--surface-3); color: var(--text-3); padding: 0 7px; border-radius: var(--r-pill); }
.tab.is-active .tab__count { background: var(--primary-soft); color: var(--primary-text); }
.tabs--pill { border: 0; background: var(--surface-3); padding: 3px; border-radius: var(--r-ctl); gap: 2px; }
.tabs--pill .tab { padding: 5px 12px; border: 0; margin: 0; border-radius: 8px; font-size: 12px; }
.tabs--pill .tab.is-active { background: var(--surface); color: var(--text); box-shadow: var(--shadow-card); }
.tabs--line { border-bottom: 1px solid var(--border); }
.tabs--line .tab { padding: 8px 10px; font-size: 12px; }

/* ---------- Platform ikonları ---------- */
.pi-row { display: inline-flex; gap: 4px; }
.pi { width: 24px; height: 24px; border-radius: 7px; display: inline-grid; place-items: center; color: #fff; background: var(--c); font-size: 13px; flex: none; }
.pi .ph { font-size: 13px; }
.pi--lg { width: 34px; height: 34px; border-radius: 10px; }
.pi--lg .ph { font-size: 17.5px; }
[data-theme="dark"] .pi[style*="#111111"] { background: #2A3247; }

/* ---------- Uyarı, boş durum, bildirim ---------- */
.alert { position: relative; display: block; padding: 12px 14px 12px 42px; border-radius: var(--r-ctl); border: 1px solid; font-size: 12.5px; line-height: 1.55; }
.alert > .ph:first-child { position: absolute; left: 14px; top: 13px; font-size: 16.5px; }
.alert:not(:has(> .ph:first-child)) { padding-left: 14px; }
.alert--info { background: var(--primary-soft); border-color: var(--primary-soft-2); color: var(--text); }
.alert--info > .ph { color: var(--primary-text); }
.alert--warning { background: var(--warning-soft); border-color: var(--warning-line); color: var(--text); }
.alert--warning > .ph { color: var(--warning); }
.alert--danger { background: var(--danger-soft); border-color: var(--danger-line); color: var(--danger); }
.alert--success { background: var(--success-soft); border-color: var(--success-line); color: var(--success); }

.empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 56px 24px; background: var(--surface); border: 1px dashed var(--border-strong); border-radius: var(--r-card); }
.empty--inline { border: 0; padding: 32px 20px; background: none; }
.empty--page { border: 0; background: none; padding: 80px 20px; }
.empty__icon { width: 52px; height: 52px; border-radius: 14px; background: var(--primary-soft); color: var(--primary-text); display: grid; place-items: center; font-size: 24px; margin-bottom: 4px; }
.empty__title { font-size: 15px; font-weight: 650; }
.empty__text { color: var(--text-3); max-width: 420px; }
.empty__actions { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; justify-content: center; }
.empty--page .empty__title { font-size: 37px; }

.toast-stack { position: fixed; right: 20px; bottom: 20px; z-index: 90; display: flex; flex-direction: column; gap: 10px; max-width: min(420px, calc(100vw - 32px)); }
.toast { display: flex; gap: 10px; align-items: flex-start; padding: 12px 12px 12px 14px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-pop); animation: toastIn .3s var(--ease); font-weight: 500; }
.toast span { flex: 1; }
.toast__icon { font-size: 18.5px; flex: none; }
.toast--success .toast__icon { color: var(--success-solid); }
.toast--error .toast__icon { color: var(--danger); }
.toast--warning .toast__icon { color: var(--warning); }
.toast__close { color: var(--text-3); padding: 2px; border-radius: 6px; }
.toast.is-leaving { opacity: 0; transform: translateY(8px); transition: all .25s; }
@keyframes toastIn { from { opacity: 0; transform: translateY(10px); } }

/* ---------- Açılır menü, modal ---------- */
.dropdown { position: relative; }
.dropdown__menu { position: absolute; top: calc(100% + 6px); left: 0; min-width: 240px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow-pop); padding: 6px; z-index: 50; display: none; max-height: 70vh; overflow-y: auto; }
.dropdown__menu--right { left: auto; right: 0; }
.dropdown.is-open .dropdown__menu { display: block; animation: pop .15s var(--ease); }
@keyframes pop { from { opacity: 0; transform: translateY(-4px); } }
.dropdown__item { display: flex; align-items: center; gap: 9px; width: 100%; padding: 8px 10px; border-radius: 8px; text-align: left; font-weight: 500; color: var(--text-2); }
.dropdown__item:hover { background: var(--surface-3); color: var(--text); }
.dropdown__item.is-active { color: var(--text); font-weight: 600; }
.dropdown__label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-3); font-weight: 600; padding: 6px 10px 4px; }
.dropdown__sep { height: 1px; background: var(--border); margin: 6px 0; }
.dropdown__user { padding: 8px 10px; display: flex; flex-direction: column; gap: 1px; }
.dropdown__user small { font-size: 11.5px; color: var(--text-2); }

.modal { position: fixed; inset: 0; z-index: 80; background: rgba(10, 14, 25, .5); display: grid; place-items: center; padding: 20px; animation: fade .2s; }
@keyframes fade { from { opacity: 0; } }
.modal__dialog { background: var(--surface); border-radius: 16px; box-shadow: var(--shadow-pop); width: min(560px, 100%); max-height: calc(100vh - 40px); display: flex; flex-direction: column; animation: pop .2s var(--ease); }
.modal__dialog--wide { width: min(880px, 100%); }
.modal__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--border); }
.modal__head h2 { font-size: 15px; display: flex; align-items: center; gap: 8px; }
.modal__body { padding: 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; }
.modal__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--border); }

/* ---------- Liste, tablo, zaman çizelgesi ---------- */
.list__item { border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 12px; }
.list__item:last-child { border-bottom: 0; }
.list__item--pad { padding: 12px 20px; }
.list__link { display: flex; align-items: center; gap: 12px; padding: 12px 20px; width: 100%; transition: background .15s; }
.list__link:hover { background: var(--surface-2); }
.list__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.list__main b { font-weight: 550; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.date-chip { width: 42px; flex: none; text-align: center; border-radius: 10px; background: var(--surface-3); padding: 4px 0; line-height: 1.15; }
.date-chip b { display: block; font-size: 15px; }
.date-chip small { font-size: 10.5px; color: var(--text-3); text-transform: uppercase; }

.table { width: 100%; border-collapse: collapse; }
.table th { text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--text-3); padding: 11px 16px; background: var(--surface-2); border-bottom: 1px solid var(--border); white-space: nowrap; }
.table td { padding: 12px 16px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.table tr:last-child td { border-bottom: 0; }
.table tbody tr:hover { background: var(--surface-2); }
.table th.ta-r { text-align: right; }
.post-cell { display: flex; gap: 12px; align-items: center; min-width: 260px; }
.post-cell__text { display: flex; flex-direction: column; min-width: 0; }
.post-cell__text b { font-weight: 550; }
.post-cell__text small { display: inline-flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.thumb { width: 48px; height: 48px; border-radius: 10px; overflow: hidden; flex: none; background: var(--surface-3); display: grid; place-items: center; color: var(--text-3); font-size: 18.5px; }
.thumb img { width: 100%; height: 100%; object-fit: cover; }

.timeline { padding: 8px 20px 16px; }
.timeline__item { display: flex; gap: 12px; padding: 10px 0; position: relative; }
.timeline__icon { width: 30px; height: 30px; border-radius: 50%; background: var(--surface-3); color: var(--text-2); display: grid; place-items: center; flex: none; }
.timeline__item--published .timeline__icon { background: var(--success-soft); color: var(--success); }
.timeline__item--failed .timeline__icon { background: var(--danger-soft); color: var(--danger); }
.timeline__item--approved .timeline__icon { background: var(--primary-soft); color: var(--primary-text); }
.timeline__item--agent_edit .timeline__icon { background: var(--ai-soft); color: var(--ai); }
.timeline__item small { display: block; }
.timeline__note { font-size: 12px; color: var(--text-2); background: var(--surface-2); border-radius: 8px; padding: 6px 10px; margin: 4px 0; }
.timeline--compact .timeline__item { padding: 7px 0; font-size: 12px; }
.timeline__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--border-strong); margin-top: 7px; flex: none; }
.timeline--compact .timeline__item--published .timeline__dot { background: var(--success-solid); }
.timeline--compact .timeline__item--failed .timeline__dot { background: var(--danger); }
.timeline--compact .timeline__item--approved .timeline__dot { background: var(--primary); }

/* ---------- Genel bakış ---------- */
.kpi { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); padding: 18px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 14px; align-items: center; transition: border-color .15s, transform .15s; box-shadow: var(--shadow-card); }
.kpi:hover { border-color: var(--border-strong); transform: translateY(-1px); }
.kpi__icon { grid-row: span 2; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 20.5px; }
.kpi__icon--blue { background: var(--primary-soft); color: var(--primary-text); }
.kpi__icon--amber { background: var(--warning-soft); color: var(--warning); }
.kpi__icon--green { background: var(--success-soft); color: var(--success); }
.kpi__icon--red { background: var(--danger-soft); color: var(--danger); }
.kpi__label { font-size: 12px; color: var(--text-3); }
.kpi__value { font-size: 24px; font-weight: 700; letter-spacing: -.02em; line-height: 1.15; }
.setup__steps { padding: 6px 20px 14px; }
.setup__steps li { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.setup__steps li:last-child { border: 0; }
.setup__steps li > div { flex: 1; }
.setup__steps p { color: var(--text-3); font-size: 12px; }
.setup__check { font-size: 20.5px; color: var(--border-strong); }
.setup__steps li.is-done .setup__check { color: var(--success-solid); }
.setup__steps li.is-done b { text-decoration: line-through; color: var(--text-3); }
.setup__steps li.is-warn .setup__check { color: var(--warning); }
.agent-ico { width: 34px; height: 34px; border-radius: 10px; background: var(--surface-3); color: var(--text-2); display: grid; place-items: center; flex: none; font-size: 16.5px; }
.agent-ico--ai { background: var(--ai-soft); color: var(--ai); }
.agent-ico--lg { width: 46px; height: 46px; border-radius: 13px; font-size: 22.5px; }

/* ---------- Hesaplar ---------- */
.connect-card { padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.connect-card__head { display: flex; align-items: center; gap: 10px; }
.connect-card__head h2 { font-size: 15px; }
.connect-card .btn { align-self: flex-start; }
.acct-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--border); }
.acct-row__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.acct-row__main small { display: flex; gap: 4px; align-items: center; }
.soon-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.soon-item { display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border: 1px solid var(--border); border-radius: 12px; color: var(--text-2); font-weight: 500; opacity: .8; }

/* ---------- Medya ---------- */
.dropzone { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 28px; border: 2px dashed var(--border-strong); border-radius: var(--r-card); background: var(--surface); cursor: pointer; text-align: center; transition: border-color .15s, background .15s; position: relative; }
.dropzone:hover, .dropzone.is-over { border-color: var(--primary); background: var(--primary-soft); }
.dropzone--compact { padding: 16px; flex-direction: row; justify-content: center; gap: 10px; }
.dropzone__icon { font-size: 26px; color: var(--primary-text); }
.dropzone--compact .dropzone__icon { font-size: 20.5px; }
.dropzone__progress { position: absolute; left: 16px; right: 16px; bottom: 10px; height: 4px; border-radius: 4px; background: var(--surface-3); overflow: hidden; }
.dropzone__progress span { display: block; height: 100%; width: 0; background: var(--primary); transition: width .2s; }
.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.media-card { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: column; }
.media-card img, .media-card video { aspect-ratio: 1; object-fit: cover; width: 100%; background: var(--surface-3); }
.media-card__badge { position: absolute; top: 8px; left: 8px; width: 28px; height: 28px; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; display: grid; place-items: center; }
.media-card figcaption { padding: 8px 10px 0; display: flex; flex-direction: column; font-size: 11.5px; min-width: 0; }
.media-card__name { font-weight: 550; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.media-card__actions { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px 10px; }
.picker-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
.pick { position: relative; aspect-ratio: 1; border-radius: 10px; overflow: hidden; border: 2px solid transparent; background: var(--surface-3); cursor: pointer; }
.pick img, .pick video { width: 100%; height: 100%; object-fit: cover; }
.pick.is-selected { border-color: var(--primary); box-shadow: var(--ring); }
.pick__num { position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 11px; font-weight: 700; display: none; place-items: center; }
.pick.is-selected .pick__num { display: grid; }
.pick__kind { position: absolute; bottom: 6px; left: 6px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.6); }

/* ---------- Gönderi oluşturucu ---------- */
.composer { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 20px; align-items: start; }
.composer__main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.composer__side { position: sticky; top: calc(var(--topbar-h) + 20px); display: flex; flex-direction: column; gap: 20px; }
.composer__actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; position: sticky; bottom: 0; background: color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter: blur(8px); padding: 12px 0; z-index: 5; }
.composer__spacer { flex: 1; }
.acct-picker { display: flex; flex-wrap: wrap; gap: 10px; }
.acct { display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border: 1.5px solid var(--border); border-radius: 12px; background: var(--surface); transition: all .15s; position: relative; text-align: left; }
.acct:hover { border-color: var(--border-strong); }
.acct.is-selected { border-color: var(--primary); background: var(--primary-soft); }
.acct.is-disabled { opacity: .55; cursor: not-allowed; }
.acct__avatar { position: relative; }
.acct__avatar img, .acct__avatar .avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.acct__avatar .pi { position: absolute; right: -4px; bottom: -4px; width: 18px; height: 18px; border-radius: 6px; border: 2px solid var(--surface); }
.acct__avatar .pi .ph { font-size: 10.5px; }
.acct__text { display: flex; flex-direction: column; line-height: 1.25; }
.acct__text b { font-weight: 600; font-size: 12.5px; }
.acct__text small { font-size: 11px; color: var(--text-3); }
.acct__check { position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; border-radius: 50%; background: var(--primary); color: var(--on-primary); display: none; place-items: center; font-size: 11px; }
.acct.is-selected .acct__check { display: grid; }
.caption-box { border: 1px solid var(--border-strong); border-radius: var(--r-ctl); background: var(--surface); transition: border-color .15s, box-shadow .15s; }
.caption-box:focus-within { border-color: var(--primary); box-shadow: var(--ring); }
.caption-input { border: 0; box-shadow: none !important; min-height: 170px; }
.caption-box__bar { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-top: 1px solid var(--border); }
.caption-box__spacer { flex: 1; }
.counter { font-size: 11.5px; color: var(--text-3); font-variant-numeric: tabular-nums; display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.counter .is-over { color: var(--danger); font-weight: 600; }
.ai-panel { border: 1px solid color-mix(in srgb, var(--ai) 30%, var(--border)); background: color-mix(in srgb, var(--ai-soft) 60%, var(--surface)); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 12px; }
.ai-panel__head { display: flex; justify-content: space-between; align-items: center; color: var(--ai); }
.ai-panel__head b { display: flex; gap: 6px; align-items: center; }
.ai-panel__foot { display: flex; justify-content: flex-end; }
.ai-results { display: flex; flex-direction: column; gap: 10px; }
.ai-option { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.ai-option__head { display: flex; align-items: center; gap: 8px; justify-content: space-between; }
.ai-option p { white-space: pre-wrap; font-size: 12.5px; }
.ai-option__tags { color: var(--primary-text); font-size: 12px; }
.media-strip { display: flex; flex-wrap: wrap; gap: 10px; }
.media-tile { width: 96px; height: 96px; border-radius: 10px; overflow: hidden; position: relative; background: var(--surface-3); border: 1px solid var(--border); cursor: grab; }
.media-tile img, .media-tile video { width: 100%; height: 100%; object-fit: cover; }
.media-tile__rm { position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; border-radius: 50%; background: rgba(0,0,0,.65); color: #fff; display: grid; place-items: center; font-size: 11px; opacity: 0; transition: opacity .15s; }
.media-tile:hover .media-tile__rm, .media-tile:focus-within .media-tile__rm { opacity: 1; }
.media-tile__pos { position: absolute; left: 4px; bottom: 4px; background: rgba(0,0,0,.6); color: #fff; border-radius: 6px; font-size: 10.5px; padding: 0 6px; }
.media-tile.is-dragging { opacity: .4; }
.media-add { width: 96px; height: 96px; border-radius: 10px; border: 2px dashed var(--border-strong); display: grid; place-items: center; color: var(--text-3); font-size: 12px; text-align: center; gap: 2px; transition: all .15s; }
.media-add:hover { border-color: var(--primary); color: var(--primary-text); background: var(--primary-soft); }
.media-add .ph { font-size: 20.5px; }
.more summary { cursor: pointer; list-style: none; display: inline-flex; gap: 6px; align-items: center; color: var(--text-2); font-weight: 550; }
.more summary::-webkit-details-marker { display: none; }
.more summary .ph { transition: transform .2s; }
.more[open] summary .ph { transform: rotate(90deg); }
.more[open] summary { margin-bottom: 12px; }
.when { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.when .field { width: 240px; }
.when__quick { display: flex; gap: 6px; flex-wrap: wrap; }
.errors { background: var(--danger-soft); border: 1px solid var(--danger-line); border-radius: var(--r-ctl); padding: 12px 16px; color: var(--danger); }
.errors ul { list-style: disc; padding-left: 18px; display: flex; flex-direction: column; gap: 3px; }
.approval-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-radius: var(--r-card); background: var(--warning-soft); border: 1px solid var(--warning-line); }
.approval-bar > div { flex: 1; display: flex; align-items: center; gap: 8px; min-width: 240px; }
.approval-bar__reject { display: flex; gap: 6px; }
.approval-bar__reject .input { width: 220px; }

/* önizleme */
.preview-wrap { display: flex; flex-direction: column; gap: 10px; }
.preview-tabs { align-self: flex-start; }
.preview { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-card); }
.preview-note { text-align: center; }
.pv-head { display: flex; align-items: center; gap: 10px; padding: 10px 12px; }
.pv-head .avatar { width: 32px; height: 32px; font-size: 12px; }
.pv-head img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.pv-head b { font-size: 12px; display: block; line-height: 1.2; }
.pv-head small { font-size: 10.5px; color: var(--text-3); }
.pv-media { position: relative; background: var(--surface-3); aspect-ratio: 1; display: grid; place-items: center; color: var(--text-3); overflow: hidden; }
.pv-media img, .pv-media video { width: 100%; height: 100%; object-fit: cover; }
.pv-media--tall { aspect-ratio: 9 / 16; max-height: 520px; }
.pv-media--portrait { aspect-ratio: 4 / 5; }
.pv-dots { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px; }
.pv-dots span { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.55); }
.pv-dots span:first-child { background: #fff; }
.pv-count { position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,.6); color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 999px; }
.pv-actions { display: flex; gap: 14px; padding: 10px 12px 4px; font-size: 20.5px; }
.pv-actions .ph:last-child { margin-left: auto; }
.pv-caption { padding: 4px 12px 14px; font-size: 12px; white-space: pre-wrap; word-break: break-word; max-height: 260px; overflow: hidden; }
.pv-caption b { margin-right: 4px; }
.pv-caption .tag { color: var(--primary-text); }
.pv-empty { padding: 50px 20px; text-align: center; color: var(--text-3); }
.pv-tt { position: relative; background: #000; color: #fff; }
.pv-tt .pv-media { background: #111; }
.pv-tt__overlay { position: absolute; left: 0; right: 48px; bottom: 0; padding: 14px; background: linear-gradient(transparent, rgba(0,0,0,.7)); font-size: 12px; white-space: pre-wrap; max-height: 50%; overflow: hidden; }
.pv-tt__rail { position: absolute; right: 8px; bottom: 60px; display: flex; flex-direction: column; gap: 16px; font-size: 24px; align-items: center; }
.pv-story { position: relative; background: #000; }
.pv-story__bar { position: absolute; top: 8px; left: 8px; right: 8px; height: 2px; background: rgba(255,255,255,.5); border-radius: 2px; }
.pv-story .pv-head { position: absolute; top: 14px; left: 0; color: #fff; }
.pv-story .pv-head small { color: rgba(255,255,255,.8); }

/* ---------- Takvim ---------- */
.cal { overflow: hidden; }
.cal__head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
.cal__nav { display: flex; align-items: center; gap: 6px; flex: 1; }
.cal__title { font-size: 16px; font-weight: 650; margin-left: 8px; text-transform: capitalize; }
.cal__legend { display: flex; gap: 12px; flex-wrap: wrap; }
.legend { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-3); }
.legend::before { content: ""; width: 8px; height: 8px; border-radius: 3px; background: var(--lc); }
.legend--primary { --lc: var(--primary); } .legend--warning { --lc: #F79009; } .legend--neutral { --lc: var(--border-strong); }
.legend--success { --lc: var(--success-solid); } .legend--danger { --lc: var(--danger); }
.cal__dow { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-bottom: 1px solid var(--border); background: var(--surface-2); }
.cal__dow span { padding: 8px 10px; font-size: 11px; font-weight: 600; color: var(--text-3); text-transform: uppercase; letter-spacing: .04em; }
.cal__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.cal__day { min-height: 128px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 6px; display: flex; flex-direction: column; gap: 4px; min-width: 0; transition: background .15s; position: relative; }
.cal__day:nth-child(7n) { border-right: 0; }
.cal__day.is-other { background: var(--surface-2); }
.cal__day.is-other .cal__num { color: var(--text-3); opacity: .6; }
.cal__day.is-past { background: color-mix(in srgb, var(--surface-2) 60%, var(--surface)); }
.cal__day.is-drop { background: var(--primary-soft); box-shadow: inset 0 0 0 2px var(--primary); }
.cal__dayhead { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
.cal__num { font-size: 12px; font-weight: 600; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; }
.cal__day.is-today .cal__num { background: var(--primary); color: var(--on-primary); }
.cal__add { opacity: 0; width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; color: var(--text-3); transition: opacity .15s; }
.cal__day:hover .cal__add { opacity: 1; }
.cal__add:hover { background: var(--surface-3); color: var(--primary-text); }
.cal__special { font-size: 10.5px; color: var(--warning); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; gap: 3px; align-items: center; }
.cal__event { display: flex; align-items: center; gap: 6px; padding: 4px 6px; border-radius: 7px; font-size: 11px; background: var(--surface-3); border-left: 3px solid var(--ec); min-width: 0; cursor: pointer; transition: transform .1s, box-shadow .15s; }
.cal__event:hover { box-shadow: var(--shadow-pop); transform: translateY(-1px); }
.cal__event[draggable="true"] { cursor: grab; }
.cal__event.is-dragging { opacity: .4; }
.cal__event--primary { --ec: var(--primary); background: var(--primary-soft); }
.cal__event--warning { --ec: #F79009; background: var(--warning-soft); }
.cal__event--neutral { --ec: var(--border-strong); }
.cal__event--success { --ec: var(--success-solid); background: var(--success-soft); }
.cal__event--danger { --ec: var(--danger); background: var(--danger-soft); }
.cal__event img { width: 22px; height: 22px; border-radius: 5px; object-fit: cover; flex: none; }
.cal__event-time { font-weight: 600; font-variant-numeric: tabular-nums; flex: none; }
.cal__event-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; }
.cal__event .pi-row .pi { width: 16px; height: 16px; border-radius: 4px; }
.cal__event .pi-row .pi .ph { font-size: 10.5px; }
.cal__more { font-size: 11px; color: var(--primary-text); font-weight: 550; padding: 2px 6px; text-align: left; }
.cal--week .cal__day { min-height: 420px; }
.cal--week .cal__event { flex-wrap: wrap; align-items: flex-start; }
.cal--week .cal__event-title { white-space: normal; flex-basis: 100%; }
.cal--week .cal__event img { width: 100%; height: 90px; flex-basis: 100%; }

/* ---------- İçerik planı ---------- */
.strategy__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; color: var(--ai); }
.strategy p { color: var(--text-2); line-height: 1.65; }
.sticky-bar { position: sticky; top: calc(var(--topbar-h) + 8px); z-index: 10; display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); box-shadow: var(--shadow-pop); margin-bottom: 14px; flex-wrap: wrap; }
.sticky-bar__spacer { flex: 1; }
.plan-list { display: flex; flex-direction: column; gap: 12px; }
.plan-item { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; gap: 18px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); padding: 16px; box-shadow: var(--shadow-card); }
.plan-item--discarded { opacity: .5; }
.plan-item--accepted { border-color: var(--success-line); }
.plan-item__date { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1px; border-right: 1px solid var(--border); padding-right: 16px; }
.plan-item__date input { margin-bottom: 8px; width: 18px; height: 18px; }
.plan-item__date b { font-size: 24px; line-height: 1; font-weight: 700; }
.plan-item__date small { font-size: 11px; }
.plan-item__meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 8px; }
.plan-item h3 { font-size: 14px; font-weight: 650; margin-bottom: 6px; }
.plan-item__caption { color: var(--text-2); font-size: 12.5px; line-height: 1.6; }
.plan-item__tags { color: var(--primary-text); font-size: 12px; margin-top: 6px; }
.plan-item__brief { display: flex; gap: 8px; margin-top: 10px; padding: 10px 12px; background: var(--surface-2); border-radius: 10px; font-size: 12px; color: var(--text-2); }
.plan-item__brief .ph { color: var(--text-3); margin-top: 2px; flex: none; }

/* ---------- Ajan masası ---------- */
.desk { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
.desk__chat { display: flex; flex-direction: column; height: calc(100vh - var(--topbar-h) - 150px); min-height: 520px; }
.desk__messages { flex: 1; overflow-y: auto; padding: 24px; display: flex; flex-direction: column; gap: 18px; }
.desk__welcome { margin: auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 560px; }
.desk__welcome h2 { font-size: 18.5px; margin-top: 6px; }
.examples { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 12px; }
.example { padding: 8px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); color: var(--text-2); font-size: 12px; text-align: left; transition: all .15s; }
.example:hover { border-color: var(--primary); color: var(--primary-text); background: var(--primary-soft); }
.msg { display: flex; gap: 10px; max-width: 86%; }
.msg--user { align-self: flex-end; flex-direction: row-reverse; }
.msg__bubble { padding: 11px 14px; border-radius: 14px; background: var(--surface-2); border: 1px solid var(--border); white-space: pre-wrap; word-break: break-word; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.msg--user .msg__bubble { background: var(--primary); color: var(--on-primary); border-color: var(--primary); border-bottom-right-radius: 4px; }
.msg--agent .msg__bubble { border-top-left-radius: 4px; }
.msg__who { font-size: 11px; font-weight: 600; color: var(--ai); display: flex; align-items: center; gap: 5px; }
.msg__links { display: flex; gap: 8px; flex-wrap: wrap; }
.msg--thinking .msg__bubble { color: var(--text-3); }
.dots span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; margin-right: 3px; animation: blink 1.2s infinite; }
.dots span:nth-child(2) { animation-delay: .2s; } .dots span:nth-child(3) { animation-delay: .4s; }
@keyframes blink { 0%, 80%, 100% { opacity: .25; } 40% { opacity: 1; } }
.desk__input { padding: 14px 16px; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 6px; }
.desk__box { display: flex; gap: 8px; align-items: flex-end; }
.desk__box .textarea { resize: none; max-height: 180px; min-height: 42px; }
.desk__box .btn { height: 42px; width: 42px; flex: none; }
.desk__side { position: sticky; top: calc(var(--topbar-h) + 20px); }
.pending { display: flex; flex-direction: column; max-height: calc(100vh - 260px); overflow-y: auto; }
.action-card { padding: 14px 16px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 8px; white-space: normal; }
.action-card:last-child { border-bottom: 0; }
.msg__bubble .action-card { border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.action-card__title { font-weight: 550; font-size: 12.5px; }
.action-card__meta { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 11px; color: var(--text-3); }
.action-card__btns { display: flex; gap: 6px; }
.action-card__result { font-size: 11.5px; }
.risk--high { color: var(--danger); } .risk--medium { color: var(--warning); } .risk--low { color: var(--success); }
.cap-list { display: flex; flex-direction: column; gap: 8px; }
.cap-item { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; background: var(--surface); display: flex; flex-direction: column; gap: 6px; white-space: pre-wrap; color: var(--text); }
.cap-item__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.review-score { display: flex; align-items: center; gap: 14px; }
.review-score__ring { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font-size: 18.5px; font-weight: 700; background: conic-gradient(var(--rc) calc(var(--v) * 1%), var(--surface-3) 0); position: relative; }
.review-score__ring::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: var(--surface); }
.review-score__ring span { position: relative; }
.issues { display: flex; flex-direction: column; gap: 6px; }
.issue { display: flex; gap: 8px; font-size: 12.5px; align-items: flex-start; }
.issue .ph { margin-top: 2px; flex: none; }
.issue--high .ph { color: var(--danger); } .issue--medium .ph { color: var(--warning); } .issue--low .ph { color: var(--text-3); }

/* ---------- Ajan ekibi ---------- */
.agent-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.agent-card { padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.agent-card.is-planned { background: var(--surface-2); box-shadow: none; }
.agent-card.is-planned h2 { color: var(--text-2); }
.agent-card--lead { border-color: color-mix(in srgb, var(--ai) 35%, var(--border)); }
.agent-card__head { display: flex; gap: 12px; align-items: center; }
.agent-card__head h2 { font-size: 14px; margin-bottom: 3px; }
.agent-card__stats { display: flex; gap: 16px; font-size: 11.5px; color: var(--text-3); }
.agent-card__stats b { color: var(--text); font-size: 13px; }
.autonomy { display: flex; flex-direction: column; gap: 6px; padding-top: 12px; border-top: 1px solid var(--border); }
.autonomy__opts { display: flex; gap: 4px; background: var(--surface-3); padding: 3px; border-radius: var(--r-ctl); }
.autonomy__opt { flex: 1; cursor: pointer; }
.autonomy__opt input { position: absolute; opacity: 0; pointer-events: none; }
.autonomy__opt span { display: block; text-align: center; padding: 6px 4px; border-radius: 8px; font-size: 11.5px; font-weight: 550; color: var(--text-2); }
.autonomy__opt.is-active span, .autonomy__opt input:checked + span { background: var(--surface); color: var(--text); box-shadow: var(--shadow-card); }

/* ---------- Yakında (uzman tanıtımı) ---------- */
.soon { max-width: 520px; margin: 48px auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.soon h1 { font-size: 24px; letter-spacing: -.02em; }
.soon__list { text-align: left; display: flex; flex-direction: column; gap: 8px; margin: 8px 0 12px; }
.soon__list li { display: flex; gap: 8px; align-items: center; color: var(--text-2); }
.soon__list .ph { color: var(--success-solid); }

/* ---------- Giriş ---------- */
.auth-body { background: var(--surface); }
.auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; }
.auth__panel { display: flex; flex-direction: column; gap: 20px; padding: 32px 48px; }
.auth__panel .sidebar__brand { padding: 0; height: auto; }
.auth__form { width: min(400px, 100%); margin: auto; display: flex; flex-direction: column; gap: 18px; }
.auth__form h1 { font-size: 24px; letter-spacing: -.02em; }
.auth__switch { color: var(--text-3); text-align: center; }
.auth__switch a { color: var(--primary-text); font-weight: 600; }
.auth__hero { background: var(--brand-grad); color: #fff; display: flex; align-items: center; padding: 48px; position: relative; overflow: hidden; }
.auth__hero::before { content: ""; position: absolute; width: 560px; height: 560px; right: -140px; top: -120px; background: url(brand/icon.png) no-repeat center / contain; opacity: .10; }
.auth__hero-inner { position: relative; max-width: 460px; display: flex; flex-direction: column; gap: 16px; }
.auth__hero h2 { font-size: 31.5px; line-height: 1.15; letter-spacing: -.02em; }
.auth__hero p { opacity: .9; font-size: 14px; line-height: 1.6; }
.eyebrow { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; opacity: .85; }
.auth__agents { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.auth__agents li { display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.12); padding: 10px 14px; border-radius: 12px; font-weight: 500; backdrop-filter: blur(6px); }
.auth__agents .badge { margin-left: auto; }
.auth__agents .badge--neutral { background: rgba(255,255,255,.18); color: #fff; border-color: transparent; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1200px) {
  .composer { grid-template-columns: minmax(0, 1fr) 320px; }
  .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
  .sidebar { transform: translateX(-100%); transition: transform .25s var(--ease); box-shadow: var(--shadow-pop); }
  .sidebar.is-open { transform: none; }
  .sidebar-backdrop.is-open { display: block; position: fixed; inset: 0; background: rgba(10,14,25,.45); z-index: 35; }
  .main { margin-left: 0; }
  .topbar { padding: 0 16px; }
  .topbar .topbar__menu { display: inline-flex; }
  .content { padding: 20px 16px; }
  .grid-main, .grid-main--wide-left, .composer, .desk { grid-template-columns: minmax(0, 1fr); }
  .composer__side, .desk__side { position: static; }
  .cal__legend { display: none; }
}
@media (max-width: 720px) {
  .page-head h1 { font-size: 19.5px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-row { flex-direction: column; }
  .grid-4 { grid-template-columns: 1fr 1fr; gap: 12px; }
  .kpi { padding: 14px; grid-template-columns: 1fr; }
  .kpi__icon { grid-row: auto; width: 36px; height: 36px; font-size: 16.5px; margin-bottom: 8px; }
  .card--flush { overflow-x: auto; }
  .search .input { width: 100%; }
  .page-head__actions { width: 100%; }
  .search { flex: 1; }
  .cal__day { min-height: 84px; padding: 4px; }
  .cal__event { padding: 3px; }
  .cal__event-time, .cal__event-title, .cal__event .pi-row { display: none; }
  .cal__event { justify-content: center; min-height: 10px; }
  .cal__dow span { padding: 6px 4px; text-align: center; font-size: 10.5px; }
  .cal__title { font-size: 14px; margin-left: 2px; }
  .plan-item { grid-template-columns: 64px minmax(0, 1fr); }
  .plan-item__state { grid-column: 2; }
  .plan-item__date { padding-right: 10px; }
  .msg { max-width: 100%; }
  .desk__messages { padding: 16px; }
  .auth { grid-template-columns: 1fr; }
  .auth__hero { display: none; }
  .auth__panel { padding: 24px 16px; }
  .when .field { width: 100%; }
  .approval-bar__reject { width: 100%; }
  .approval-bar__reject .input { flex: 1; width: auto; }
  .composer__actions .btn { flex: 1; }
  .composer__spacer { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* =====================================================================
   Premium katman: beyaz zemin, uzman renkleri, brifing, hafta panosu
   ===================================================================== */
.agent-tab--commerce { --ag1: #10B981; --ag2: #0891B2; }
.agent-tab--seo      { --ag1: #0EA5E9; --ag2: #6366F1; }
.agent-tab--ads      { --ag1: #F97316; --ag2: #E11D48; }
.agent-tab--social   { --ag1: #1F4A8A; --ag2: #62D200; }
.agent-tab--content  { --ag1: #A855F7; --ag2: #EC4899; }

.topbar { background: rgba(255, 255, 255, .86); backdrop-filter: saturate(180%) blur(14px); border-bottom-color: var(--border); padding: 0 32px; gap: 12px; }
[data-theme="dark"] .topbar { background: color-mix(in srgb, var(--bg) 86%, transparent); }
.sidebar { border-right-color: var(--border); }
.content { padding: 36px 40px 56px; gap: 28px; max-width: 1320px; }
.card { border-radius: 16px; }

/* Uzman sekmeleri */
.agent-tabs { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.agent-tab { display: flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; border-radius: 14px; border: 1px solid transparent; white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .16s var(--ease-out); }
.agent-tab:active { transform: scale(.97); }
@media (hover: hover) and (pointer: fine) { .agent-tab:hover { background: var(--surface-2); } }
.agent-tab.is-active { background: var(--surface); border-color: var(--border); box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px -14px color-mix(in srgb, var(--ag1) 55%, transparent); }
.agent-tab__chip { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; flex: none; font-size: 17.5px;
  color: var(--ag1); background: color-mix(in srgb, var(--ag1) 10%, var(--surface)); transition: background .2s ease, color .2s ease, box-shadow .2s ease; }
.agent-tab__chip .ph, .agent-tab__chip .ph-fill { font-size: 17.5px; }
.agent-tab.is-active .agent-tab__chip, .nav__head .agent-tab__chip, .brief__who .agent-tab__chip {
  color: #fff; background: linear-gradient(135deg, var(--ag1), var(--ag2)); box-shadow: 0 6px 14px -6px var(--ag1), inset 0 1px 0 rgba(255, 255, 255, .25); }
.agent-tab__text { display: flex; flex-direction: column; line-height: 1.2; }
.agent-tab__text b { font-size: 12.5px; font-weight: 650; color: var(--text); letter-spacing: -.01em; }
.agent-tab__text small { font-size: 10.5px; color: var(--text-3); }
.agent-tab.is-soon:not(.is-active) .agent-tab__chip { filter: saturate(.35); opacity: .75; }
.agent-tab.is-soon:not(.is-active) .agent-tab__text b { color: var(--text-2); }

/* Yönetici Ajan düğmesi: ince geçişli çerçeve */
.topbar__lead { position: relative; gap: 8px; height: 42px; padding: 0 16px 0 6px; border-radius: 999px; color: var(--text); font-weight: 600;
  border: 1px solid transparent; background: linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, #62D200, #1F4A8A 50%, #0F2347) border-box;
  transition: transform .16s var(--ease-out), box-shadow .2s ease; }
.topbar__lead:hover { background: linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, #62D200, #1F4A8A 50%, #0F2347) border-box; box-shadow: 0 8px 22px -12px rgba(79, 70, 229, .55); }
.topbar__lead:active { transform: scale(.97); }
.topbar__lead-ico { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--brand-grad); }
.topbar__lead-ico .ph-fill { font-size: 14px; }
.topbar__lead .nav__badge { position: absolute; top: -6px; right: -6px; }

/* Sol menü */
.nav__head { display: flex; align-items: center; gap: 10px; padding: 14px 10px; margin-bottom: 6px; border-bottom: 1px solid var(--border); }
.nav__head b { display: block; font-size: 12.5px; font-weight: 650; letter-spacing: -.01em; }
.nav__head small { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-3); }
.nav--commerce { --ag1: #10B981; } .nav--seo { --ag1: #0EA5E9; } .nav--ads { --ag1: #F97316; } .nav--social { --ag1: #1F4A8A; } .nav--content { --ag1: #A855F7; }
.nav__item { position: relative; padding: 9px 12px; color: var(--text-2); transition: background-color .15s ease, color .15s ease; }
.nav__item.is-active { background: var(--surface-3); color: var(--text); font-weight: 600; }
.nav__item.is-active .ph { color: var(--ag1); }
.nav__item.is-active::before { content: ""; position: absolute; left: -12px; top: 9px; bottom: 9px; width: 3px; border-radius: 0 3px 3px 0; background: var(--ag1); }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success-solid); box-shadow: 0 0 0 3px color-mix(in srgb, var(--success-solid) 20%, transparent); display: inline-block; }
.brand-switch__btn { background: var(--surface); }

/* Düğmeler: basınca tepki */
.btn { transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .16s var(--ease-out); }
.btn:active { transform: scale(.97); }
.btn--primary { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(15, 35, 71, .3), 0 8px 18px -10px rgba(15, 35, 71, .7); }
.btn--lg { height: 46px; padding: 0 20px; font-size: 14px; border-radius: 12px; }

/* Başlık */
.hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.hero h1 { font-size: 30px; font-weight: 650; letter-spacing: -.03em; line-height: 1.1; margin-top: 6px; }
.eyebrow-label { font-size: 12px; font-weight: 550; color: var(--text-3); letter-spacing: .01em; }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.section-head h2 { font-size: 16.5px; font-weight: 650; letter-spacing: -.02em; }

/* Brifing: uzman konuşur, her satırda tek tık çözüm */
.brief { position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 22px 24px; border-radius: 20px;
  background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, #1F4A8A 7%, transparent), transparent 55%), radial-gradient(90% 120% at 100% 100%, color-mix(in srgb, #62D200 6%, transparent), transparent 60%), var(--surface);
  border: 1px solid color-mix(in srgb, #1F4A8A 16%, var(--border)); }
.brief__who { display: flex; align-items: flex-start; gap: 12px; }
.brief__who .agent-tab__chip { width: 44px; height: 44px; border-radius: 13px; font-size: 20.5px; }
.brief__who b { display: block; font-size: 13.5px; font-weight: 650; letter-spacing: -.01em; }
.brief__who small { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--text-3); margin-top: 2px; }
.brief__list { display: flex; flex-direction: column; }
.brief__list li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--border-strong); }
.brief__list li:last-child { border-bottom: 0; }
.brief__ico { width: 30px; height: 30px; border-radius: 9px; background: var(--surface-3); color: var(--text-2); display: grid; place-items: center; flex: none; }
.brief__text { flex: 1; font-size: 14px; color: var(--text); }
.brief__cta { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 12.5px; color: var(--primary-text); padding: 6px 10px; border-radius: 8px; white-space: nowrap; transition: background-color .15s ease; }
.brief__cta:hover { background: var(--primary-soft); }
.brief__cta .ph { transition: transform .2s var(--ease-out); }
.brief__cta:hover .ph { transform: translateX(3px); }

/* Sayı şeridi */
.stat-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.stat { display: flex; flex-direction: column; gap: 2px; padding: 18px 24px; border-left: 1px solid var(--border); transition: background-color .15s ease; }
.stat:first-child { border-left: 0; padding-left: 4px; }
.stat:hover { background: var(--surface-2); }
.stat__value { font-size: 31.5px; font-weight: 700; letter-spacing: -.04em; line-height: 1.1; }
.stat__label { font-size: 12px; color: var(--text-3); }
.stat--alert .stat__value { color: var(--danger); }

/* Hafta panosu */
.week__board { display: grid; grid-template-columns: repeat(7, minmax(124px, 1fr)); gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.week__col { display: flex; flex-direction: column; gap: 8px; min-height: 230px; padding: 10px; border-radius: 16px; background: var(--surface-2); border: 1px solid transparent; }
.week__col.is-today { background: var(--surface); border-color: color-mix(in srgb, var(--primary) 30%, var(--border)); box-shadow: 0 10px 30px -18px rgba(15, 35, 71, .5); }
.week__day { display: flex; align-items: baseline; justify-content: space-between; padding: 2px 4px 4px; }
.week__day span { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--text-3); }
.week__day b { font-size: 20.5px; font-weight: 700; letter-spacing: -.03em; }
.week__col.is-today .week__day span { color: var(--primary-text); }
.wcard { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; overflow: hidden;
  transition: transform .2s var(--ease-out), box-shadow .2s ease, border-color .2s ease; }
@media (hover: hover) and (pointer: fine) { .wcard:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -18px rgba(16, 24, 40, .35); border-color: var(--border-strong); } }
.wcard__media { position: relative; aspect-ratio: 16 / 11; background: var(--surface-3); display: block; }
.wcard__media img { width: 100%; height: 100%; object-fit: cover; }
.wcard__ph { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--text-3); font-size: 20.5px; }
.wcard__ph small { font-size: 10.5px; font-weight: 600; }
.wcard__ph--missing { color: var(--warning); background: repeating-linear-gradient(-45deg, var(--warning-soft), var(--warning-soft) 8px, color-mix(in srgb, var(--warning-soft) 40%, var(--surface)) 8px, color-mix(in srgb, var(--warning-soft) 40%, var(--surface)) 16px); }
.wcard__time { position: absolute; left: 8px; top: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(10, 15, 28, .72); color: #fff; font-size: 10.5px; font-weight: 600; font-variant-numeric: tabular-nums; backdrop-filter: blur(4px); }
.wcard__body { padding: 9px 10px 10px; display: flex; flex-direction: column; gap: 6px; }
.wcard__body b { font-size: 12px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wcard__meta { display: flex; align-items: center; gap: 6px; font-size: 10.5px; color: var(--text-3); }
.wcard__pi { margin-left: auto; }
.wcard__pi .pi { width: 18px; height: 18px; border-radius: 5px; }
.wcard__pi .pi .ph { font-size: 10.5px; }
.dot { width: 7px; height: 7px; border-radius: 50%; flex: none; background: var(--border-strong); }
.dot--primary { background: var(--primary); } .dot--warning { background: #F79009; } .dot--success { background: var(--success-solid); } .dot--danger { background: var(--danger); }
.week__add { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; border-radius: 10px; border: 1px dashed var(--border-strong); color: var(--text-3); font-size: 12px; font-weight: 550;
  opacity: .7; transition: opacity .15s ease, color .15s ease, border-color .15s ease, background-color .15s ease; }
.week__col:not(:has(.wcard)) .week__add { flex: 1; }
.week__col:hover .week__add, .week__add:focus-visible { opacity: 1; }
.week__add:hover { color: var(--primary-text); border-color: var(--primary); background: var(--primary-soft); }

/* Alt bölüm */
.split { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px; }
.channels { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.channel { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; }
.channel--off { border-color: var(--danger-line); background: var(--danger-soft); }
.channel--add { justify-content: center; border-style: dashed; color: var(--text-3); font-weight: 550; gap: 6px; }
.channel__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.channel__text b { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.channel__text small { font-size: 11px; color: var(--text-3); }
.feed__item { display: flex; align-items: baseline; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--border); font-size: 12.5px; }
.feed__item:last-child { border-bottom: 0; }
.feed__item b { font-weight: 600; }
.feed__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--border-strong); flex: none; transform: translateY(-1px); }
.feed__item--published .feed__dot { background: var(--success-solid); } .feed__item--failed .feed__dot { background: var(--danger); } .feed__item--approved .feed__dot { background: var(--primary); }
.feed__time { margin-left: auto; font-size: 11px; color: var(--text-3); white-space: nowrap; }

@media (max-width: 1280px) {
  .agent-tab__text small { display: none; }
}
@media (max-width: 1024px) {
  .topbar { padding: 0 16px; }
  .content { padding: 24px 16px 40px; }
  .brief { grid-template-columns: 1fr; gap: 12px; }
  .split { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 720px) {
  :root { --topbar-h: 64px; }
  .topbar { gap: 6px; }
  .agent-tabs { gap: 2px; }
  .agent-tab { padding: 3px; gap: 0; border-radius: 12px; }
  .agent-tab__text { display: none; }
  .agent-tab__chip { width: 32px; height: 32px; border-radius: 10px; }
  .topbar [data-theme-toggle] { display: none; }
  .topbar__lead { width: 42px; padding: 0; justify-content: center; }
  .topbar__lead > span:not(.topbar__lead-ico):not(.nav__badge) { display: none; }
  .hero h1 { font-size: 26px; }
  .stat-strip { grid-template-columns: 1fr 1fr; }
  .stat:nth-child(3) { border-left: 0; padding-left: 4px; }
  .stat:nth-child(n+3) { border-top: 1px solid var(--border); }
  .stat { padding: 14px 16px; }
  .stat__value { font-size: 26px; }
  .brief { padding: 16px; }
  .brief__list li { flex-wrap: wrap; gap: 8px; }
  .brief__text { flex-basis: calc(100% - 42px); font-size: 13px; }
  .brief__cta { margin-left: 38px; padding-left: 4px; }
  .week__board { grid-template-columns: repeat(7, 160px); }
}

/* =====================================================================
   Sohbet ekranları (uzman + Yönetici Ajan), ekler, ekip akışı, ajanda takvim
   ===================================================================== */
.agent-tab--orchestrator { --ag1: #62D200; --ag2: #0F2347; }
.agent-tab__chip.agent-tab--orchestrator, .chat-head .agent-tab__chip, .msg__avatar, .brief-item .agent-tab__chip {
  color: #fff; background: linear-gradient(135deg, var(--ag1), var(--ag2)); box-shadow: 0 6px 14px -6px var(--ag1), inset 0 1px 0 rgba(255, 255, 255, .25); }

.chat-page { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 20px; height: calc(100vh - var(--topbar-h) - 72px); min-height: 560px; }
.chat-page--solo { grid-template-columns: minmax(0, 1fr); max-width: 980px; width: 100%; margin: 0 auto; }
.chat-panel { position: relative; display: flex; flex-direction: column; min-height: 0; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); overflow: hidden; }
.chat-panel.is-drop::after { content: "Dosyayı bırakın"; position: absolute; inset: 8px; border: 2px dashed var(--primary); border-radius: 16px; background: color-mix(in srgb, var(--primary-soft) 85%, transparent);
  display: grid; place-items: center; font-weight: 650; color: var(--primary-text); font-size: 15px; z-index: 5; }
.chat-head { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--border); }
.chat-head .agent-tab__chip { width: 40px; height: 40px; border-radius: 12px; }
.chat-head h1 { font-size: 15px; font-weight: 650; letter-spacing: -.01em; }
.chat-head small { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--text-3); }

.chat-messages { flex: 1; overflow-y: auto; padding: 28px clamp(16px, 4vw, 48px); display: flex; flex-direction: column; gap: 22px; scroll-behavior: smooth; }
.chat-welcome { margin: auto; max-width: 560px; text-align: center; display: flex; flex-direction: column; gap: 10px; align-items: center; }
.chat-welcome h2 { font-size: 22.5px; font-weight: 700; letter-spacing: -.03em; }
.msg { display: flex; gap: 12px; max-width: 100%; }
.msg--user { justify-content: flex-end; }
.msg__avatar { width: 32px !important; height: 32px !important; border-radius: 10px !important; flex: none; }
.msg__avatar .ph-fill { font-size: 15px !important; }
.msg__bubble { min-width: 0; display: flex; flex-direction: column; gap: 10px; white-space: pre-wrap; word-break: break-word; line-height: 1.6; font-size: 13.5px; }
.msg--agent .msg__bubble { flex: 1; max-width: 760px; padding-top: 4px; }
.msg--user .msg__bubble { max-width: min(560px, 85%); padding: 11px 16px; border-radius: 18px 18px 4px 18px; background: var(--text); color: var(--bg); }
.msg__who { font-size: 11.5px; font-weight: 650; color: var(--text-2); white-space: normal; }
.msg--thinking .msg__bubble { color: var(--text-3); flex-direction: row; align-items: center; gap: 8px; }
.msg__links { display: flex; gap: 8px; flex-wrap: wrap; white-space: normal; }
.msg__files { display: flex; flex-wrap: wrap; gap: 8px; white-space: normal; }
.msg__img img { max-width: 220px; max-height: 220px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--border) 60%, transparent); object-fit: cover; }
.msg .action-card { border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); white-space: normal; }
.msg .cap-list, .msg .issues { white-space: normal; }

.file-card { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px 8px 8px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--text);
  max-width: 320px; transition: border-color .15s ease, box-shadow .15s ease, transform .16s var(--ease-out); }
.file-card:hover { border-color: var(--border-strong); box-shadow: 0 8px 20px -14px rgba(16, 24, 40, .4); }
.file-card:active { transform: scale(.98); }
.file-card > .ph { color: var(--text-3); margin-left: 4px; }
.file-card__ico { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; color: #fff; font-size: 17.5px; flex: none; background: #667085; }
.file-card__ico--xlsx, .file-card__ico--csv { background: #107C41; } .file-card__ico--pdf { background: #D92D20; }
.file-card__ico--docx { background: #2B579A; } .file-card__ico--image { background: #7A5AF8; }
.file-card__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.file-card__text b { font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file-card__text small { font-size: 10.5px; color: var(--text-3); }

.chat-input { padding: 12px clamp(12px, 3vw, 40px) 18px; display: flex; flex-direction: column; gap: 8px; }
.chat-input__box { display: flex; align-items: flex-end; gap: 6px; padding: 6px; border: 1px solid var(--border-strong); border-radius: 18px; background: var(--surface);
  box-shadow: 0 10px 30px -20px rgba(16, 24, 40, .35); transition: border-color .15s ease, box-shadow .15s ease; }
.chat-input__box:focus-within { border-color: var(--primary); box-shadow: var(--ring), 0 10px 30px -20px rgba(16, 24, 40, .35); }
.chat-input__text { flex: 1; border: 0; outline: 0; resize: none; background: transparent; padding: 9px 6px; min-height: 40px; max-height: 200px; line-height: 1.5; font-size: 13.5px; }
.chat-input__box .btn--primary { border-radius: 12px; width: 40px; height: 40px; }
.chat-input__box .btn--ghost { height: 40px; width: 40px; color: var(--text-3); }
.chat-input__atts { display: flex; flex-wrap: wrap; gap: 6px; }
.att { display: inline-flex; align-items: center; gap: 8px; padding: 4px 6px 4px 4px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); font-size: 11.5px; max-width: 240px; }
.att img { width: 28px; height: 28px; border-radius: 7px; object-fit: cover; }
.att > .ph { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; background: var(--surface-3); font-size: 15px; }
.att__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 550; }
.att button { color: var(--text-3); display: grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; }
.att button:hover { background: var(--surface-3); color: var(--text); }
.att.is-uploading { opacity: .7; }

.directives { display: flex; flex-direction: column; gap: 8px; padding: 10px 20px; border-bottom: 1px solid var(--border);
  background: linear-gradient(90deg, color-mix(in srgb, #62D200 6%, var(--surface)), color-mix(in srgb, #0F2347 6%, var(--surface))); }
.directive { display: flex; align-items: center; gap: 12px; }
.directive__text { flex: 1; display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.directive__text small { font-size: 10.5px; color: var(--ai); font-weight: 600; }
.directive__text b { font-size: 12.5px; font-weight: 600; }
.directive__text span { font-size: 11.5px; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* yan panel */
.chat-side { min-height: 0; display: flex; flex-direction: column; }
.chat-side--stack { gap: 14px; overflow-y: auto; }
.side-card { border: 1px solid var(--border); border-radius: 18px; background: var(--surface); display: flex; flex-direction: column; min-height: 0; }
.side-card--grow { flex: 1; min-height: 240px; }
.side-card__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px; }
.side-card__head h2 { font-size: 13px; font-weight: 650; display: flex; align-items: center; gap: 8px; }
.side-empty { padding: 4px 16px 16px; font-size: 12px; }
.brief-form { display: flex; flex-direction: column; gap: 8px; padding: 0 16px 16px; }
.brief-form__foot { display: flex; align-items: center; justify-content: space-between; }
.chat-side .pending { max-height: 260px; }
.chat-side .action-card { padding: 12px 16px; }
.brief-feed { overflow-y: auto; padding: 0 16px 12px; display: flex; flex-direction: column; }
.brief-item { display: flex; gap: 10px; padding: 12px 0; border-top: 1px solid var(--border); }
.brief-item:first-child { border-top: 0; }
.brief-item .agent-tab__chip { width: 30px; height: 30px; border-radius: 9px; }
.brief-item .agent-tab__chip .ph-fill { font-size: 14px; }
.brief-item__body { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 3px; }
.brief-item__meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 11px; color: var(--text-3); }
.brief-item__meta b { color: var(--text); font-weight: 600; font-size: 11.5px; }
.brief-item__meta time { margin-left: auto; }
.brief-item__title { font-size: 12.5px; font-weight: 550; }
.brief-item__text { font-size: 11.5px; color: var(--text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
.brief-item--directive .brief-item__title { color: var(--ai); }
.brief-item.is-high .brief-item__title::before { content: "● "; color: var(--danger); }

/* ajanda takvim (sohbet yanında) */
.cal--agenda { display: flex; flex-direction: column; min-height: 0; height: 100%; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); overflow: hidden;
  transition: box-shadow .4s ease, border-color .4s ease; }
.cal--agenda.is-refreshing { border-color: color-mix(in srgb, var(--primary) 50%, var(--border)); box-shadow: 0 0 0 4px var(--primary-soft); }
.cal--agenda .cal__head { justify-content: space-between; padding: 14px 16px 8px; border: 0; }
.cal--agenda .cal__title { margin: 0; font-size: 14px; }
.cal--agenda .cal__nav { flex: none; }
.cal__legend--inline { display: flex !important; gap: 12px; padding: 0 16px 10px; border-bottom: 1px solid var(--border); }
.legend--proposal::before { background: transparent; border: 1.5px dashed var(--primary); }
.cal--agenda .cal__grid { display: flex; flex-direction: column; overflow-y: auto; flex: 1; padding: 4px 12px; }
.cal__all { padding: 12px 16px; border-top: 1px solid var(--border); font-size: 12px; }
.agenda__day { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 10px; padding: 9px 4px; border-bottom: 1px solid var(--border); }
.agenda__day:last-child { border-bottom: 0; }
.agenda__date { display: flex; flex-direction: column; align-items: center; line-height: 1.1; padding-top: 2px; }
.agenda__date b { font-size: 16.5px; font-weight: 700; letter-spacing: -.02em; }
.agenda__date span { font-size: 10.5px; color: var(--text-3); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.agenda__day.is-today .agenda__date b, .agenda__day.is-today .agenda__date span { color: var(--primary-text); }
.agenda__day.is-empty { padding: 6px 4px; }
.agenda__day.is-empty .agenda__date b { font-size: 13px; color: var(--text-3); }
.agenda__items { display: flex; flex-direction: column; gap: 5px; min-width: 0; justify-content: center; }
.agenda__none { color: var(--border-strong); font-size: 12px; }
.agenda__add { font-size: 11.5px; color: var(--text-3); display: inline-flex; gap: 4px; align-items: center; opacity: 0; transition: opacity .15s ease; }
.agenda__day:hover .agenda__add { opacity: 1; }
.cal--agenda .cal__event { padding: 6px 8px; font-size: 11.5px; }
.cal__event--proposal { --ec: var(--primary); background: color-mix(in srgb, var(--primary-soft) 55%, var(--surface)); border: 1.5px dashed color-mix(in srgb, var(--primary) 45%, transparent); border-left-width: 1.5px; color: var(--primary-text); }
.cal__event--proposal > .ph { font-size: 12px; flex: none; }

@media (max-width: 1024px) {
  .chat-page { grid-template-columns: minmax(0, 1fr); height: auto; }
  .chat-panel { height: calc(100vh - var(--topbar-h) - 48px); min-height: 520px; }
  .cal--agenda { height: 560px; }
}
@media (max-width: 720px) {
  .chat-messages { padding: 18px 14px; }
  .msg--user .msg__bubble { max-width: 90%; }
  .msg__img img { max-width: 160px; }
}
.msg--agent .msg__bubble { background: none; border: 0; border-radius: 0; padding: 4px 0 0; }
.msg--user { align-self: auto; flex-direction: row; }
.chat-messages .msg { max-width: 100%; }

/* =====================================================================
   Tek sohbet: kenar paneli (her sayfada Yönetici Ajan)
   ===================================================================== */
:root { --drawer-w: 440px; --ease-drawer: cubic-bezier(.32, .72, 0, 1); }
.drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(var(--drawer-w), 100vw); z-index: 45; display: flex; flex-direction: column;
  background: var(--surface); border-left: 1px solid var(--border); box-shadow: -24px 0 60px -40px rgba(16, 24, 40, .35);
  transform: translateX(100%); transition: transform .28s var(--ease-drawer); }
body.drawer-open .drawer { transform: none; }
.drawer__head { display: flex; align-items: center; gap: 10px; padding: 0 12px 0 16px; height: var(--topbar-h); border-bottom: 1px solid var(--border); flex: none; }
.drawer__head .agent-tab__chip { width: 36px; height: 36px; }
.drawer__title { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.drawer__title b { font-size: 13.5px; font-weight: 650; }
.drawer__title small { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.drawer__tabs { display: flex; gap: 4px; padding: 8px 12px 0; border-bottom: 1px solid var(--border); flex: none; }
.drawer__tabs button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; font-weight: 550; color: var(--text-3); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.drawer__tabs button.is-active { color: var(--text); border-bottom-color: var(--primary); }
.drawer__pane { flex: 1; min-height: 0; display: flex; flex-direction: column; position: relative; }
.drawer__pane[hidden] { display: none; }
.drawer .chat-messages { padding: 20px 16px; gap: 18px; }
.drawer .chat-welcome h2 { font-size: 18.5px; }
.drawer .chat-input { padding: 10px 12px 14px; }
.drawer .msg--user .msg__bubble { max-width: 88%; }
.drawer .msg__img img { max-width: 160px; max-height: 160px; }
.drawer__loading { margin: auto; }
.drawer__chat.is-drop::after { content: "Dosyayı bırakın"; position: absolute; inset: 8px; border: 2px dashed var(--primary); border-radius: 16px;
  background: color-mix(in srgb, var(--primary-soft) 85%, transparent); display: grid; place-items: center; font-weight: 650; color: var(--primary-text); z-index: 5; }
.cal--drawer { border: 0; border-radius: 0; height: 100%; }
.topbar__lead[aria-expanded="true"] { box-shadow: 0 0 0 3px var(--ai-soft); }

/* Geniş ekran: panel açıkken sayfa yana kayar, birlikte çalışılır */
@media (min-width: 1280px) {
  .main { transition: margin-right .28s var(--ease-drawer); }
  body.drawer-open .main { margin-right: var(--drawer-w); }
  body.drawer-open .drawer { box-shadow: none; }
}
@media (max-width: 1279px) {
  body.drawer-open::after { content: ""; position: fixed; inset: 0; background: rgba(10, 14, 25, .3); z-index: 44; }
}

/* sohbetteki gönderi listesi */
.mini-list { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; white-space: normal; }
.mini-list__item { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-top: 1px solid var(--border); font-size: 12px; transition: background-color .15s ease; }
.mini-list__item:first-child { border-top: 0; }
.mini-list__item:hover { background: var(--surface-2); }
.mini-list__item b { font-variant-numeric: tabular-nums; color: var(--text-3); font-weight: 600; }
.mini-list__title { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 550; }
.mini-list__item small { color: var(--text-3); white-space: nowrap; }
.key-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.key-mask { font-size: 13px; padding: 6px 10px; border-radius: 8px; }
.text-success { color: var(--success); }
.stat-strip--card { border: 0; }
.stat-strip--card .stat:first-child { padding-left: 20px; }
@media (max-width: 720px) { .stat-strip--card { grid-template-columns: 1fr 1fr 1fr; } }

/* =====================================================================
   Canlılık: sayfa geçişleri, ajan çalışıyor çizgisi, değişiklik vurgusu
   ===================================================================== */
/* Sayfalar arası geçiş: yan menü ve üst bar sabit, içerik yumuşakça değişir (destekleyen tarayıcılarda) */
@view-transition { navigation: auto; }
#main { view-transition-name: main; }
.sidebar { view-transition-name: sidebar; }
.topbar { view-transition-name: topbar; }
.drawer { view-transition-name: drawer; }
::view-transition-old(main) { animation: vtOut .16s var(--ease-out) both; }
::view-transition-new(main) { animation: vtIn .32s var(--ease-out) both; }
::view-transition-group(sidebar), ::view-transition-group(topbar), ::view-transition-group(drawer) { animation-duration: 0s; }
@keyframes vtOut { to { opacity: 0; filter: blur(3px); transform: translateY(-3px); } }
@keyframes vtIn { from { opacity: 0; filter: blur(3px); transform: translateY(8px); } }
#main.is-swapped { animation: vtIn .32s var(--ease-out) both; }

/* Ajan çalışıyor: üst barın altında akan ince çizgi + taç nabzı */
.topbar { position: sticky; }
.topbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; opacity: 0; transition: opacity .2s ease;
  background: linear-gradient(90deg, transparent, #62D200, #1F4A8A, #0F2347, transparent); background-size: 50% 100%; background-repeat: no-repeat; }
.agent-busy .topbar::after { opacity: 1; animation: busyLine 1.1s linear infinite; }
@keyframes busyLine { from { background-position: -50% 0; } to { background-position: 150% 0; } }
.agent-busy .topbar__lead-ico, .agent-busy .drawer__head .agent-tab__chip { animation: crownPulse 1.2s ease-in-out infinite; }
@keyframes crownPulse { 50% { box-shadow: 0 0 0 6px rgba(98, 210, 0, .18); } }

/* Ajanın değiştirdiği bölüm kısa süre parlar */
.ai-flash { animation: aiFlash 1.8s var(--ease-out) both; border-radius: 16px; }
@keyframes aiFlash {
  0% { box-shadow: 0 0 0 0 rgba(98, 210, 0, 0); background-color: transparent; }
  18% { box-shadow: 0 0 0 4px rgba(98, 210, 0, .28), 0 0 32px -6px rgba(15, 35, 71, .45); background-color: color-mix(in srgb, #0F2347 6%, transparent); }
  100% { box-shadow: 0 0 0 0 rgba(98, 210, 0, 0); background-color: transparent; }
}

/* Kayıtlı açık panel: sayfa yüklenirken kaymadan yerinde görünür */
html.drawer-pre .drawer[hidden] { display: flex !important; transform: none; transition: none; }
html.drawer-pre .drawer { transition: none; }
@media (min-width: 1280px) {
  html.drawer-pre body:has(.drawer) .main { margin-right: var(--drawer-w); transition: none; }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(main), ::view-transition-new(main), #main.is-swapped, .ai-flash { animation: none !important; }
}

/* ---------- Süper admin ---------- */
.sa-badge { margin: 0 16px 8px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 10px; font-size: 11.5px; font-weight: 650;
  color: #fff; background: linear-gradient(135deg, #0A0F1C, #2A3247); }
.sa-badge--inline { margin: 0; align-self: flex-start; }
.sa-brand .card__title { gap: 10px; }
.sa-meta { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.sa-meta small { display: block; font-size: 10.5px; }
.sa-meta b { font-size: 12.5px; font-weight: 600; }
.sa-list { display: flex; flex-direction: column; gap: 4px; font-size: 12px; padding: 4px 0 0 4px; }
.sa-channels { display: flex; flex-wrap: wrap; gap: 8px; }
.sa-channel { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 4px; border: 1px solid var(--border); border-radius: 999px; font-size: 12px; font-weight: 550; }
.sa-channel.is-off { border-color: var(--danger-line); background: var(--danger-soft); }
.sa-channel .pi { width: 22px; height: 22px; border-radius: 50%; }
.sa-channel__team { color: var(--primary-text); }
.sa-token { padding-top: 14px; border-top: 1px dashed var(--border-strong); display: flex; flex-direction: column; gap: 12px; }
.sa-preview { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid var(--success-line); background: var(--success-soft); border-radius: 12px; }
.sa-preview__head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12.5px; }
.sa-preview__head .ph-fill { color: var(--success-solid); font-size: 16.5px; }
.sa-pick { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.sa-pick__item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; cursor: pointer; }
.sa-pick__item span:last-child { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.sa-audit { padding: 4px 20px 14px; }
.managed-badge { align-self: flex-start; }

/* Müşteri / marka seçici sol altta; menü yukarı açılır */
.sidebar__foot { margin-top: auto; padding: 12px; border-top: 1px solid var(--border); }
.sidebar__foot .brand-switch { padding: 0; }
.sidebar .sidebar__foot .brand-switch .dropdown__menu { top: auto; bottom: calc(100% + 6px); left: 0; right: 0; }

/* ===== Ajans: kenar çubuğu çipi + müşteri değiştir ===== */
.agency-mark { width: 30px; height: 30px; border-radius: 8px; flex: none; display: grid; place-items: center; color: #fff;
  background: linear-gradient(135deg, #0A0F1C 0%, #1F4A8A 140%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.agency-mark .ph, .agency-mark .ph-fill { font-size: 15px; }
.agency-chip { display: flex; align-items: center; gap: 10px; padding: 6px 10px 6px 6px; margin-bottom: 8px; border-radius: var(--r-ctl);
  border: 1px dashed var(--border-strong); color: var(--text); transition: border-color .15s, background-color .15s; }
.agency-chip:hover { border-style: solid; border-color: var(--primary); background: var(--primary-soft); }
.agency-chip > .ph:last-child { margin-left: auto; color: var(--text-3); font-size: 13px; }
.agency-chip__text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.agency-chip__text small { font-size: 10.5px; text-transform: uppercase; letter-spacing: .07em; color: var(--text-3); font-weight: 600; }
.agency-chip__text b { font-weight: 650; letter-spacing: .01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar .sidebar__foot .brand-switch .dropdown__menu--wide { max-height: min(70vh, 460px); display: none; }
.sidebar .sidebar__foot .brand-switch.is-open .dropdown__menu--wide { display: flex; flex-direction: column; }
.dropdown__scroll { overflow-y: auto; min-height: 0; }
.switch-item__text { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; text-align: left; }
.switch-item__text small { font-size: 10.5px; color: var(--text-3); }
.dropdown__empty { padding: 8px 10px; }

/* ===== Ajans paneli ===== */
.agency-title { display: inline-flex; align-items: center; gap: 8px; font-weight: 650; }
.agency-back { margin-top: 4px; }
.nav--agency .nav__head { padding-left: 4px; }
.customer-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; margin-top: 20px; }
.customer-card { display: flex; flex-direction: column; gap: 14px; padding: 18px; background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-card); box-shadow: var(--shadow-card); transition: border-color .15s, transform .15s var(--ease), box-shadow .15s; }
.customer-card:hover { border-color: var(--border-strong); transform: translateY(-1px); box-shadow: var(--shadow-pop); }
.customer-card.is-off { opacity: .62; }
.customer-card__head { display: flex; align-items: flex-start; gap: 12px; }
.customer-card__head .badge { margin-left: auto; }
.customer-card__title { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.customer-card__title b { font-size: 14px; font-weight: 650; }
.customer-card__title small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.customer-card__stats { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--border); border-radius: 10px; }
.customer-card__stats span { display: flex; flex-direction: column; padding: 8px 10px; font-size: 11px; color: var(--text-3); }
.customer-card__stats span + span { border-left: 1px solid var(--border); }
.customer-card__stats b { font-size: 16px; color: var(--text); font-weight: 650; }
.customer-card__plan { display: flex; flex-direction: column; gap: 2px; font-size: 12px; font-weight: 500; }
.customer-card__actions { display: flex; gap: 8px; margin-top: auto; }
.customer-card__actions form { display: contents; }
.sub-box { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--surface-2); border: 1px solid var(--border); border-radius: 12px; }
.sub-box > div { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; }
.sub-box > div + div { border-left: 1px solid var(--border); }
.sub-box b { font-size: 14px; font-weight: 650; }
.pay-form { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border: 1px dashed var(--border-strong); border-radius: 12px; }
.pay-methods { display: flex; flex-wrap: wrap; gap: 8px; }
.pay-methods input:disabled + span { opacity: .5; cursor: not-allowed; }
.table--compact th, .table--compact td { padding: 8px 10px; font-size: 12px; }

/* Destek yazışması */
.ticket-thread { display: flex; flex-direction: column; gap: 14px; }
.tmsg { max-width: 82%; display: flex; flex-direction: column; gap: 6px; }
.tmsg--mine { align-self: flex-end; }
.tmsg__head { display: flex; align-items: center; gap: 8px; font-size: 12px; flex-wrap: wrap; }
.tmsg--mine .tmsg__head { flex-direction: row-reverse; }
.tmsg__body { padding: 12px 14px; border-radius: 14px; background: var(--surface-3); line-height: 1.55; white-space: normal; overflow-wrap: anywhere; }
.tmsg--mine .tmsg__body { background: var(--primary-soft); border-top-right-radius: 4px; }
.tmsg:not(.tmsg--mine) .tmsg__body { border-top-left-radius: 4px; }
.tmsg--admin:not(.tmsg--mine) .tmsg__body { background: var(--surface-2); border: 1px solid var(--primary-soft-2); }
.avatar--sm { width: 26px; height: 26px; font-size: 11px; }

/* Süper admin: ajans/abonelik */
.row-child td:first-child { position: relative; padding-left: 34px; }
.row-child td:first-child::before { content: ""; position: absolute; left: 16px; top: 0; bottom: 50%; width: 10px; border-left: 1px solid var(--border-strong); border-bottom: 1px solid var(--border-strong); border-bottom-left-radius: 6px; }
.inline-form { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; }
.inline-form .field { flex: 1 1 180px; }
.sa-top { align-items: start; }
.plan-admin { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.plan-admin .card__head { display: flex; align-items: center; justify-content: space-between; }

@media (max-width: 760px) {
  .sub-box { grid-template-columns: 1fr; }
  .sub-box > div + div { border-left: 0; border-top: 1px solid var(--border); }
  .tmsg { max-width: 100%; }
  .customer-grid { grid-template-columns: 1fr; }
}
.agency-hint { display: flex; gap: 6px; align-items: flex-start; margin: 0; line-height: 1.45; }
.sa-filter { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.sa-filter .select { width: auto; min-width: 180px; height: 38px; }

/* Süper admin: hesaba doğrudan geçiş */
.sa-enter { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.sa-view-bar { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 90; display: flex; align-items: center; gap: 10px;
  padding: 6px 6px 6px 14px; border-radius: 999px; background: #0A0F1C; color: #fff; font-size: 12px; box-shadow: var(--shadow-pop);
  max-width: calc(100vw - 32px); white-space: nowrap; }
.sa-view-bar > span { overflow: hidden; text-overflow: ellipsis; }
.sa-view-bar .btn { border-radius: 999px; }
@media (max-width: 640px) { .sa-view-bar__user { display: none; } }
.sa-view-bar .ph-fill { color: #FBBF24; font-size: 15px; }
.sa-view-bar__user { opacity: .65; }
.sa-view-bar form { margin: 0; }
.sa-view-bar .btn { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.18); color: #fff; }
.sa-view-bar .btn:hover { background: rgba(255,255,255,.18); }

/* Süper admin: yeni müşteri */
.kind-pick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.kind-pick__item input { position: absolute; opacity: 0; pointer-events: none; }
.kind-pick__box { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 14px 16px; border: 1px solid var(--border-strong); border-radius: 12px; cursor: pointer; transition: border-color .15s, background-color .15s, box-shadow .15s; }
.kind-pick__box .ph { font-size: 18.5px; color: var(--text-3); margin-bottom: 2px; }
.kind-pick__box small { line-height: 1.4; }
.kind-pick__item input:checked + .kind-pick__box { border-color: var(--primary); background: var(--primary-soft); box-shadow: 0 0 0 1px var(--primary) inset; }
.kind-pick__item input:checked + .kind-pick__box .ph { color: var(--primary-text); }
.kind-pick__item input:focus-visible + .kind-pick__box { box-shadow: var(--ring); }
.card__head .check { margin-left: auto; font-size: 12px; }
.cred-card { display: flex; gap: 14px; padding: 16px 18px; margin-top: 16px; border: 1px solid var(--primary-soft-2); background: var(--primary-soft); border-radius: var(--r-card); }
.cred-card__icon { width: 36px; height: 36px; border-radius: 10px; background: var(--primary); color: var(--on-primary); display: grid; place-items: center; flex: none; }
.cred-card__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.cred-card__row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cred-card__row > .muted { width: 84px; font-size: 12px; }
.cred-card code { font-size: 12.5px; padding: 3px 8px; background: var(--surface); border: 1px solid var(--border); }
.add-login { border-top: 1px solid var(--border); }
.add-login summary { cursor: pointer; padding: 12px 20px; font-weight: 600; font-size: 12.5px; display: flex; align-items: center; gap: 8px; color: var(--primary-text); list-style: none; }
.add-login summary::-webkit-details-marker { display: none; }
.add-login form { padding: 0 20px 16px; }
@media (max-width: 760px) { .kind-pick { grid-template-columns: 1fr; } }

/* Silme ve şifre sıfırlama */
.btn--danger { background: #D92D20; border-color: #D92D20; color: #fff; }
.btn--danger:hover:not(:disabled) { background: #B42318; border-color: #B42318; }
.btn--danger:disabled { opacity: .45; cursor: not-allowed; }
.danger-zone { border-color: var(--danger-line); }
.danger-zone .card__head { border-bottom-color: var(--danger-line); }
.danger-zone .card__title { color: var(--danger); }
.danger-zone .field .input { max-width: 360px; }
.pw-reset { display: inline-block; text-align: left; }
.pw-reset summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; color: var(--primary-text); padding: 4px 6px; border-radius: 6px; }
.pw-reset summary::-webkit-details-marker { display: none; }
.pw-reset summary:hover { background: var(--primary-soft); }
.pw-reset__form { display: flex; gap: 6px; margin-top: 6px; }
.pw-reset__form .input { height: 32px; width: 210px; font-size: 12px; }
.list__main .pw-reset { margin-top: 4px; }

/* Takvim: üzerine gelince gönderi önizlemesi (olaydan büyüyerek açılır) */
.post-pop { position: fixed; z-index: 95; width: 340px; max-height: calc(100vh - 16px); display: flex; flex-direction: column; gap: 10px; padding: 10px;
  background: var(--surface); border: 1px solid var(--border); border-radius: 20px; box-shadow: 0 30px 70px -20px rgba(16, 24, 40, .38), 0 8px 20px -8px rgba(16, 24, 40, .16);
  opacity: 0; transform: scale(.82); transition: opacity .16s ease, transform .26s cubic-bezier(.2, .9, .25, 1.15); pointer-events: none; }
.post-pop.is-open { opacity: 1; transform: scale(1); pointer-events: auto; }
.post-pop__bar { display: flex; align-items: center; gap: 8px; padding: 2px 4px 0; min-height: 28px; }
.post-pop__when { font-size: 11.5px; color: var(--text-2); display: inline-flex; align-items: center; gap: 4px; font-variant-numeric: tabular-nums; }
.post-pop__tabs { margin-left: auto; display: flex; gap: 4px; }
.post-pop__tab { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; border: 1px solid var(--border); background: var(--surface); color: var(--text-3); font-size: 14px; transition: all .15s; }
.post-pop__tab:hover { color: var(--c); border-color: var(--c); }
.post-pop__tab.is-active { background: var(--c); border-color: var(--c); color: #fff; }
.post-pop__preview { overflow-y: auto; min-height: 0; border-radius: 14px; }
.post-pop__preview .pv-media--tall { max-height: min(500px, 58vh); }
.post-pop__preview .pv-caption { max-height: 150px; }
.post-pop__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 4px 2px; }
.cal__event { transition: transform .15s var(--ease), box-shadow .15s; }
.cal__event.is-peeking { transform: scale(1.03); box-shadow: 0 6px 16px -6px rgba(16, 24, 40, .25); position: relative; z-index: 2; }
[data-theme="dark"] .post-pop { box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .8), 0 8px 20px -8px rgba(0, 0, 0, .5); }
@media (prefers-reduced-motion: reduce) { .post-pop, .cal__event { transition: none; } }

/* Marka hafızası: doluluk halkası, profil başı ve genel bakış kartı */
.memory-meter, .memory-card { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--r-card); background: var(--surface); }
.memory-meter { margin-bottom: 16px; }
.memory-meter p { margin: 2px 0 0; }
.memory-card { margin-top: 16px; background: linear-gradient(135deg, var(--primary-soft), var(--surface) 60%); border-color: var(--primary-soft-2); }
.memory-meter__ring { --size: 56px; width: var(--size); height: var(--size); flex: none; border-radius: 50%; display: grid; place-items: center;
  background: conic-gradient(var(--primary) calc(var(--p) * 1%), var(--surface-3) 0); position: relative; }
.memory-meter__ring::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: var(--surface); }
.memory-meter__ring b { position: relative; font-size: 12px; font-variant-numeric: tabular-nums; }
.memory-card__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1; }
.memory-card__body > small { display: flex; align-items: center; gap: 6px; }
.memory-card__body > b { font-size: 14px; font-weight: 650; }
.memory-card__form { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.memory-card__form .input { flex: 1 1 260px; max-width: 420px; height: 34px; }
.kind-pick--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .kind-pick--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
a.nav__head { color: inherit; border-radius: var(--r-ctl); transition: background-color .15s; }
a.nav__head:hover { background: var(--surface-3); }
a.nav__head.is-active { background: var(--primary-soft); }

/* Haftalık plan: içerik karışımı */
.mix-counts { display: none; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 4px; }
.mix-pick:has(input[value="manual"]:checked) .mix-counts { display: grid; }
.mix-pick:has(input[value="manual"]:checked) .mix-auto-hint { display: none; }
.mix-count { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; font-weight: 600; color: var(--text-2); }
.mix-count .input { text-align: center; font-variant-numeric: tabular-nums; }
.mix-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) 2fr; gap: 0; border: 1px solid var(--border); border-radius: var(--r-card); background: var(--surface); margin-top: 16px; overflow: hidden; }
.mix-summary__item { display: flex; flex-direction: column; padding: 14px 18px; border-right: 1px solid var(--border); }
.mix-summary__item b { font-size: 22.5px; font-weight: 700; letter-spacing: -.02em; }
.mix-summary__item span { font-size: 11.5px; color: var(--text-3); }
.mix-summary__item.is-zero b { color: var(--text-3); }
.mix-summary__why { margin: 0; padding: 14px 18px; font-size: 12px; color: var(--text-2); display: flex; gap: 8px; align-items: flex-start; line-height: 1.5; }
@media (max-width: 760px) {
  .mix-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mix-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mix-summary__item { border-bottom: 1px solid var(--border); }
  .mix-summary__why { grid-column: 1 / -1; }
}

/* İçerik Üretim Uzmanı (Higgsfield) */
.source-pick { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
.source-pick__item { position: relative; cursor: pointer; border-radius: 10px; overflow: hidden; border: 2px solid transparent; aspect-ratio: 4 / 5; background: var(--surface-3); }
.source-pick__item input { position: absolute; opacity: 0; pointer-events: none; }
.source-pick__item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.source-pick__item:has(input:checked) { border-color: var(--primary); box-shadow: var(--ring); }
.source-pick__item:has(input:focus-visible) { box-shadow: var(--ring); }
.source-pick__no { position: absolute; left: 4px; bottom: 4px; padding: 1px 6px; border-radius: var(--r-pill); background: rgba(0, 0, 0, .6); color: #fff; font-size: 10.5px; font-weight: 600; }
.job .list__main { gap: 4px; }
.job .list__main b { white-space: normal; }
.job__media { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.job__media img, .job__media video { width: 72px; height: 90px; object-fit: cover; border-radius: 8px; display: block; background: var(--surface-3); }
.media-card__ai { position: absolute; top: 8px; right: 8px; padding: 2px 8px; border-radius: var(--r-pill); background: var(--warning-soft); color: var(--warning); border: 1px solid var(--warning-line); font-size: 10.5px; font-weight: 700; }

/* Sosyal hesap verileri */
.acct-data { color: var(--text-2); }
.acct-data b { font-variant-numeric: tabular-nums; }
.connect-card form[action$="/social/accounts/sync"] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.text-warning { color: var(--warning); display: inline-flex; gap: 4px; align-items: center; }
.check-chip.is-locked span { opacity: .5; cursor: not-allowed; border-style: dashed; }

/* Genel bakış: sağda telefon (gerçek Instagram / Facebook görünümü) */
.ov-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.ov-main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.ov-side { position: sticky; top: 84px; }
.phone-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.phone-tabs { align-self: center; }
.phone-caption { text-align: center; margin: 0; }
.phone { position: relative; width: 300px; height: 620px; border-radius: 46px; padding: 12px; background: #0B0D12;
  box-shadow: 0 0 0 2px #2A2E38 inset, 0 30px 60px -24px rgba(16, 24, 40, .45), 0 10px 24px -12px rgba(16, 24, 40, .25); }
.phone__island { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 92px; height: 26px; border-radius: 20px; background: #000; z-index: 3; }
.phone__status { position: absolute; top: 12px; left: 12px; right: 12px; height: 44px; padding: 14px 26px 0; display: flex; justify-content: space-between;
  font-size: 12px; z-index: 2; color: #0A0F1C; border-radius: 34px 34px 0 0; }
.phone__status span { display: flex; gap: 4px; font-size: 13px; }
.phone__screen { position: relative; height: 100%; border-radius: 34px; overflow: hidden auto; background: #fff; color: #0A0F1C; padding-top: 48px;
  scrollbar-width: none; font-family: -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif; }
.phone__screen::-webkit-scrollbar { display: none; }
.phone__empty { height: 80%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; padding: 24px; color: #6E7685; }
.phone__empty .ph { font-size: 37px; color: #B8BDC7; }
.phone__empty b { color: #0A0F1C; }
.phone__note { text-align: center; color: #6E7685; font-size: 11px; padding: 12px 18px; margin: 0; }
.phone__nav { position: sticky; bottom: 0; display: flex; justify-content: space-around; align-items: center; height: 46px; background: #fff; border-top: 1px solid #EFEFEF; font-size: 19.5px; margin-top: 8px; }
.phone__me { width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, #F58529, #DD2A7B 60%, #8134AF); }
/* Instagram */
.ig__top { display: flex; justify-content: space-between; align-items: center; padding: 6px 14px 10px; }
.ig__top b { font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; gap: 3px; }
.ig__top span { display: flex; gap: 14px; font-size: 19.5px; }
.ig__profile { display: flex; align-items: center; gap: 16px; padding: 0 14px; }
.ig__avatar { width: 76px; height: 76px; border-radius: 50%; padding: 3px; flex: none; background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF); }
.ig__avatar img, .ig__avatar > span { width: 100%; height: 100%; border-radius: 50%; border: 3px solid #fff; object-fit: cover; display: grid; place-items: center; background: #EEE; font-weight: 700; font-size: 22.5px; }
.ig__counts { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }
.ig__counts b { display: block; font-size: 14px; font-weight: 700; }
.ig__counts small { font-size: 11px; color: #333; }
.ig__name { padding: 10px 14px 0; font-size: 12px; }
.ig__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 12px 14px; }
.ig__btns span { background: #EFEFEF; border-radius: 8px; text-align: center; font-size: 11.5px; font-weight: 600; padding: 7px 0; }
.ig__tabs { display: flex; justify-content: space-around; border-top: 1px solid #EFEFEF; padding: 8px 0; font-size: 18.5px; color: #8E8E8E; }
.ig__tabs .ph-fill { color: #0A0F1C; border-bottom: 1px solid #0A0F1C; padding-bottom: 6px; }
.ig__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.ig__cell { position: relative; aspect-ratio: 4 / 5; background: #F2F2F2; overflow: hidden; display: block; }
.ig__cell img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s var(--ease); }
.ig__cell:hover img { transform: scale(1.05); }
.ig__cell--empty { background: repeating-linear-gradient(135deg, #F6F6F6 0 8px, #F0F0F0 8px 16px); }
.ig__ph { position: absolute; inset: 0; display: grid; place-items: center; color: #BBB; font-size: 20.5px; }
.ig__badge { position: absolute; top: 6px; right: 6px; color: #fff; font-size: 14px; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.ig__stats { position: absolute; inset: auto 0 0 0; padding: 14px 6px 5px; font-size: 10.5px; color: #fff; font-weight: 600; display: flex; align-items: center; gap: 3px;
  background: linear-gradient(transparent, rgba(0,0,0,.55)); opacity: 0; transition: opacity .2s; }
.ig__cell:hover .ig__stats { opacity: 1; }
/* Facebook */
.fb { background: #F0F2F5; }
.fb__cover { height: 110px; margin-top: -48px; padding-top: 48px; background: linear-gradient(135deg, var(--c, #1877F2), #0A0F1C); box-sizing: content-box; }
.fb__head { background: #fff; padding: 0 14px 12px; display: flex; flex-direction: column; align-items: flex-start; }
.fb__avatar { width: 84px; height: 84px; border-radius: 50%; border: 4px solid #fff; margin-top: -42px; overflow: hidden; background: #E4E6EB; display: grid; place-items: center; font-weight: 700; font-size: 24px; }
.fb__avatar img { width: 100%; height: 100%; object-fit: cover; }
.fb__head b { font-size: 16.5px; font-weight: 700; margin-top: 6px; }
.fb__head small { color: #65676B; font-size: 11.5px; }
.fb__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 100%; margin-top: 10px; }
.fb__btns span { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 7px 0; border-radius: 6px; background: #E4E6EB; font-size: 11.5px; font-weight: 600; }
.fb__btns .is-primary { background: #1877F2; color: #fff; }
.fb__feed { display: flex; flex-direction: column; gap: 8px; padding-top: 8px; }
.fb__post { background: #fff; padding: 10px 0 6px; }
.fb__post-head { display: flex; gap: 8px; align-items: center; padding: 0 12px; }
.fb__post-head b { display: block; font-size: 12px; }
.fb__post-head small { color: #65676B; font-size: 10.5px; display: inline-flex; gap: 3px; align-items: center; }
.fb__mini { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; background: #E4E6EB; display: grid; place-items: center; font-weight: 700; flex: none; }
.fb__mini img { width: 100%; height: 100%; object-fit: cover; }
.fb__post p { font-size: 11.5px; padding: 8px 12px; margin: 0; line-height: 1.4; }
.fb__img { width: 100%; max-height: 280px; object-fit: cover; }
.fb__counts { display: flex; justify-content: space-between; padding: 6px 12px 0; font-size: 10.5px; color: #65676B; }
.fb__counts span:first-child { display: inline-flex; gap: 3px; align-items: center; color: #1877F2; }
@media (max-width: 1280px) { .ov-layout { grid-template-columns: minmax(0, 1fr); } .ov-side { position: static; } }
@media (max-width: 1280px) { .ov-side { order: 2; } }
.phone__status { background: rgba(255, 255, 255, .94); backdrop-filter: blur(8px); }
.phone:has(.fb:not([hidden])) .phone__status { background: transparent; backdrop-filter: none; color: #fff; }

/* Plan: haftalık pano (gün sütunları, kompakt kartlar, üzerine gelince detay) */
.pboard { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.pboard__col { display: flex; flex-direction: column; gap: 8px; min-width: 0; background: var(--surface-2); border: 1px solid var(--border); border-radius: 14px; padding: 10px; }
.pboard__col.is-today { border-color: var(--primary); box-shadow: 0 0 0 1px var(--primary) inset; }
.pboard__head { display: flex; flex-direction: column; gap: 2px; padding: 2px 4px 8px; border-bottom: 1px solid var(--border); }
.pboard__head small { font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-3); font-weight: 600; }
.pboard__head b { font-size: 18.5px; font-weight: 700; letter-spacing: -.02em; }
.pboard__head b span { font-size: 11px; font-weight: 500; color: var(--text-3); }
.pboard__special { font-size: 10.5px; color: #B54708; display: inline-flex; gap: 3px; align-items: center; margin-top: 2px; }
.pboard__items { display: flex; flex-direction: column; gap: 8px; }
.pboard__empty { color: var(--text-3); text-align: center; padding: 10px 0; font-size: 12px; }
/* Takvim görünümü: 7 sütun (Pzt–Paz), haftalar alt alta */
.pboard--cal { grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: stretch; }
.pboard__wd { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-3); text-align: center; padding: 2px 0; }
.pboard--cal .pboard__col.is-out { background: transparent; border-style: dashed; opacity: .45; }
.pboard--cal .pboard__col.is-out .pboard__head { border-bottom: 0; padding-bottom: 0; }
.pboard--cal .pboard__col.is-empty { min-height: 92px; }
.pboard--cal .pboard__head { flex-direction: row; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.pboard--cal .pboard__head small { display: none; }
.pcard { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 9px 10px; background: var(--surface); border: 1px solid var(--border);
  border-left: 3px solid var(--fc, var(--primary)); border-radius: 10px; cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .15s var(--ease); }
.pcard:hover, .pcard:focus-within { box-shadow: var(--shadow-pop); transform: translateY(-1px); z-index: 5; }
.pcard--post { --fc: #1F4A8A; } .pcard--carousel { --fc: #7A5AF8; } .pcard--reel { --fc: #E1306C; } .pcard--story { --fc: #F79009; }
.pcard.is-accepted { opacity: .75; } .pcard.is-discarded { opacity: .45; text-decoration: line-through; }
.pcard__top { display: flex; align-items: center; gap: 6px; font-size: 11px; }
.pcard__top input { margin: 0; accent-color: var(--primary); }
.pcard__time { font-weight: 700; font-variant-numeric: tabular-nums; }
.pcard__fmt { margin-left: auto; display: inline-flex; align-items: center; gap: 3px; color: var(--fc); font-weight: 600; font-size: 10.5px; }
.pcard__title { font-size: 12px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.pcard__state { font-size: 10.5px; color: var(--success-solid); display: inline-flex; gap: 3px; align-items: center; font-weight: 600; }
.pcard__detail { position: absolute; top: -4px; left: calc(100% + 10px); width: 320px; max-height: 420px; overflow-y: auto; z-index: 20;
  display: flex; flex-direction: column; gap: 8px; padding: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: 14px;
  box-shadow: var(--shadow-pop); cursor: default; text-decoration: none;
  opacity: 0; visibility: hidden; transform: translateX(-4px) scale(.98); transition: opacity .15s, transform .18s var(--ease), visibility 0s linear .15s; }
.pcard--flip .pcard__detail { left: auto; right: calc(100% + 10px); transform: translateX(4px) scale(.98); }
.pcard:hover .pcard__detail, .pcard:focus-within .pcard__detail { opacity: 1; visibility: visible; transform: none; transition-delay: .15s, .15s, 0s; }
.pcard__detail > b { font-size: 13px; }
.pcard__chips { display: flex; flex-wrap: wrap; gap: 4px; }
.pcard__caption { font-size: 12px; line-height: 1.55; color: var(--text-2); white-space: normal; overflow-wrap: anywhere; }
.pcard__tags { font-size: 11.5px; color: var(--primary-text); }
.pcard__brief { display: flex; gap: 6px; font-size: 11.5px; background: var(--surface-2); border-radius: 8px; padding: 8px 10px; }
@media (max-width: 1200px) {
  .pboard { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  .pboard--cal .pboard__wd, .pboard--cal .pboard__col.is-out, .pboard--cal .pboard__col.is-empty { display: none; }
  .pboard--cal .pboard__head small { display: inline; }
  .pcard__detail, .pcard--flip .pcard__detail { left: -1px; right: -1px; top: calc(100% + 6px); width: auto; transform: translateY(-4px); }
}

/* Gönderiler: paylaşılmış / planlanan, platform filtresi, tür rozeti */
.posts-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.platform-filter { gap: 6px; }
.pf-chip { display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border: 1px solid var(--border-strong); border-radius: 999px; font-size: 12px; font-weight: 500; color: var(--text-2); transition: all .15s; }
.pf-chip .ph { color: var(--c, currentColor); }
.pf-chip:hover { border-color: var(--text-3); }
.pf-chip.is-active { background: var(--text); border-color: var(--text); color: var(--bg); }
.pf-chip.is-active .ph { color: inherit; }
.planned-filter { align-self: flex-start; }
.fmt-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 999px; background: color-mix(in srgb, var(--fc) 12%, transparent); color: var(--fc); white-space: nowrap; }
.fmt-badge--post { --fc: #1F4A8A; } .fmt-badge--carousel { --fc: #7A5AF8; } .fmt-badge--reel { --fc: #E1306C; } .fmt-badge--story { --fc: #F79009; }
.eng { display: inline-flex; align-items: center; gap: 3px; margin-right: 10px; font-size: 12px; font-variant-numeric: tabular-nums; }
.posts-table tbody tr { transition: background-color .12s; }
.posts-table tbody tr:hover { background: var(--surface-2); }
.posts-table .thumb img { object-fit: cover; }
.plan-import { border: 1px solid var(--primary-soft-2); background: linear-gradient(135deg, var(--primary-soft), var(--surface) 70%); border-radius: var(--r-card); padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; }
.plan-import__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.plan-import__head .ph-fill { color: var(--primary); }
.plan-import__row { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; }
.plan-import__title { display: flex; flex-direction: column; margin-right: auto; min-width: 0; }

/* Gönderi: İçerik Stüdyosu kartı */
.studio-card { border-color: var(--primary-soft-2); }
.studio-card__credits { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; padding: 4px 10px; border-radius: 999px; background: #FEF6E7; color: #93370D; }
.studio-card__lead { display: flex; gap: 8px; margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--text-2); }
.studio-card__lead .ph { margin-top: 3px; color: var(--primary); flex: none; }
.studio-step { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.studio-step__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.studio-step--busy { flex-direction: row; align-items: center; gap: 14px; }
.studio-step--busy p { margin: 2px 0 0; }
.studio-estimate { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding: 10px 14px; border-radius: 10px; background: #FEF6E7; }
.studio-estimate span { font-size: 12px; color: #93370D; }
.studio-estimate b { font-size: 18.5px; font-weight: 700; color: #93370D; font-variant-numeric: tabular-nums; }
.studio-form > summary { list-style: none; display: inline-flex; cursor: pointer; }
.studio-form > summary::-webkit-details-marker { display: none; }
.studio-form[open] > summary { margin-bottom: 14px; }
.studio-sources, .studio-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 8px; }
.studio-results { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.studio-source, .studio-result { position: relative; display: block; aspect-ratio: 1; border-radius: 10px; overflow: hidden; border: 2px solid transparent; cursor: pointer; background: var(--surface-3); }
.studio-result { aspect-ratio: 4 / 5; }
.studio-source img, .studio-result img, .studio-result video { width: 100%; height: 100%; object-fit: cover; }
.studio-source input, .studio-result input { position: absolute; opacity: 0; }
.studio-source:has(input:checked), .studio-result:has(input:checked) { border-color: var(--primary); }
.studio-source:has(input:checked)::after { content: "✓"; position: absolute; top: 4px; right: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 10.5px; display: grid; place-items: center; }
.studio-result__check { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border-radius: 50%; background: rgba(0,0,0,.4); color: #fff; display: grid; place-items: center; font-size: 11px; }
.studio-result:has(input:checked) .studio-result__check { background: var(--primary); }
.spinner { width: 26px; height: 26px; border-radius: 50%; border: 3px solid var(--primary-soft-2); border-top-color: var(--primary); animation: spin .9s linear infinite; flex: none; }
.plain-list { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.studio-auto { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 12px; border: 1px solid var(--primary-soft-2); background: linear-gradient(135deg, var(--primary-soft), var(--surface) 70%); }
.studio-auto__text { display: flex; flex-direction: column; gap: 4px; }
.studio-auto__text b { display: inline-flex; align-items: center; gap: 6px; }
.studio-auto__text .ph-fill { color: var(--primary); }
.studio-auto .btn { align-self: flex-start; }
.studio-form > summary.link { margin-top: 2px; }
.studio-ai { display: flex; gap: 10px; padding: 10px 12px; border-radius: 10px; background: var(--surface); border: 1px solid var(--primary-soft-2); }
.studio-ai .ph-fill { color: var(--primary); margin-top: 3px; }
.studio-ai p { margin: 2px 0 0; font-size: 12px; color: var(--text-2); }
.studio-sources--picked { grid-template-columns: repeat(auto-fill, 64px); }
.studio-brief summary { cursor: pointer; }

/* E-ticaret (Trendyol) */
.mp-logo { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; font-weight: 800; font-size: 13px; background: var(--surface-3); color: var(--text-2); flex: none; }
.mp-logo--trendyol { background: #F27A1A; color: #fff; letter-spacing: -.02em; }
.connect-card--soon { opacity: .75; }
.kv { display: flex; align-items: baseline; gap: 10px; font-size: 12.5px; }
.kv > .muted:first-child { width: 90px; flex: none; }
.ty-replace { margin-top: 6px; }
.ty-replace summary { cursor: pointer; margin-bottom: 10px; }
.commerce-table td { vertical-align: middle; }
.input--cell { width: 104px; height: 32px; text-align: right; font-variant-numeric: tabular-nums; padding: 0 8px; }
.input--qty { width: 76px; }
.input--cell.is-changed { border-color: var(--primary); background: var(--primary-soft); font-weight: 600; }
.commerce-bar { position: sticky; top: 72px; z-index: 6; }
.strike { text-decoration: line-through; }
.pager { display: flex; gap: 4px; flex-wrap: wrap; justify-content: center; }
.pager__item { min-width: 32px; height: 32px; padding: 0 8px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--border); font-size: 12px; }
.pager__item.is-active { background: var(--text); color: var(--bg); border-color: var(--text); }

/* Ürün bağlantısı (plan kartı, gönderi, stüdyo) */
.pcard__product { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-2); background: var(--surface-2); border-radius: 7px; padding: 3px 6px 3px 3px; }
.pcard__product img { width: 22px; height: 22px; border-radius: 5px; object-fit: cover; flex: none; }
.pcard__product span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pcard__prod-detail { display: flex; gap: 10px; align-items: center; padding: 8px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.pcard__prod-detail img { width: 52px; height: 52px; border-radius: 8px; object-fit: cover; flex: none; }
.pcard__prod-detail > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 12px; }
.pcard__prod-detail b { font-size: 12.5px; }
.post-product__row { display: flex; gap: 14px; align-items: flex-start; flex-wrap: wrap; }
.post-product__imgs { display: flex; gap: 6px; }
.post-product__imgs img { width: 72px; height: 90px; object-fit: cover; border-radius: 10px; border: 1px solid var(--border); }
.post-product__info { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; font-size: 13px; }
.post-product__info > b { font-size: 14px; }
.media-card__src { position: absolute; top: 8px; left: 8px; font-size: 10.5px; font-weight: 700; padding: 2px 7px; border-radius: 999px; color: #fff; letter-spacing: .02em; }
.media-card__src--ty { background: #F27A1A; }
.media-card__src--ig { background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF); }
.post-cell__product { color: #B54708; display: inline-flex; gap: 4px; align-items: center; }

/* ---------- Kaynak fotoğraf seçici (İçerik Üretim Uzmanı) ---------- */
.src-picker { gap: 10px; }
.src-picker__selected { display: flex; flex-wrap: wrap; gap: 8px; min-height: 64px; padding: 8px; border: 1px dashed var(--border-strong); border-radius: 12px; background: var(--surface-2); align-items: center; }
.src-picker__chip { position: relative; display: flex; align-items: center; gap: 8px; padding: 4px 30px 4px 4px; max-width: 240px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); animation: pop .18s ease-out; }
.src-picker__chip img { width: 44px; height: 55px; object-fit: cover; border-radius: 7px; display: block; background: var(--surface-3); flex: none; }
.src-picker__chip-name { font-size: 12px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.src-picker__x { position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: var(--text-3); font-size: 12px; }
.src-picker__x:hover { background: var(--surface-3); color: var(--danger); }
.src-picker__empty { padding: 0 4px; }
.src-picker__bar { display: flex; gap: 8px; align-items: center; }
.src-picker__search { flex: 1; }
.src-picker__search .input { width: 100%; }
.src-picker__results { display: flex; flex-direction: column; gap: 12px; max-height: 460px; overflow-y: auto; padding-right: 2px; }
.src-picker__group-title { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 6px; font-size: 11px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; color: var(--text-3); }
.src-picker__product { padding: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.src-picker__product-head { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; font-size: 12.5px; }
.src-picker__product-head b { font-weight: 600; }
.src-picker__product-head small { color: var(--text-3); white-space: nowrap; }
.src-picker__thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 6px; }
.src-picker__thumb { position: relative; aspect-ratio: 4 / 5; border-radius: 9px; overflow: hidden; border: 2px solid transparent; background: var(--surface-3); padding: 0; cursor: pointer; transition: border-color .15s, transform .1s; }
.src-picker__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.src-picker__thumb:hover { border-color: var(--border-strong); }
.src-picker__thumb.is-picked { border-color: var(--primary); box-shadow: var(--ring); }
.src-picker__thumb.is-picked::after { content: "✓"; position: absolute; top: 4px; right: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 11px; font-weight: 700; display: grid; place-items: center; }
.src-picker__thumb.is-busy::before { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, .55) ; }
.src-picker__thumb.is-busy::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px; border-radius: 50%; border: 2px solid var(--primary); border-color: var(--primary) transparent var(--primary) transparent; animation: spin .8s linear infinite; }
.src-picker__tag { position: absolute; left: 4px; bottom: 4px; padding: 1px 6px; border-radius: var(--r-pill); background: rgba(0, 0, 0, .6); color: #fff; font-size: 10px; font-weight: 600; }
@media (max-width: 640px) { .src-picker__bar { flex-wrap: wrap; } .src-picker__upload { width: 100%; } }
.src-picker__list { gap: 8px; }

/* İçerik Stüdyosu: yapay zekâ üretim önermediğinde */
.studio-refused { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 12px; border: 1px solid var(--warning-line); background: var(--warning-soft); }
.studio-refused__head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.studio-refused__head .ph { color: var(--warning); font-size: 16px; }
.studio-refused p { margin: 0; color: var(--text-2); }
.studio-refused .studio-sources { grid-template-columns: repeat(auto-fill, minmax(84px, 108px)); }
.studio-refused .studio-source { aspect-ratio: 4 / 5; background: var(--surface); }
.studio-source__tag { position: absolute; left: 4px; bottom: 4px; padding: 1px 6px; border-radius: var(--r-pill); background: var(--primary); color: var(--on-primary); font-size: 10px; font-weight: 650; }

/* Gerçek fotoğraf tasarımı (kolaj + görsel üstü yazı) */
.real-photo { gap: 10px; }
.real-photo__grid { grid-template-columns: repeat(auto-fill, minmax(84px, 104px)); }
.real-photo .studio-source { aspect-ratio: 4 / 5; background: var(--surface); }
.real-photo__text { display: grid; grid-template-columns: 1.4fr 1fr; gap: 10px; }
.studio-source__tag--soft { background: rgba(0, 0, 0, .62); }
@media (max-width: 640px) { .real-photo__text { grid-template-columns: 1fr; } }
.studio-results--tall { grid-template-columns: repeat(auto-fill, 160px); }
.studio-results--tall .studio-result { aspect-ratio: auto; }
.studio-results--tall .studio-result img { height: auto; display: block; }

/* Süper admin → Tasarım */
.design-styles { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.design-style { display: flex; flex-direction: column; gap: 4px; padding: 8px; border: 2px solid var(--border); border-radius: 14px; cursor: pointer; background: var(--surface); }
.design-style img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 9px; background: var(--surface-3); margin-bottom: 4px; }
.design-style input { position: absolute; opacity: 0; }
.design-style:has(input:checked) { border-color: var(--primary); box-shadow: var(--ring); }
.font-sample { width: 240px; height: auto; border-radius: 6px; border: 1px solid var(--border); background: #fff; display: block; }
.table-wrap { overflow-x: auto; }
.select--sm { height: 32px; font-size: 12px; padding-top: 0; padding-bottom: 0; }
.design-upload { padding-top: 14px; border-top: 1px solid var(--border); }
.studio-source__no { position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 11px; font-weight: 700; display: grid; place-items: center; }

/* Hikâye / reels önizlemesi: kutu görselin 9:16 oranında, yanlarda siyah boşluk yok */
.pv-story, .pv-tt { width: min(100%, 300px); margin-inline: auto; border-radius: 14px; overflow: hidden; }
.pv-story .pv-media--tall, .pv-tt .pv-media--tall { max-height: none; width: 100%; }
.post-pop__preview .pv-story, .post-pop__preview .pv-tt { width: min(100%, calc(min(500px, 58vh) * .5625)); }
.pv-head img { object-fit: cover; }

/* E-ticaret çok kanallı */
.section-title { font-size: 12px; font-weight: 650; text-transform: uppercase; letter-spacing: .04em; color: var(--text-3, var(--text-2)); margin: 22px 0 10px; }
.section-title:first-of-type { margin-top: 6px; }
.channel-tabs { margin-bottom: 10px; flex-wrap: wrap; }
.mp-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c); display: inline-block; margin-right: 6px; flex: none; }

/* Ajan yanıtlarında Markdown */
.md { white-space: normal; display: flex; flex-direction: column; gap: 8px; line-height: 1.6; }
.md > * { margin: 0; }
.md h3, .md h4, .md h5, .md h6 { font-weight: 650; line-height: 1.3; margin-top: 6px; }
.md h3 { font-size: 15px; } .md h4 { font-size: 14px; } .md h5, .md h6 { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--text-2); }
.md strong { font-weight: 650; }
.md ul, .md ol { padding-left: 20px; display: flex; flex-direction: column; gap: 3px; }
.md li::marker { color: var(--text-3); }
.md code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9em; padding: 1px 5px; border-radius: 5px; background: var(--surface-3); }
.md pre { padding: 10px 12px; border-radius: 10px; background: var(--surface-3); overflow-x: auto; }
.md pre code { padding: 0; background: none; }
.md blockquote { padding: 6px 12px; border-left: 3px solid var(--primary); background: var(--surface-2); border-radius: 0 8px 8px 0; color: var(--text-2); }
.md hr { border: 0; border-top: 1px solid var(--border); }
.md-table { overflow-x: auto; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.md-table table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.md-table th { text-align: left; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: .03em; color: var(--text-3); background: var(--surface-2); padding: 8px 10px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.md-table td { padding: 8px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
.md-table tr:last-child td { border-bottom: 0; }

/* Üst çubuk: Medya kütüphanesi düğmesi (Yönetici Ajan'ın solunda) */
.topbar__media { gap: 7px; height: 38px; padding: 0 12px; font-weight: 550; color: var(--text-2); }
.topbar__media .ph { font-size: 18px; }
.topbar__media.is-active { background: var(--surface-3); color: var(--text); }
@media (max-width: 900px) { .topbar__media span { display: none; } .topbar__media { padding: 0 9px; } }

/* Medya kütüphanesi: klasörler + ızgara */
.media-lib { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: start; }
.media-lib__folders { position: sticky; top: 76px; display: flex; flex-direction: column; gap: 2px; padding: 8px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
.media-lib__group { padding: 10px 10px 4px; font-size: 10.5px; font-weight: 650; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); }
.media-folder { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 9px; color: var(--text-2); font-size: 13px; }
.media-folder .ph { font-size: 17px; color: var(--text-3); }
.media-folder span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-folder b { font-size: 11px; font-weight: 600; color: var(--text-3); }
.media-folder:hover { background: var(--surface-2); color: var(--text); }
.media-folder.is-active { background: var(--primary-soft, var(--surface-3)); color: var(--primary); }
.media-folder.is-active .ph, .media-folder.is-active b { color: var(--primary); }
.media-lib__main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.media-lib__bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.media-lib__search { flex: 1; min-width: 200px; }
.media-lib__search .input { width: 100%; }
.media-lib__count { white-space: nowrap; }
.media-lib .pager { align-items: center; gap: 10px; padding: 6px 0 14px; }
.media-card__src--design { background: #0F2347; }
.media-card__src--ig { background: linear-gradient(45deg, #F58529, #DD2A7B 55%, #8134AF); }
@media (max-width: 900px) {
  .media-lib { grid-template-columns: 1fr; }
  .media-lib__folders { position: static; flex-direction: row; overflow-x: auto; padding: 6px; }
  .media-lib__group { display: none; }
  .media-folder { flex: none; }
}

/* Tam sayfa (ör. Medya kütüphanesi): sol menü yok, içerik tam genişlik */
.app--no-sidebar .sidebar, .app--no-sidebar .sidebar-backdrop, .app--no-sidebar .topbar__menu { display: none; }
.app--no-sidebar .main { margin-left: 0; }

/* Satış kanalı kartları (E-ticaret › Kanallar) */
.ch-grid { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); align-items: stretch; }
.ch-card { padding: 18px; display: flex; flex-direction: column; gap: 14px; transition: border-color .15s, box-shadow .15s; }
.ch-card:hover { border-color: var(--border-strong); }
.ch-card.is-connected { border-color: var(--success-line); }
.ch-card__head { display: flex; align-items: center; gap: 12px; }
.ch-card__title { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.ch-card__title h3 { font-size: 15px; font-weight: 650; margin: 0; }
.ch-card__body { display: flex; flex-direction: column; gap: 10px; flex: 1; }
.ch-card__body > p { margin: 0; line-height: 1.5; }
.ch-card__foot { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 14px; border-top: 1px solid var(--border); }
.ch-card__foot form.inline { display: contents; }
.ch-logo { width: 48px; height: 48px; flex: none; border-radius: 12px; background: #fff; border: 1px solid var(--border); display: grid; place-items: center; overflow: hidden; }
.ch-logo img { width: 34px; height: 34px; object-fit: contain; display: block; }
.ch-logo--sm { width: 30px; height: 30px; border-radius: 8px; }
.ch-logo--sm img { width: 22px; height: 22px; }
.ch-logo--xs { width: 18px; height: 18px; border-radius: 5px; border: 0; background: transparent; margin-right: 6px; display: inline-grid; vertical-align: middle; }
.ch-logo--xs img { width: 18px; height: 18px; }
.ch-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; }
.ch-stats > div { background: var(--surface-2); border: 1px solid var(--border); border-radius: 10px; padding: 8px 10px; min-width: 0; }
.ch-stats dt { font-size: 11px; color: var(--text-3); margin-bottom: 2px; }
.ch-stats dd { margin: 0; font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ch-help { display: flex; gap: 10px; padding: 12px 14px; border-radius: 10px; background: var(--primary-soft); color: var(--text-2); font-size: 12.5px; line-height: 1.55; }
.ch-help > i { color: var(--primary-text); font-size: 16px; margin-top: 1px; }
.ch-card__sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-progress { margin: 4px 0 2px; font-size: 13px; font-weight: 550; color: var(--primary); } .studio-progress.is-overdue { color: var(--warning); }

/* Gönderi listesi: satır tıklanabilir, önizleme yalnız görselde */
tr[data-row-href] { cursor: pointer; }
.posts-table .thumb { position: relative; }
.posts-table .thumb video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }
.thumb__play { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 16px; text-shadow: 0 1px 4px rgba(0,0,0,.5); pointer-events: none; }
.posts-table .thumb[data-hover-preview] { cursor: zoom-in; transition: transform .15s; }
.posts-table .thumb[data-hover-preview]:hover { transform: scale(1.06); }

/* İşlem günlükleri (E-ticaret) */
.log-pending { padding: 14px 16px; margin-bottom: 16px; display: flex; flex-direction: column; gap: 10px; }
.log-pending header { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.log-pending__list { display: flex; flex-direction: column; gap: 6px; }
.log-pending__item { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 10px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); color: var(--text); font-size: 12.5px; }
.log-pending__item:hover { border-color: var(--border-strong); }
.log-pending__item .link { margin-left: auto; }
.log-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.log-stat { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--text); transition: border-color .15s; }
.log-stat:hover { border-color: var(--border-strong); }
.log-stat.is-active { border-color: var(--primary); box-shadow: var(--ring); }
.log-stat b { display: block; font-size: 18px; line-height: 1.1; }
.log-stat small { color: var(--text-3); font-size: 11.5px; }
.log-stat__icon { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--surface-3); color: var(--text-2); font-size: 17px; flex: none; }
.log-stat.is-danger .log-stat__icon { background: var(--danger-soft); color: var(--danger); }
.log-filters { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 12px 0; }
.log-filters .chip a { color: inherit; display: inline-flex; }
.log-card .table-scroll { overflow-x: auto; }
.log-table td { vertical-align: top; }
.log-table tr.is-failed td { background: color-mix(in srgb, var(--danger-soft) 55%, transparent); }
.log-day td { background: var(--surface-2); font-size: 11px; font-weight: 650; text-transform: uppercase; letter-spacing: .04em; color: var(--text-3); padding: 7px 16px; }
.log-product { display: flex; align-items: center; gap: 10px; min-width: 220px; max-width: 360px; }
.log-product .thumb { width: 38px; height: 38px; border-radius: 8px; font-size: 15px; }
.log-product__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.log-product__title { color: var(--text); font-weight: 550; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.log-product__title:hover { color: var(--primary-text); }
.log-product small { display: flex; align-items: center; gap: 2px; flex-wrap: wrap; }
.log-product small .ch-logo--xs, .log-product small .ch-logo--xs img { width: 14px; height: 14px; margin-right: 4px; }
.log-detail { min-width: 220px; max-width: 420px; }
.log-delta { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.log-old { color: var(--text-3); text-decoration: line-through; }
.log-new { font-weight: 550; }
.log-images { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.log-images__set { display: inline-flex; gap: 4px; flex-wrap: wrap; }
.log-images img { width: 34px; height: 34px; object-fit: cover; border-radius: 6px; border: 2px solid var(--border); background: var(--surface-3); }
.log-images img.is-removed { opacity: .45; border-color: var(--danger-line); }
.log-images img.is-added { border-color: var(--success-solid); }
.log-desc summary { cursor: pointer; }
.log-diff { margin: 8px 0 0; font-size: 12.5px; line-height: 1.6; max-height: 260px; overflow: auto; padding: 8px 10px; border-radius: 8px; background: var(--surface-2); }
.log-diff ins { background: var(--success-soft); color: var(--success); text-decoration: none; border-radius: 3px; padding: 0 2px; }
.log-diff del { background: var(--danger-soft); color: var(--danger); border-radius: 3px; padding: 0 2px; }
.log-more { display: flex; justify-content: center; margin: 16px 0; }
@media (max-width: 720px) { .log-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Ürün seçici (yazarak arama) */
.ppick { position: relative; flex: 1; min-width: 0; }
.ppick__search { width: 100%; }
.ppick__search .input { width: 100%; height: 42px; }
.ppick__list { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); max-height: 360px; overflow-y: auto; padding: 4px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow-lg, 0 12px 32px rgba(16,24,40,.14)); }
.ppick__item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 8px; border-radius: 8px; text-align: left; background: none; border: 0; cursor: pointer; color: var(--text); }
.ppick__item:hover, .ppick__item.is-active { background: var(--surface-2); }
.ppick__item img, .ppick__noimg { width: 38px; height: 46px; border-radius: 6px; object-fit: cover; flex: none; background: var(--surface-3); }
.ppick__item--none { color: var(--text-3); font-size: 12.5px; padding: 8px 10px; }
.ppick__text { display: flex; flex-direction: column; min-width: 0; }
.ppick__text b { font-size: 13px; font-weight: 550; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ppick__text small { font-size: 11.5px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ppick__empty { padding: 12px; font-size: 12.5px; color: var(--text-3); }
.ppick.is-changed .input { border-color: var(--primary); }
.field--grow { flex: 1; min-width: 0; }

/* İçerik türü rozeti (takvim olayı, Genel Bakış kartı, önizleme penceresi) */
.fmt-mini { display: inline-flex; align-items: center; flex: none; font-size: 9.5px; font-weight: 700; letter-spacing: .02em; padding: 1px 6px; border-radius: 999px; line-height: 1.5;
  background: color-mix(in srgb, var(--fc, #1F4A8A) 14%, var(--surface)); color: var(--fc, #1F4A8A); }
.fmt-mini--post { --fc: #1F4A8A; } .fmt-mini--carousel { --fc: #7A5AF8; } .fmt-mini--reel { --fc: #E1306C; } .fmt-mini--story { --fc: #F79009; }
.wcard__media { position: relative; }
.wcard__media .fmt-mini { position: absolute; top: 8px; right: 8px; background: rgba(255,255,255,.92); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.wcard__media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.cal__event .fmt-mini { font-size: 9px; padding: 0 5px; }
.post-pop__bar .fmt-mini { font-size: 10.5px; padding: 2px 8px; }
/* Önizleme penceresi: tam açıklama */
.post-pop__desc { display: flex; flex-direction: column; gap: 4px; padding: 10px 14px 4px; font-size: 12.5px; line-height: 1.5; border-top: 1px solid var(--border); }
.post-pop__desc b { font-size: 13px; font-weight: 600; }
.post-pop__text { max-height: 132px; overflow-y: auto; white-space: pre-wrap; color: var(--text-2); }
.post-pop__label { display: block; font-size: 10px; font-weight: 650; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); margin-bottom: 2px; }

/* Medya seçici (gönderi): klasörler, tür, arama */
.mp { display: flex; flex-direction: column; gap: 12px; }
.mp__folders { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; }
.mp__folder { display: inline-flex; align-items: center; gap: 6px; flex: none; height: 32px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); font-size: 12.5px; color: var(--text-2); cursor: pointer; }
.mp__folder .ph { font-size: 15px; color: var(--text-3); }
.mp__folder b { font-size: 11px; font-weight: 600; color: var(--text-3); }
.mp__folder:hover { border-color: var(--border-strong); }
.mp__folder.is-active { background: var(--primary-soft); border-color: var(--primary); color: var(--primary); }
.mp__folder.is-active .ph, .mp__folder.is-active b { color: var(--primary); }
.mp__bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mp__search { flex: 1; min-width: 180px; }
.mp__search .input { width: 100%; }
.mp__upload { position: relative; gap: 6px; }
.mp__upload .dropzone__progress { position: absolute; left: 8px; right: 8px; bottom: 4px; }
.mp__more { display: flex; justify-content: center; }

/* E-ticaret genel bakış */
.ov-kpis { display: grid; grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.ov-kpi { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); box-shadow: var(--shadow-card); padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ov-kpi--hero { background: linear-gradient(135deg, var(--primary-soft), var(--surface) 70%); border-color: var(--primary-soft-2); }
.ov-kpi__label { font-size: 12px; color: var(--text-3); font-weight: 550; }
.ov-kpi__label small { font-weight: 450; }
.ov-kpi__value { font-size: 22px; font-weight: 700; letter-spacing: -.02em; line-height: 1.15; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ov-kpi--hero .ov-kpi__value { font-size: 28px; }
.ov-kpi__value small { font-size: 13px; font-weight: 550; }
.ov-kpi__foot { font-size: 11.5px; display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; }
.ov-kpi.is-negative .ov-kpi__value { color: var(--danger); }
.ov-delta { display: inline-flex; align-items: center; gap: 2px; font-weight: 650; font-variant-numeric: tabular-nums; }
.ov-delta.is-up { color: var(--success); }
.ov-delta.is-down { color: var(--danger); }
.ov-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.ov-card { padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ov-card.card--flush { padding: 0; gap: 0; }
.ov-card.card--flush > .ov-card__head { padding: 14px 18px; border-bottom: 1px solid var(--border); }
.ov-card__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.ov-card__head h2 { font-size: 14px; font-weight: 650; margin: 0; }
.ov-pad { padding: 14px 18px; }
.ov-recent { grid-column: 1 / -1; }
/* çubuk grafik: tek seri, tek eksen, ince çubuk, 4px yuvarlak uç, 2px aralık */
.ov-chart { position: relative; height: 220px; padding: 0 0 22px 44px; }
.ov-chart__grid { position: absolute; inset: 0 0 22px 44px; pointer-events: none; }
.ov-chart__line { position: absolute; left: 0; right: 0; border-top: 1px solid var(--border); }
.ov-chart__line span { position: absolute; right: calc(100% + 8px); top: -7px; font-size: 10.5px; color: var(--text-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ov-chart__bars { position: relative; height: 100%; display: flex; align-items: flex-end; gap: 2px; }
.ov-bar { position: relative; flex: 1; height: 100%; display: flex; align-items: flex-end; justify-content: center; outline: none; min-width: 0; }
.ov-bar__fill { display: block; width: min(100%, 22px); min-height: 2px; background: var(--primary); border-radius: 4px 4px 0 0; transition: opacity .12s; }
.ov-bar__fill.is-zero { background: var(--border-strong); height: 2px !important; }
.ov-chart__bars:hover .ov-bar__fill { opacity: .55; }
.ov-chart__bars .ov-bar:hover .ov-bar__fill, .ov-bar:focus-visible .ov-bar__fill { opacity: 1; }
.ov-bar__tip { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); z-index: 5; display: none; white-space: nowrap; background: var(--text); color: var(--bg); font-size: 11.5px; line-height: 1.45; padding: 7px 9px; border-radius: 8px; box-shadow: var(--shadow-pop); pointer-events: none; }
.ov-bar__tip b { display: block; font-weight: 650; }
.ov-bar:hover .ov-bar__tip, .ov-bar:focus-visible .ov-bar__tip { display: block; bottom: auto; top: 0; }
.ov-bar:first-child .ov-bar__tip, .ov-bar:nth-child(2) .ov-bar__tip { left: 0; transform: none; }
.ov-bar:last-child .ov-bar__tip, .ov-bar:nth-last-child(2) .ov-bar__tip { left: auto; right: 0; transform: none; }
.ov-bar__x { position: absolute; top: calc(100% + 6px); font-size: 10.5px; color: var(--text-3); white-space: nowrap; }
.ov-table-toggle summary { cursor: pointer; }
.ov-table-toggle .table-scroll { max-height: 260px; overflow: auto; margin-top: 8px; }
.ov-action-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ov-action { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.ov-action__icon { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-size: 15px; background: var(--surface-3); color: var(--text-2); }
.ov-action--danger .ov-action__icon { background: var(--danger-soft); color: var(--danger); }
.ov-action--warning .ov-action__icon { background: var(--warning-soft); color: var(--warning); }
.ov-action--primary .ov-action__icon { background: var(--primary-soft); color: var(--primary-text); }
.ov-action__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 12.5px; }
.ov-ask { display: flex; flex-direction: column; gap: 6px; padding-top: 10px; border-top: 1px solid var(--border); }
.ov-ask__chips { display: flex; gap: 6px; flex-wrap: wrap; }
.ov-ask__chips .chip { border: 0; cursor: pointer; font: inherit; font-size: 11.5px; padding: 4px 10px; }
.ov-channel-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.ov-channel__head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.ov-channel__val { margin-left: auto; font-weight: 650; }
.ov-share { height: 6px; border-radius: 4px; background: var(--surface-3); overflow: hidden; margin-bottom: 4px; }
.ov-share span { display: block; height: 100%; background: var(--primary); border-radius: 4px; }
.ov-ellipsis { display: inline-block; max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.ov-top .log-product { max-width: 320px; }
@media (max-width: 1200px) { .ov-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ov-kpi--hero { grid-column: span 4; } }
@media (max-width: 1024px) { .ov-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) { .ov-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ov-kpi--hero { grid-column: span 2; } .ov-chart { height: 180px; } .ov-ellipsis { max-width: 160px; } }
.input--cost { width: 92px; }
.input--cost.is-saving { opacity: .6; }
.input--cost.is-saved { border-color: var(--success-line); box-shadow: 0 0 0 3px var(--success-soft); }

/* ---------- İçerik Stüdyosu · Görsel düzenleyici ---------- */
.ied { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); overflow: hidden; min-height: 640px; }
.ied__top { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 8px 10px; border-bottom: 1px solid var(--border); background: var(--surface); }
.ied__group { display: inline-flex; gap: 2px; padding: 2px; border-radius: 10px; background: var(--surface-2); }
.ied__btn { display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 10px; border: 0; border-radius: 8px; background: none; font-size: 12.5px; font-weight: 550; color: var(--text-2); cursor: pointer; }
.ied__btn:hover { background: var(--surface); color: var(--text); }
.ied__btn.is-active { background: var(--surface); color: var(--primary); box-shadow: 0 1px 2px rgba(16,24,40,.08); }
.ied__btn--icon { width: 30px; padding: 0; justify-content: center; }
.ied__btn .ph { font-size: 15px; }
.ied__sep { width: 1px; height: 22px; background: var(--border); margin: 0 2px; }
.ied__spacer { flex: 1; }
.ied__main { display: grid; grid-template-columns: 250px minmax(0, 1fr) 260px; flex: 1; min-height: 0; }
.ied__left, .ied__props { display: flex; flex-direction: column; gap: 14px; padding: 12px; overflow-y: auto; max-height: 76vh; background: var(--surface); }
.ied__left { border-right: 1px solid var(--border); }
.ied__props { border-left: 1px solid var(--border); gap: 10px; }
.ied__stage { position: relative; display: grid; place-items: center; min-height: 560px; padding: 16px; overflow: hidden;
  background: repeating-conic-gradient(var(--surface-2) 0% 25%, var(--surface-3) 0% 50%) 50% / 22px 22px; }
.ied__stage canvas { box-shadow: 0 10px 30px rgba(16,24,40,.18); border-radius: 4px; touch-action: none; background: #fff; }
.ied__empty { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 8px; color: var(--text-3); font-size: 13px; text-align: center; pointer-events: none; }
.ied__empty .ph { font-size: 34px; }
.ied__title { font-size: 11px; font-weight: 650; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); }
.ied__ai { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 12px; background: var(--ai-soft); }
.ied__ai > b { font-size: 13px; color: var(--ai); display: flex; align-items: center; gap: 6px; }
.ied__ai .textarea { font-size: 12.5px; background: var(--surface); }
.ied__ai small { font-size: 11.5px; line-height: 1.4; }
.ied__layers { display: flex; flex-direction: column; gap: 6px; }
.ied__layer-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.ied__layer { display: flex; align-items: center; gap: 6px; padding: 5px 6px; border-radius: 8px; font-size: 12.5px; cursor: pointer; }
.ied__layer > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ied__layer button { width: 22px; height: 22px; border: 0; border-radius: 6px; background: none; color: var(--text-3); cursor: pointer; display: grid; place-items: center; opacity: 0; }
.ied__layer:hover button, .ied__layer.is-active button { opacity: 1; }
.ied__layer button:hover { background: var(--surface-3); color: var(--text); }
.ied__layer:hover { background: var(--surface-2); }
.ied__layer.is-active { background: var(--primary-soft); color: var(--primary); }
.ied__layer.is-hidden > span { opacity: .45; text-decoration: line-through; }
.ied__row { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 8px; font-size: 12px; color: var(--text-2); }
.ied__row input[type=range] { width: 100%; accent-color: var(--primary); }
.ied__row input[type=color] { width: 100%; height: 30px; padding: 2px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); }
.ied__props .textarea { font-size: 13px; }
.ied__chk { font-size: 12.5px; }
/* Açılır pencere */
.modal--editor .modal__dialog--editor { width: min(1400px, 96vw); max-height: 94vh; }
.modal__body--flush { padding: 0; }
.modal--editor .ied { border: 0; border-radius: 0; min-height: 0; }
.modal--editor .ied__stage { min-height: 62vh; }
/* Gönderi oluşturucu: medya karesinde düzenle, önizleme altında düzenle */
.media-tile__edit { position: absolute; left: 6px; bottom: 6px; width: 26px; height: 26px; border-radius: 8px; border: 0; display: grid; place-items: center; background: rgba(255,255,255,.92); color: var(--primary); cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.preview-edit { align-self: center; margin-top: 10px; }
@media (max-width: 1100px) { .ied__main { grid-template-columns: 1fr; } .ied__left, .ied__props { max-height: none; border: 0; border-top: 1px solid var(--border); } }
.ch-profit { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; line-height: 1.5; }
.ch-profit .link { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; color: var(--primary-text); }
.profit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 560px) { .profit-grid { grid-template-columns: minmax(0, 1fr); } }
/* Düzenleyici sahnesi sabit yükseklik: tuval sahneye sığacak şekilde ölçeklenir */
.ied__stage { height: 72vh; min-height: 480px; }
.modal--editor .ied__stage { height: 66vh; min-height: 420px; }
.mp__folders, .mp__bar { flex: none; } .mp__folders { padding-bottom: 4px; }

/* =================== Görsel düzenleyici · Canva benzeri düzen =================== */
.cv { --cv-accent: #8B3DFF; --cv-accent-soft: #F1E8FF; --cv-work: #EBECF0; --cv-rail: #F7F7F8;
  display: flex; flex-direction: column; height: min(86vh, 920px); min-height: 620px; border-radius: 14px; overflow: hidden; border: 1px solid var(--border); background: var(--surface); }
.cv__head { display: flex; align-items: center; gap: 10px; height: 54px; padding: 0 14px; color: #fff; flex: none;
  background: linear-gradient(90deg, #00C4CC 0%, #5A32FA 55%, #7D2AE8 100%); }
.cv__logo { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 15px; letter-spacing: -.01em; }
.cv__logo .ph { font-size: 20px; }
.cv__head-group { display: inline-flex; gap: 2px; }
.cv__hbtn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 34px; min-width: 34px; padding: 0 8px; border-radius: 8px; border: 0; background: transparent; color: #fff; font-size: 13px; font-weight: 550; cursor: pointer; }
.cv__hbtn:hover { background: rgba(255,255,255,.18); }
.cv__hbtn .ph { font-size: 18px; }
.cv__hbtn--text { padding: 0 12px; }
.cv__resize { position: relative; }
.cv__menu { position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; min-width: 240px; padding: 6px; background: var(--surface); color: var(--text); border-radius: 12px; border: 1px solid var(--border); box-shadow: 0 16px 40px rgba(16,24,40,.18); display: flex; flex-direction: column; }
.cv__menu[hidden] { display: none; }
.cv__menu button { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 0; background: none; border-radius: 8px; font-size: 13px; text-align: left; cursor: pointer; color: var(--text); }
.cv__menu button small { margin-left: auto; color: var(--text-3); font-size: 11px; }
.cv__menu button:hover { background: var(--surface-2); }
.cv__menu--grid { display: grid; grid-template-columns: 1fr 1fr; min-width: 260px; left: auto; right: 0; }
.cv__spacer { flex: 1; }
.cv__status { font-size: 12px; opacity: .9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 320px; }
.cv__export { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 16px; border: 0; border-radius: 8px; background: #fff; color: #3B1A8F; font-weight: 650; font-size: 13.5px; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,.12); position: relative; }
.cv__export:hover { background: #F4EEFF; }
.cv__body { display: grid; grid-template-columns: 76px 330px minmax(0, 1fr); flex: 1; min-height: 0; }
/* Sol simge menüsü */
.cv__rail { display: flex; flex-direction: column; gap: 2px; padding: 8px 6px; background: var(--cv-rail); border-right: 1px solid var(--border); overflow-y: auto; }
.cv__rail-btn { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 9px 2px; border: 0; border-radius: 10px; background: none; color: var(--text-2); font-size: 10.5px; font-weight: 550; cursor: pointer; }
.cv__rail-btn .ph { font-size: 22px; }
.cv__rail-btn:hover { background: #ECEDF0; color: var(--text); }
.cv__rail-btn.is-active { background: var(--surface); color: var(--cv-accent); box-shadow: 0 1px 3px rgba(16,24,40,.08); }
/* Açılır panel */
.cv__panel { display: flex; flex-direction: column; gap: 10px; padding: 16px 14px; overflow-y: auto; border-right: 1px solid var(--border); background: var(--surface); }
.cv__ptitle { display: flex; flex-direction: column; gap: 2px; margin-bottom: 2px; }
.cv__ptitle b { font-size: 15px; font-weight: 650; }
.cv__ptitle small { font-size: 12px; color: var(--text-3); line-height: 1.4; }
.cv__psub { font-size: 11px; font-weight: 650; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); margin-top: 6px; }
.cv__pnote { font-size: 11.5px; color: var(--text-3); line-height: 1.45; margin: 4px 0 0; }
.cv__search { width: 100%; }
.cv__search .input { width: 100%; }
/* Şablonlar */
.cv__tpls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cv__tpl { display: flex; flex-direction: column; gap: 6px; padding: 0; border: 0; background: none; cursor: pointer; font-size: 12px; font-weight: 550; color: var(--text-2); text-align: left; }
.cv__tpl-art { position: relative; aspect-ratio: 4 / 5; border-radius: 10px; overflow: hidden; border: 2px solid transparent; transition: border-color .15s, transform .15s; background: linear-gradient(160deg, #c9a98a, #7a5a44); }
.cv__tpl:hover .cv__tpl-art { border-color: var(--cv-accent); transform: translateY(-1px); }
.cv__tpl-art i, .cv__tpl-art b { position: absolute; display: block; border-radius: 6px; }
.cv__tpl-art--elegant i { left: 15%; right: 15%; top: 9%; height: 13%; background: rgba(255,255,255,.45); }
.cv__tpl-art--elegant b { left: 28%; right: 28%; bottom: 8%; height: 7%; background: #fff; border-radius: 99px; }
.cv__tpl-art--poll i { left: 12%; right: 12%; top: 9%; height: 12%; background: rgba(255,255,255,.45); }
.cv__tpl-art--poll b { bottom: 10%; height: 8%; width: 34%; border-radius: 99px; background: #fff; left: 10%; }
.cv__tpl-art--poll b + b { left: auto; right: 10%; background: #8B3DFF; }
.cv__tpl-art--band i { left: 0; right: 0; bottom: 0; height: 22%; background: #8B3DFF; border-radius: 0; opacity: .9; }
.cv__tpl-art--price i { left: 15%; right: 15%; bottom: 22%; height: 10%; background: rgba(255,255,255,.45); }
.cv__tpl-art--price b { left: 28%; right: 28%; bottom: 8%; height: 9%; background: #8B3DFF; border-radius: 99px; }
.cv__tpl-art--badge i { right: 8%; top: 6%; width: 30%; aspect-ratio: 1; border-radius: 50%; background: #8B3DFF; }
.cv__tpl-art--corner i { left: 8%; bottom: 10%; width: 60%; height: 7%; background: #fff; opacity: .9; }
.cv__tpl-art--season i { left: 18%; right: 18%; top: 44%; height: 10%; background: #fff; opacity: .9; }
.cv__tpl-art--season b { left: 38%; right: 38%; top: 40%; height: 2px; background: #fff; }
.cv__tpl-art--frame i { inset: 5%; border: 3px solid #fff; border-radius: 4px; }
/* Öğeler */
.cv__grid { display: grid; gap: 8px; }
.cv__grid--3 { grid-template-columns: repeat(3, 1fr); }
.cv__tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; aspect-ratio: 1; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); color: #8B3DFF; cursor: pointer; }
.cv__tile .ph { font-size: 30px; }
.cv__tile small { font-size: 10.5px; color: var(--text-3); }
.cv__tile:hover { border-color: #8B3DFF; background: #F1E8FF; }
.cv__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cv__sticker { padding: 6px 12px; border-radius: 99px; border: 0; background: var(--b, #8B3DFF); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .06em; cursor: pointer; }
/* Metin */
.cv__tbtn { width: 100%; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); text-align: left; cursor: pointer; color: var(--text); }
.cv__tbtn:hover { border-color: #8B3DFF; }
.cv__tbtn--h { font-size: 22px; font-weight: 750; }
.cv__tbtn--s { font-size: 16px; font-weight: 650; }
.cv__tbtn--b { font-size: 13px; }
.cv__combos { display: flex; flex-direction: column; gap: 8px; }
.cv__combo { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); text-align: left; cursor: pointer; }
.cv__combo:hover { border-color: #8B3DFF; }
.cv__combo-t { font-size: 20px; line-height: 1.2; color: var(--text); }
.cv__combo-b { font-size: 12.5px; color: var(--text-3); }
.cv__combo em { position: absolute; top: 8px; right: 10px; font-style: normal; font-size: 10px; font-weight: 700; color: #8B3DFF; background: #F1E8FF; padding: 1px 7px; border-radius: 99px; }
/* Yüklemeler ve ürünler */
.cv__upload { display: flex; align-items: center; justify-content: center; gap: 8px; height: 40px; border-radius: 10px; background: #8B3DFF; color: #fff; font-weight: 600; font-size: 13px; cursor: pointer; }
.cv__upload:hover { filter: brightness(1.06); }
.cv__folders { display: flex; flex-wrap: wrap; gap: 5px; }
.cv__fchip { padding: 4px 10px; border-radius: 99px; border: 1px solid var(--border); background: var(--surface); font-size: 11.5px; cursor: pointer; color: var(--text-2); }
.cv__fchip.is-active { border-color: #8B3DFF; color: #8B3DFF; background: #F1E8FF; }
.cv__mgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.cv__mitem { padding: 0; border: 0; border-radius: 8px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--surface-3); cursor: pointer; }
.cv__mitem img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s; }
.cv__mitem:hover img { transform: scale(1.05); }
.cv__plist { display: flex; flex-direction: column; gap: 6px; }
.cv__prod { display: flex; align-items: center; gap: 10px; padding: 6px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); text-align: left; cursor: pointer; }
.cv__prod:hover { border-color: #8B3DFF; }
.cv__prod img, .cv__prod > span:first-child { width: 46px; height: 56px; border-radius: 7px; object-fit: cover; flex: none; background: var(--surface-3); }
.cv__prod b { display: block; font-size: 12.5px; font-weight: 550; line-height: 1.3; }
.cv__prod small { font-size: 11px; color: var(--text-3); }
.cv__prod.is-busy { opacity: .5; pointer-events: none; }
/* Marka ve arka plan */
.cv__colors { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.cv__color { position: relative; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(0,0,0,.12); cursor: pointer; padding: 0; }
.cv__color:hover, .cv__color.is-on { box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px #8B3DFF; }
.cv__color--pick { display: grid; place-items: center; background: conic-gradient(red, yellow, lime, cyan, blue, magenta, red); color: #fff; }
.cv__color--pick input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.cv__logo-btn { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); cursor: pointer; font-size: 13px; }
.cv__logo-btn img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
/* Yapay zekâ */
.cv__ai-run { width: 100%; justify-content: center; }
.cv__aichips { display: flex; flex-direction: column; gap: 6px; }
.cv__aichips button { padding: 8px 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-2); font-size: 12px; text-align: left; cursor: pointer; color: var(--text-2); line-height: 1.4; }
.cv__aichips button:hover { border-color: var(--ai); color: var(--ai); }
/* Katmanlar, filtreler, düzenle */
.cv__layers { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.cv__layer { display: flex; align-items: center; gap: 2px; border-radius: 9px; }
.cv__layer:hover { background: var(--surface-2); }
.cv__layer.is-active { background: #F1E8FF; }
.cv__layer.is-hidden .cv__layer-main span { opacity: .45; text-decoration: line-through; }
.cv__layer-main { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 8px; border: 0; background: none; text-align: left; cursor: pointer; font-size: 12.5px; color: var(--text); }
.cv__layer-main span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv__layer.is-active .cv__layer-main { color: #8B3DFF; }
.cv__layer > button:not(.cv__layer-main) { width: 26px; height: 26px; border: 0; border-radius: 6px; background: none; color: var(--text-3); cursor: pointer; display: grid; place-items: center; }
.cv__layer > button:not(.cv__layer-main):hover { background: var(--surface-3); color: var(--text); }
.cv__filters { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.cv__filter { display: flex; flex-direction: column; gap: 4px; padding: 0; border: 0; background: none; cursor: pointer; font-size: 11px; color: var(--text-2); }
.cv__filter img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 9px; border: 2px solid transparent; }
.cv__filter.is-on img, .cv__filter:hover img { border-color: #8B3DFF; }
.cv__row { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; gap: 8px; font-size: 12px; color: var(--text-2); }
.cv__row input[type=range] { width: 100%; accent-color: #8B3DFF; }
.cv__row input[type=color] { width: 100%; height: 30px; padding: 2px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); }
.cv__chk { font-size: 12.5px; }
/* Çalışma alanı */
.cv__work { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--cv-work); }
.cv__ctx { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; min-height: 52px; margin: 10px 14px 0; padding: 6px 10px; border-radius: 12px; background: var(--surface); box-shadow: 0 2px 10px rgba(16,24,40,.08); }
.cv__ctx-hint { font-size: 12.5px; color: var(--text-3); padding: 0 4px; }
.cv__cbtn { display: inline-flex; align-items: center; gap: 5px; height: 34px; min-width: 34px; padding: 0 8px; border: 0; border-radius: 8px; background: none; font-size: 12.5px; font-weight: 550; color: var(--text); cursor: pointer; justify-content: center; }
.cv__cbtn .ph { font-size: 18px; }
.cv__cbtn:hover { background: var(--surface-2); }
.cv__cbtn.is-on { background: #F1E8FF; color: #8B3DFF; }
.cv__csep { width: 1px; height: 24px; background: var(--border); margin: 0 4px; }
.cv__cselect { height: 34px; max-width: 160px; padding: 0 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); font-size: 12.5px; color: var(--text); }
.cv__size { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.cv__size .cv__cbtn { height: 32px; min-width: 28px; border-radius: 0; }
.cv__size input { width: 46px; height: 32px; border: 0; border-left: 1px solid var(--border); border-right: 1px solid var(--border); text-align: center; font-size: 12.5px; background: var(--surface); color: var(--text); -moz-appearance: textfield; }
.cv__size input::-webkit-inner-spin-button { -webkit-appearance: none; }
.cv__swatch { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 8px; cursor: pointer; }
.cv__swatch:hover { background: var(--surface-2); }
.cv__swatch-a { font-weight: 700; font-size: 15px; line-height: 1; }
.cv__swatch i { display: block; width: 22px; height: 5px; border-radius: 2px; margin-top: 2px; border: 1px solid rgba(0,0,0,.1); }
.cv__swatch > i:first-child { height: 22px; width: 22px; border-radius: 50%; margin: 0; }
.cv__swatch input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.cv__pos { position: relative; }
.cv__opacity { display: inline-flex; align-items: center; gap: 6px; padding: 0 6px; color: var(--text-2); }
.cv__opacity input { width: 80px; accent-color: #8B3DFF; }
.cv__stage { position: relative; flex: 1; min-height: 0; overflow: auto; display: grid; place-items: center; padding: 24px; }
.cv__stage canvas { box-shadow: 0 6px 24px rgba(16,24,40,.16); background: #fff; touch-action: none; }
.cv__empty { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 8px; color: var(--text-3); font-size: 13px; text-align: center; pointer-events: none; }
.cv__empty[hidden] { display: none; }
.cv__empty .ph { font-size: 36px; }
.cv__foot { display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px; flex: none; }
.cv__foot input[type=range] { width: 140px; accent-color: #8B3DFF; }
.cv__fbtn { display: inline-flex; align-items: center; gap: 5px; height: 30px; min-width: 30px; padding: 0 6px; border: 0; border-radius: 8px; background: var(--surface); color: var(--text-2); cursor: pointer; justify-content: center; font-size: 12px; }
.cv__fbtn:hover { color: var(--text); }
.cv__fbtn--text { padding: 0 10px; font-weight: 550; }
.cv__zoom-val { width: 42px; text-align: center; font-size: 12px; color: var(--text-2); font-variant-numeric: tabular-nums; }
/* Açılır pencerede tam ekran hissi */
.modal--editor .modal__dialog--editor { width: min(1560px, 98vw); max-height: 96vh; }
.modal--editor .modal__head { position: absolute; right: 10px; top: 10px; z-index: 5; padding: 0; border: 0; background: none; }
.modal--editor .modal__head h2 { display: none; }
.modal--editor .modal__head .btn { color: #fff; background: rgba(255,255,255,.15); }
.modal--editor .modal__dialog--editor { position: relative; }
.modal--editor .cv { border: 0; border-radius: 16px; height: min(92vh, 960px); }
.modal--editor .cv__head { padding-right: 60px; }
@media (max-width: 1100px) { .cv__body { grid-template-columns: 64px 260px minmax(0, 1fr); } .cv__rail-btn span { font-size: 9.5px; } }
@media (max-width: 820px) { .cv { height: auto; } .cv__body { grid-template-columns: 1fr; } .cv__rail { flex-direction: row; overflow-x: auto; } .cv__rail-btn { min-width: 64px; } .cv__panel { max-height: 300px; } .cv__stage { min-height: 420px; } }

/* Düzenleyici: koyu tema */
[data-theme="dark"] .cv { --cv-work: #0f131c; --cv-rail: #151a24; --cv-accent-soft: rgba(139,61,255,.18); }
[data-theme="dark"] .cv__rail-btn:hover { background: rgba(255,255,255,.06); }
[data-theme="dark"] .cv__export { background: #fff; color: #3B1A8F; }
[data-theme="dark"] .cv__tile:hover { background: rgba(139,61,255,.15); }
[data-theme="dark"] .cv__stage canvas { box-shadow: 0 6px 30px rgba(0,0,0,.5); }

/* Görsel düzenleyici: şablon önizleme tuvali, yazı tipi listesi, süsler, satır içi yazı düzenleme, çoklu seçim */
.cv__tpl-cv { display: block; width: 100%; height: auto; border-radius: 10px; border: 2px solid transparent; background: linear-gradient(160deg, #c9a98a, #7a5a44); transition: border-color .15s, transform .15s; }
.cv__tpl:hover .cv__tpl-cv { border-color: var(--cv-accent); transform: translateY(-1px); }
.cv__allfonts { width: 100%; justify-content: center; }
.cv__fontlist { display: flex; flex-direction: column; gap: 4px; }
.cv__font { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 9px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); cursor: pointer; text-align: left; color: var(--text); }
.cv__font span { font-size: 19px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv__font small { flex: none; font-size: 10.5px; color: var(--text-3); }
.cv__font:hover { border-color: #8B3DFF; }
.cv__font.is-on { border-color: #8B3DFF; background: #F1E8FF; }
.cv__grid--4 { grid-template-columns: repeat(4, 1fr); }
.cv__tile--glyph { font-size: 22px; color: var(--text); font-family: inherit; }
.cv__inline { position: absolute; z-index: 5; margin: 0; border: 0; outline: 2px dashed rgba(139,61,255,.85); outline-offset: 4px; background: transparent; resize: none; overflow: hidden; white-space: pre-wrap; box-sizing: border-box; caret-color: #8B3DFF; transform-origin: center; }
.cv__multi-n { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 99px; background: #F1E8FF; color: #8B3DFF; font-size: 12.5px; font-weight: 650; white-space: nowrap; }
.cv__layer > button.is-on { color: #8B3DFF; }
.cv__layer.is-grouped { box-shadow: inset 3px 0 0 rgba(139,61,255,.45); }
.cv__layer-main .ph-bounding-box { color: #8B3DFF; font-size: 13px; }
[data-theme="dark"] .cv__font.is-on, [data-theme="dark"] .cv__multi-n { background: rgba(139,61,255,.18); }

/* İçerik Planları: "Yeni plan iste" / "Toplu içerik yükle" seçimi ve toplu yükleme */
.plan-mode__head { padding-bottom: 0; border-bottom: 0; }
.plan-mode__seg { width: 100%; }
.plan-mode__bulk { display: none; }
.plan-mode:has(input[name="plan_mode"][value="bulk"]:checked) .plan-mode__bulk { display: block; }
.plan-mode:has(input[name="plan_mode"][value="bulk"]:checked) .plan-mode__ai { display: none; }
.plan-mode__pkg { display: none; }
.plan-mode:has(input[name="plan_mode"][value="package"]:checked) .plan-mode__pkg { display: block; }
.plan-mode:has(input[name="plan_mode"][value="package"]:checked) .plan-mode__ai { display: none; }
/* Takvim paketi: kurallar, önizleme (gün gün), uyarılar */
.pkg__rules { font-size: 12.5px; border: 1px solid var(--border); border-radius: 10px; padding: 8px 12px; background: var(--surface-2); }
.pkg__rules summary { cursor: pointer; font-weight: 600; display: flex; gap: 6px; align-items: center; }
.pkg__rules ol, .pkg__rules ul { margin: 8px 0 2px; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; color: var(--text-2); line-height: 1.5; }
.pkg__rules li ul { margin: 4px 0 2px; gap: 2px; }
.pkg__rules > p { margin: 6px 0 2px; font-size: 12px; }
.pkg__rules code { font-size: 11.5px; background: var(--surface-3); padding: 1px 5px; border-radius: 5px; }
.pkg__drop-link, [data-pkg-pick] { cursor: pointer; }
.pkg__sum { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12.5px; }
.pkg__sum b { font-size: 13px; }
.pkg__warn { margin: 0; padding: 10px 12px 10px 30px; border-radius: 10px; background: var(--warning-soft, #FFF6E5); border: 1px solid var(--warning-line, #F5D49A); font-size: 12px; line-height: 1.55; color: var(--text-2); max-height: 180px; overflow: auto; }
.pkg__days { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; max-height: 460px; overflow: auto; padding: 2px; }
.pkg__day { border: 1px solid var(--border); border-radius: 10px; background: var(--surface); padding: 8px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pkg__day > b { font-size: 12.5px; display: flex; justify-content: space-between; gap: 6px; }
.pkg__day > b small { color: var(--text-3); font-weight: 500; }
.pkg__it { display: flex; gap: 6px; align-items: center; font-size: 11.5px; min-width: 0; }
.pkg__it img, .pkg__it .pkg__ph { width: 34px; height: 34px; border-radius: 6px; object-fit: cover; flex: none; background: var(--surface-3); display: grid; place-items: center; color: var(--text-3); }
.pkg__it span { min-width: 0; display: flex; flex-direction: column; }
.pkg__it em { font-style: normal; font-weight: 600; color: var(--fc, var(--text)); font-size: 10.5px; }
.pkg__it small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-2); }
.pkg__it--post { --fc: #1F4A8A; } .pkg__it--carousel { --fc: #7A5AF8; } .pkg__it--reel { --fc: #E1306C; } .pkg__it--story { --fc: #F79009; }
.pkg__it.is-up small { color: var(--primary-text); } .pkg__it.is-done small { color: var(--success-solid); } .pkg__it.is-err small { color: var(--danger); }
.bulk__intro { display: flex; gap: 6px; align-items: flex-start; line-height: 1.5; }
.bulk__intro .ph { margin-top: 2px; color: var(--ai); }
.bulk__drop { padding: 22px; }
.bulk__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bulk__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; max-height: 360px; overflow: auto; }
.bulk__item { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.bulk__item.is-wrong { border-color: var(--danger-line); background: var(--danger-soft); }
.bulk__item.is-done { border-color: var(--success-line); }
.bulk__no { width: 20px; flex: none; text-align: center; font-size: 11px; font-weight: 700; color: var(--text-3); }
.bulk__item img, .bulk__item video { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; flex: none; background: var(--surface-3); }
.bulk__meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.bulk__meta b { font-size: 12.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bulk__meta small { font-size: 11px; color: var(--text-3); }
.bulk__bar { height: 3px; border-radius: 3px; background: var(--surface-3); overflow: hidden; }
.bulk__bar span { display: block; height: 100%; width: 0; background: var(--primary); transition: width .2s; }
.bulk__item.is-done .bulk__bar span { background: var(--success); }
.bulk__acts { display: flex; gap: 2px; flex: none; }
.bulk-progress { margin-bottom: 16px; }
.bulk-progress__head { display: flex; align-items: center; gap: 12px; }
.bulk-progress__head > div { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.bulk-progress__count { font-size: 18px; font-weight: 700; }
.bulk-progress__bar { height: 6px; border-radius: 6px; background: var(--surface-3); overflow: hidden; }
.bulk-progress__bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--ai), var(--primary)); transition: width .4s; }
.bulk-ups { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.bulk-up { display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
.bulk-up__media { position: relative; aspect-ratio: 4 / 5; border-radius: 10px; overflow: hidden; background: var(--surface-3); }
.bulk-up__media img, .bulk-up__media video { width: 100%; height: 100%; object-fit: cover; }
.bulk-up__media > .ph-play-circle { position: absolute; inset: 0; margin: auto; width: 32px; height: 32px; font-size: 32px; color: #fff; filter: drop-shadow(0 2px 6px rgba(0,0,0,.4)); }
.bulk-up__no { position: absolute; top: 6px; left: 6px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 99px; background: rgba(0,0,0,.6); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; }
.bulk-up__state { font-weight: 600; color: var(--text-3); }
.bulk-up.is-analyzing .bulk-up__state { color: var(--ai); }
.bulk-up.is-analyzing .bulk-up__media { outline: 2px solid var(--ai); outline-offset: 2px; animation: bulkPulse 1.4s ease-in-out infinite; }
.bulk-up.is-done .bulk-up__state { color: var(--success); }
.bulk-up.is-failed .bulk-up__state { color: var(--danger); }
.bulk-up__sum { color: var(--text-3); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@keyframes bulkPulse { 50% { outline-color: transparent; } }
.pcard__media { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 7px; overflow: hidden; background: var(--surface-3); }
.pcard--story .pcard__media, .pcard--reel .pcard__media { aspect-ratio: 9 / 14; }
.pcard__media img, .pcard__media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.pcard__media > .ph-play-circle { position: absolute; inset: 0; margin: auto; width: 26px; height: 26px; font-size: 26px; color: #fff; filter: drop-shadow(0 2px 6px rgba(0,0,0,.4)); }
.pcard__count { position: absolute; right: 5px; bottom: 5px; display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px; border-radius: 99px; background: rgba(0,0,0,.6); color: #fff; font-size: 10.5px; font-weight: 600; }
@media (max-width: 640px) { .bulk__grid { grid-template-columns: 1fr; } }

/* Yeni plan: tarih kesişmesi uyarısı */
.plan-dates { display: flex; flex-direction: column; gap: 8px; }
.plan-clash { flex-direction: column; align-items: stretch; gap: 10px; }
.plan-clash > div:first-child { display: flex; flex-direction: column; gap: 3px; }
.plan-clash b { display: inline-flex; align-items: center; gap: 6px; }
.plan-clash__opts .check-chip span { background: var(--surface); }
.plan-clash__lbl { font-style: normal; }

/* E-ticaret › Siparişler */
.ord-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.ord-bar .channel-tabs { margin: 0; }
.ord-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.ord-kpi { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); }
.ord-kpi > span { font-size: 12px; color: var(--text-3); font-weight: 550; }
.ord-kpi > b { font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.ord-kpi > small { font-size: 11.5px; }
.ord-kpi.is-negative > b { color: var(--danger); }
.ord-tabs { margin-bottom: 12px; }
.tab--danger.is-active, .tab--danger:hover { color: var(--danger); border-bottom-color: var(--danger); }
.ord-table td { vertical-align: middle; }
.ord-row { cursor: pointer; }
.ord-row:hover td, .ord-row.is-open td { background: var(--surface-2); }
.ord-row td:first-child, .ord-row td:nth-child(2) { line-height: 1.3; }
.ord-date { display: block; font-weight: 600; font-size: 12.5px; }
.ord-no { display: inline-flex; align-items: center; gap: 6px; }
.ord-row td:nth-child(2) small { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.ord-prod { display: flex; align-items: center; gap: 10px; min-width: 220px; max-width: 420px; }
.ord-prod img, .ord-prod__ph, .ord-lines img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; flex: none; background: var(--surface-3); }
.ord-prod__ph { display: grid; place-items: center; color: var(--text-3); font-size: 18px; }
.ord-prod > span { display: flex; flex-direction: column; min-width: 0; }
.ord-marj { display: block; font-size: 11px; }
.ord-caret { width: 28px; color: var(--text-3); }
.ord-caret .ph { transition: transform .15s; }
.ord-row.is-open .ord-caret .ph { transform: rotate(180deg); }
.ord-detail > td { background: var(--surface-2); padding: 4px 16px 18px; }
.ord-detail__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 24px; }
.ord-detail__h { display: block; font-size: 12.5px; margin-bottom: 8px; }
.ord-lines { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ord-lines li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; }
.ord-lines li.is-returned, .ord-lines li.is-cancelled { opacity: .7; }
.ord-lines__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ord-lines__main b { font-size: 12.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ord-lines__qty { color: var(--text-3); font-size: 12px; white-space: nowrap; }
.ord-lines__sum { font-weight: 600; white-space: nowrap; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.ord-pl { margin: 0; padding: 10px 12px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; display: flex; flex-direction: column; gap: 5px; }
.ord-pl > div { display: flex; justify-content: space-between; gap: 12px; font-size: 12.5px; }
.ord-pl dt { color: var(--text-2); }
.ord-pl dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ord-pl__total { margin-top: 4px; padding-top: 7px; border-top: 1px solid var(--border); font-weight: 700; }
.ord-pl__total dt { color: var(--text); }
.ord-pl__total.is-negative dd { color: var(--danger); }
.ord-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
@media (max-width: 900px) { .ord-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ord-detail__grid { grid-template-columns: 1fr; } }
.ord-prod { max-width: 270px; min-width: 180px; }
.ord-prod .ov-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ord-carrier { max-width: 160px; }
.ord-carrier span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ord-table abbr { text-decoration: none; border-bottom: 1px dotted var(--text-3); cursor: help; }

/* Performans: genel bakış bölümü, haftalık rapor, satış etkisi rozetleri, paylaşılan sayfa düzeni */
.perf { margin: 18px 0 6px; }
.perf__empty { display: flex; gap: 8px; align-items: flex-start; line-height: 1.5; }
.perf__grid { display: grid; grid-template-columns: 1fr 1.3fr 1.2fr; gap: 14px; }
.perf__nums { display: flex; flex-direction: column; gap: 8px; }
.perf__num { display: flex; flex-direction: column; padding: 12px 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); }
.perf__num b { font-size: 20px; font-weight: 700; }
.perf__num span { font-size: 11.5px; color: var(--text-3); }
.perf__learn, .perf__top { padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); display: flex; flex-direction: column; gap: 8px; }
.perf__h { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.perf__posts { display: flex; flex-direction: column; gap: 6px; }
.perf__post { display: flex; gap: 10px; align-items: center; padding: 6px; border-radius: 10px; color: inherit; text-decoration: none; }
.perf__post:hover { background: var(--surface-2); }
.perf__post img, .perf__ph { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; flex: none; background: var(--surface-3); display: grid; place-items: center; color: var(--text-3); }
.perf__post > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.perf__post b { font-size: 12.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-list { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; line-height: 1.5; }
.lift-badge { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; padding: 1px 7px; border-radius: 99px; font-size: 11px; font-weight: 600; background: var(--neutral-soft); color: var(--text-2); white-space: nowrap; }
.lift-badge.is-up { background: var(--success-soft); color: var(--success); }
.posts-table .lift-badge { display: inline-flex; margin: 4px 0 0; }
.lift-card__val { display: block; font-size: 22px; font-weight: 700; margin: 4px 0 6px; }
.lift-card__val.is-up { color: var(--success); }
.strategy--learn { margin-top: 12px; }
.rp-head .page-head__actions { flex-wrap: wrap; }
.rp-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-bottom: 14px; }
.rp-kpi { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); }
.rp-kpi > span { font-size: 12px; color: var(--text-3); font-weight: 550; display: inline-flex; gap: 5px; align-items: center; }
.rp-kpi > b { font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
.rp-kpi > small { font-size: 11.5px; }
.rp-kpi--sales { border-color: var(--success-line); }
.rp-delta { display: inline-flex; align-items: center; gap: 2px; font-weight: 650; }
.rp-delta.is-up { color: var(--success); }
.rp-delta.is-down { color: var(--danger); }
.rp-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 14px; margin-bottom: 14px; }
.rp-card { margin-bottom: 14px; }
.rp-card__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 14px; }
.rp-card__head + .rp-card__head { margin-top: 16px; }
.rp-text { font-size: 14px; line-height: 1.6; margin: 0 0 8px; }
.rp-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 12px; }
.rp-group { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; }
.rp-bar { display: grid; grid-template-columns: 1fr 70px 44px; align-items: center; gap: 8px; }
.rp-bar__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-bar__track { height: 6px; border-radius: 6px; background: var(--surface-3); overflow: hidden; }
.rp-bar__track span { display: block; height: 100%; background: var(--primary); }
.rp-bar__val { text-align: right; font-weight: 600; }
.rp-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.rp-post { position: relative; display: flex; gap: 12px; padding: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.rp-post__rank { position: absolute; top: 6px; left: 6px; width: 22px; height: 22px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 11px; font-weight: 700; display: grid; place-items: center; }
.rp-post img, .rp-post__ph { width: 84px; height: 84px; border-radius: 10px; object-fit: cover; flex: none; background: var(--surface-3); display: grid; place-items: center; font-size: 24px; color: var(--text-3); }
.rp-post__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 12.5px; }
.rp-post__body b { font-weight: 600; }
.rp-lift { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--text-2); }
.rp-lift.is-up { color: var(--success); }
.rp-note { margin-top: 8px; }
.public-body { background: var(--bg); margin: 0; }
.public-main { max-width: 1040px; margin: 0 auto; padding: 28px 20px 40px; }
.public-foot { margin-top: 28px; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--text-3); font-size: 12px; }
@media (max-width: 900px) { .perf__grid, .rp-grid { grid-template-columns: 1fr; } }
@media print { .sidebar, .topbar, .page-head__actions, .back-link, .rp-history, .toast-stack { display: none !important; } .app--no-sidebar, main { padding: 0 !important; } .rp-card, .rp-kpi { break-inside: avoid; } }

/* Marka: "ekips" + yeşil güç simgesi (views/partials/brand.php) */
.brand { display: inline-flex; align-items: center; color: var(--text); text-decoration: none; font-family: "Poppins", var(--font-sans); font-weight: 700; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
.brand__word { display: inline-block; }
.brand__o { width: .86em; height: .86em; color: var(--accent); margin-left: .03em; transform: translateY(.04em); flex: none; }
.brand--sm { font-size: 16px; }
.brand--md { font-size: 24px; }
.brand--lg { font-size: 40px; }
.auth__panel .brand { color: var(--text); }
.auth__hero .brand { color: #fff; }
.public-foot .brand { font-size: 15px; }
/* Sosyal Medya › Genel Bakış: filtreli üst veri şeridi */
.sm-stats { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.sm-stats__bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
.sm-stats__bar .tabs { margin: 0; }
.sm-stats__meta { font-size: 11.5px; color: var(--text-3); }
.sm-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.sm-kpi { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); min-width: 0; }
.sm-kpi > span { font-size: 11.5px; color: var(--text-3); font-weight: 550; display: inline-flex; gap: 5px; align-items: center; }
.sm-kpi > b { font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.sm-kpi > small { font-size: 11px; display: inline-flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.sm-kpi--followers { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent-soft); }
@media (max-width: 640px) { .sm-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Marka: kenar çubuğu ve giriş panelinde daha büyük ve ortalı */
.sidebar__brand { justify-content: center; padding: 0 16px; }
.sidebar__brand .brand { font-size: 36px; }
.auth__panel .sidebar__brand { justify-content: flex-start; padding: 0; }
.auth__panel .brand { font-size: 32px; }
@media (max-width: 820px) { .sidebar__brand .brand { font-size: 26px; } }


/* Otomasyon › ajan ekibi kartları + açılır "son görevler" */
.agent-grid--settings .agent-card__head h3 { font-size: 14px; margin-bottom: 3px; }
.agent-grid--settings .agent-card p.small { font-size: 12px; line-height: 1.45; }
.agent-grid--settings .autonomy { margin-top: auto; }
.autonomy-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.autonomy-legend b { color: var(--text-2); font-weight: 600; }
.details-card > summary { cursor: pointer; list-style: none; user-select: none; }
.details-card > summary::-webkit-details-marker { display: none; }
.details-card[open] > summary .ph-caret-down { transform: rotate(180deg); }
.details-card .ph-caret-down { transition: transform .15s; vertical-align: -2px; }

/* "Değişen yer" kartı (sohbet) + alan vurgusu (?hl=…) */
.where-card { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 8px 10px; border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border)); background: var(--accent-soft); border-radius: var(--r-ctl); font-size: 12.5px; color: var(--text); text-decoration: none; }
.where-card:hover { border-color: var(--accent); }
.where-card > span { flex: 1; }
.where-card .ph-crosshair { color: var(--accent-text); font-size: 16px; }
.hl-flash { animation: hlFlash 3.2s ease-out; border-radius: var(--r-ctl); }
tr.hl-flash > td { animation: hlFlash 3.2s ease-out; }
@keyframes hlFlash {
  0% { box-shadow: 0 0 0 3px var(--accent); background-color: var(--accent-soft); }
  70% { box-shadow: 0 0 0 3px transparent; background-color: var(--accent-soft); }
  100% { box-shadow: none; background-color: transparent; }
}

/* Sol alt tanıtım kartı (Süper admin › Tasarım › Sol alt tanıtım kartı): koyu lacivert zemin, sağda küçültülmüş çanta görseli, solda yazı */
.side-ad { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 140px; margin: 0 0 10px; padding: 11px 12px 10px; border-radius: 12px; overflow: hidden;
  background: radial-gradient(85% 95% at 88% 20%, #1a5fd0 0%, #0c3290 26%, #071d58 55%, #030b2c 100%); border: 1px solid rgba(25, 195, 200, .25); color: #fff; text-decoration: none;
  box-shadow: 0 6px 18px rgba(11, 18, 64, .18); transition: transform .2s ease, box-shadow .2s ease; }
/* Görsel dikdörtgeninin kenarları görünmesin: maske, görselin kenarına varmadan tamamen söner (çanta merkezi ~%68/%42) */
.side-ad::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: var(--side-ad-img) right -8px top -8px / 70% auto no-repeat;
  -webkit-mask-image: radial-gradient(ellipse 31% 44% at 68% 42%, #000 48%, rgba(0, 0, 0, .55) 72%, transparent 100%);
  mask-image: radial-gradient(ellipse 31% 44% at 68% 42%, #000 48%, rgba(0, 0, 0, .55) 72%, transparent 100%); }
.side-ad::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(3, 11, 44, .25) 0%, rgba(3, 11, 44, 0) 25%, rgba(3, 11, 44, 0) 48%, rgba(3, 11, 44, .80) 72%, #030b2c 88%); }
.side-ad:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(11, 18, 64, .26); text-decoration: none; color: #fff; }
.side-ad > * { position: relative; z-index: 1; }
.side-ad__logo { width: 76px; height: auto; object-fit: contain; opacity: .95; }
.side-ad__copy { display: flex; flex-direction: column; gap: 3px; max-width: 150px; }
.side-ad__copy b { font-size: 13px; line-height: 1.2; font-weight: 650; letter-spacing: -.01em; }
.side-ad__copy small { font-size: 11px; font-weight: 500; color: #8ff0f2; letter-spacing: .01em; }
@media (max-height: 700px) { .sidebar .side-ad { display: none; } }
.sa-promo { display: grid; grid-template-columns: 1fr 232px; gap: 20px; align-items: start; }
.sa-promo__preview { max-width: 240px; } /* önizleme kenar çubuğu genişliğinde kalır */
.sa-promo__preview .side-ad { margin: 6px 0 0; }
@media (max-width: 800px) { .sa-promo { grid-template-columns: 1fr; } }

/* Ajan avatarı (Yönetici Ajan robot yüzü): rozet arka planı yerine yuvarlak resim */
.agent-tab__chip.has-avatar, .agent-ico.has-avatar, .topbar__lead-ico.has-avatar { background: transparent; box-shadow: none; padding: 0; border-radius: 50%; overflow: hidden; }
.has-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.agent-tab.is-active .agent-tab__chip.has-avatar { box-shadow: 0 0 0 2px var(--accent); }
.topbar__lead.is-active .topbar__lead-ico.has-avatar { box-shadow: 0 0 0 2px var(--accent); }

/* Genel Bakış › Pazar, Deneyler ve bağlantılar */
.market { margin-top: 28px; }
.market__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 16px; }
.market__card .card__head h3 { font-size: 13.5px; margin: 0; }
.market__form { display: flex; gap: 8px; align-items: center; }
.market__form .input { flex: 1; min-width: 0; }
.market__own td { background: var(--surface-2); }
.market__card form.inline { display: inline; }
.market__tags { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; }
.market__trends { margin: 0; padding-left: 18px; font-size: 12.5px; display: flex; flex-direction: column; gap: 4px; }
.market__bench { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border); }
.market .chip { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 10.5px; font-weight: 600; background: var(--surface-3); color: var(--text-2); }
.market .chip--niche { background: var(--primary-soft); color: var(--primary-text); }
.market .chip--balanced { background: var(--success-soft); color: var(--success); }
.market .chip--crowded { background: var(--danger-soft); color: var(--danger); }

/* Kelime araştırması + trend sekmeleri (Kategoriniz / Türkiye / Dünya) */
.market__form--stack { flex-wrap: wrap; }
.market__form--stack small { flex-basis: 100%; }
.kw { display: flex; flex-direction: column; gap: 4px; padding-bottom: 10px; border-bottom: 1px solid var(--border); font-size: 12.5px; }
.kw__tags { display: flex; flex-wrap: wrap; gap: 4px; }
.tr-tabs { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.tr-tabs > input { position: absolute; opacity: 0; pointer-events: none; }
.tr-tabs > label { padding: 5px 11px; border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--text-2); background: var(--surface-3); cursor: pointer; }
.tr-tabs > input:checked + label { background: var(--primary); color: var(--on-primary); }
.tr-tabs > input:focus-visible + label { box-shadow: var(--ring); }
.tr-pane { display: none; flex-basis: 100%; padding-top: 10px; }
#trtab-cat:checked ~ .tr-pane--cat, #trtab-tr:checked ~ .tr-pane--tr, #trtab-ww:checked ~ .tr-pane--ww { display: block; }
.tr-picks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 12.5px; }
.tr-sub { margin: 10px 0 4px; font-size: 11.5px; font-weight: 600; color: var(--text-2); }

/* İçerik planı hazırlanıyor ekranı (plan-prep.js) */
.pp-open, .pp-open body { overflow: hidden; }
.plan-prep { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px;
  background: color-mix(in srgb, #071226 62%, transparent); backdrop-filter: blur(6px); animation: ppFade .25s ease-out; }
.plan-prep[hidden] { display: none; }
@keyframes ppFade { from { opacity: 0; } }
.pp { width: min(880px, 100%); max-height: calc(100vh - 32px); overflow: auto; display: grid; grid-template-columns: 300px 1fr; border-radius: 22px;
  background: var(--surface); box-shadow: 0 30px 80px -20px rgba(4, 12, 30, .55); animation: ppRise .35s cubic-bezier(.2, .8, .2, 1); }
@keyframes ppRise { from { transform: translateY(14px) scale(.98); opacity: 0; } }
.pp__side { padding: 26px 22px; color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px;
  background: radial-gradient(120% 80% at 50% 0%, #1d4a8f 0%, #0f2347 55%, #08142c 100%); border-radius: 22px 0 0 22px; }
.pp__side h2 { font-size: 18px; margin: 10px 0 0; color: #fff; }
.pp__brand { margin: 0; font-size: 12.5px; color: #b9c8e6; }
.pp__agent { position: relative; width: 84px; height: 84px; display: grid; place-items: center; }
.pp__agent img { position: relative; z-index: 1; width: 72px; height: 72px; border-radius: 50%; animation: ppBob 2.6s ease-in-out infinite; }
.pp__ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(116, 232, 26, .55); animation: ppPulse 2.2s ease-out infinite; }
.pp__ring--2 { animation-delay: 1.1s; }
@keyframes ppPulse { from { transform: scale(.85); opacity: .9; } to { transform: scale(1.45); opacity: 0; } }
@keyframes ppBob { 50% { transform: translateY(-3px); } }
.pp__mosaic { position: relative; margin-top: 14px; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border-radius: 14px; overflow: hidden; }
.pp__tile { aspect-ratio: 1; border-radius: 9px; overflow: hidden; background: rgba(255, 255, 255, .08); display: grid; place-items: center; color: rgba(255, 255, 255, .35); font-size: 20px;
  animation: ppTile 3.4s ease-in-out infinite; animation-delay: var(--d); }
.pp__tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
@keyframes ppTile { 0%, 100% { opacity: .55; transform: scale(.96); } 45% { opacity: 1; transform: scale(1); box-shadow: 0 0 0 2px rgba(116, 232, 26, .7); } }
.pp__scan { position: absolute; left: 0; right: 0; height: 38%; top: -40%; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(116, 232, 26, .22) 60%, rgba(116, 232, 26, .55) 98%, transparent); animation: ppScan 2.8s linear infinite; }
@keyframes ppScan { to { top: 102%; } }
.pp__caption { margin: 8px 0 0; font-size: 11.5px; color: #b9c8e6 !important; min-height: 2.6em; }
.pp__main { padding: 24px 26px 20px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.pp__head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 14px; }
.pp__time { font-variant-numeric: tabular-nums; font-size: 12px; color: var(--text-3); }
.pp__bar { height: 6px; border-radius: 99px; background: var(--surface-3); overflow: hidden; }
.pp__bar span { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--accent), #2fd3c7); transition: width .3s linear; }
.pp__steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.pp__step { display: flex; gap: 10px; align-items: flex-start; font-size: 12.5px; opacity: .45; transition: opacity .3s; }
.pp__step b { display: block; font-weight: 600; color: var(--text); }
.pp__step small { display: block; color: var(--text-3); font-size: 11.5px; line-height: 1.35; }
.pp__step.is-active, .pp__step.is-done { opacity: 1; }
.pp__ico { flex: none; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: var(--surface-3); color: var(--text-2); font-size: 14px; position: relative; }
.pp__ico .pp__i2 { display: none; font-weight: 700; }
.pp__step.is-active .pp__ico { background: var(--accent-soft); color: var(--accent-text); box-shadow: 0 0 0 0 rgba(98, 210, 0, .5); animation: ppGlow 1.4s ease-out infinite; }
.pp__step.is-done .pp__ico { background: var(--accent); color: #0F2347; }
.pp__step.is-done .pp__ico .pp__i1 { display: none; }
.pp__step.is-done .pp__ico .pp__i2 { display: block; }
@keyframes ppGlow { to { box-shadow: 0 0 0 7px rgba(98, 210, 0, 0); } }
.pp__week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; padding-top: 10px; border-top: 1px solid var(--border); }
.pp__day { display: flex; flex-direction: column; gap: 5px; align-items: stretch; text-align: center; }
.pp__day small { font-size: 10.5px; color: var(--text-3); font-weight: 600; }
.pp__card { height: 34px; border-radius: 8px; border: 1.5px dashed var(--border-strong, var(--border)); font-size: 10px; font-weight: 650; display: grid; place-items: center; color: transparent; }
.pp__card.is-on { border-style: solid; color: #fff; animation: ppDrop .45s cubic-bezier(.2, .9, .3, 1.3); }
.pp__card--reel { background: linear-gradient(135deg, #e1306c, #f77737); border-color: transparent; }
.pp__card--carousel { background: linear-gradient(135deg, #1f4a8a, #3b82f6); border-color: transparent; }
.pp__card--post { background: linear-gradient(135deg, #3c8a00, #62d200); border-color: transparent; }
.pp__card--story { background: linear-gradient(135deg, #7c3aed, #c084fc); border-color: transparent; }
@keyframes ppDrop { from { transform: translateY(-10px) scale(.9); opacity: 0; } }
.pp__note { margin: 0; font-size: 11.5px; }
@media (max-width: 760px) {
  .pp { grid-template-columns: 1fr; }
  .pp__side { border-radius: 22px 22px 0 0; padding: 20px 18px; }
  .pp__mosaic { max-width: 240px; }
}
@media (prefers-reduced-motion: reduce) {
  .pp__tile, .pp__scan, .pp__ring, .pp__agent img, .pp__step.is-active .pp__ico, .pp__card.is-on, .pp, .plan-prep { animation: none !important; }
  .pp__scan { display: none; }
}

/* Otomasyon › Çalışma modu › Gelişmiş: uzman bazında çalışma */
.adv { border-top: 1px solid var(--border); padding-top: 12px; }
.adv > summary { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; cursor: pointer; list-style: none; font-size: 13px; user-select: none; }
.adv > summary::-webkit-details-marker { display: none; }
.adv > summary .ph-caret-right { transition: transform .15s; color: var(--text-3); }
.adv[open] > summary .ph-caret-right { transform: rotate(90deg); }
.adv > summary .muted { margin-left: auto; }
.adv[open] > summary { margin-bottom: 10px; }
.adv .agent-override { justify-content: flex-start; }
.adv .agent-override__name { flex: 1; min-width: 0; }
.adv .agent-override .select { width: auto; min-width: 150px; }

/* Plan listesi: satır sonunda sil düğmesi */
.list__item .list__act { margin-right: 12px; flex: none; }
.list__item .list__act .btn:hover { color: var(--danger); }

/* Ekip akışı: işin yapıldığı yere bağlantı + görsel önizleme */
.brief-item__title a { color: inherit; text-decoration: none; }
.brief-item__title a:hover { text-decoration: underline; }
.brief-item__thumbs { display: flex; gap: 6px; margin-top: 6px; text-decoration: none; }
.brief-thumb { position: relative; width: 64px; height: 64px; border-radius: 10px; overflow: hidden; background: var(--surface-3); flex: none; border: 1px solid var(--border); transition: transform .15s; }
.brief-item__thumbs:hover .brief-thumb { transform: translateY(-1px); }
.brief-thumb img, .brief-thumb video { width: 100%; height: 100%; object-fit: cover; display: block; }
.brief-thumb--video .ph-play { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 18px; text-shadow: 0 1px 6px rgba(0, 0, 0, .5); }
.brief-item__go { align-self: flex-start; margin-top: 4px; font-size: 12px; font-weight: 600; color: var(--primary-text); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.brief-item__go:hover { text-decoration: underline; }

/* Otomasyon › Gelişmiş: işe göre onay kuralları */
.rules-block { padding: 12px; border-radius: var(--r-ctl); background: var(--surface-2); margin-bottom: 14px; }
.rules-block__h { display: flex; align-items: center; gap: 6px; font-size: 13px; margin: 4px 0; }
.rules-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 8px; }
.rule-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border: 1px solid var(--border); border-radius: var(--r-ctl); background: var(--surface); }
.rule-row > span { display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; min-width: 0; }
.rule-row small { color: var(--text-3); font-size: 11px; line-height: 1.35; }
.rule-row .select { width: auto; min-width: 150px; flex: none; }
.rule-row--sm { padding: 6px 10px; }
.agent-block { border: 1px solid var(--border); border-radius: var(--r-ctl); }
.agent-block .agent-override { border: 0; }
.agent-block.is-off { opacity: .55; }
.agent-tasks { padding: 0 12px 10px 58px; }
.agent-tasks > summary { cursor: pointer; list-style: none; font-size: 12px; font-weight: 600; color: var(--text-2); display: inline-flex; align-items: center; gap: 4px; }
.agent-tasks > summary::-webkit-details-marker { display: none; }
.agent-tasks[open] > summary { margin-bottom: 8px; }
.agent-tasks[open] > summary .ph-caret-right { transform: rotate(90deg); }
.auto-where { margin: -6px 0 14px; }
/* Yönetici Ajan › Onaylar */
.side-card--approvals { border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); }
.side-card--approvals { flex: none; } /* ekip akışı uzasa da onaylar ezilmez */
.chat-side .side-card--approvals .pending { max-height: 48vh; }
.chat-side .side-card--approvals .action-card__btns { flex-wrap: wrap; }
.side-card__hint { margin: -4px 16px 8px; }
.decided { border-top: 1px solid var(--border); padding: 8px 16px 12px; }
.decided > summary { cursor: pointer; font-size: 12px; font-weight: 600; color: var(--text-2); list-style: none; display: flex; align-items: center; gap: 6px; }
.decided > summary::-webkit-details-marker { display: none; }
.decided ul { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.decided li { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; }
.decided__t { display: flex; flex-direction: column; min-width: 0; }
.decided__st { flex: none; font-size: 10.5px; font-weight: 650; padding: 1px 7px; border-radius: 99px; background: var(--surface-3); color: var(--text-2); }
.decided__st--executed { background: var(--success-soft); color: var(--success); }
.decided__st--rejected { background: var(--surface-3); }
.decided__st--failed { background: var(--danger-soft); color: var(--danger); }

/* Önizleme penceresi (app.js): büyüt düğmesi + tam ekran görsel/video */
.zoom-btn { position: absolute; top: 6px; right: 6px; z-index: 3; width: 28px; height: 28px; border: 0; border-radius: 50%; display: grid; place-items: center; cursor: pointer;
  background: rgba(8, 18, 40, .62); color: #fff; font-size: 15px; opacity: 0; transform: scale(.9); transition: opacity .15s, transform .15s; backdrop-filter: blur(4px); }
.zoomable:hover > .zoom-btn, .zoom-btn:focus-visible { opacity: 1; transform: scale(1); }
.zoom-btn:hover { background: rgba(8, 18, 40, .85); }
@media (hover: none) { .zoom-btn { opacity: .9; transform: none; } }
.brief-thumb .zoom-btn, .thumb .zoom-btn, .studio-source .zoom-btn, .src-picker__chip .zoom-btn, .pcard__product .zoom-btn { width: 22px; height: 22px; font-size: 12px; top: 3px; right: 3px; }
.lb-open, .lb-open body { overflow: hidden; }
.lb { position: fixed; inset: 0; z-index: 1100; background: rgba(4, 10, 24, .92); display: grid; place-items: center; animation: lbIn .18s ease-out; }
.lb[hidden] { display: none; }
@keyframes lbIn { from { opacity: 0; } }
.lb__stage { width: 100%; height: 100%; display: grid; place-items: center; padding: 56px 72px 64px; box-sizing: border-box; }
.lb__media { max-width: calc(100vw - 144px); max-height: calc(100vh - 120px); width: auto; height: auto; object-fit: contain; border-radius: 10px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); background: #000; }
img.lb__media { background: transparent; }
.lb__btn { position: absolute; border: 0; cursor: pointer; display: grid; place-items: center; color: #fff; background: rgba(255, 255, 255, .12); border-radius: 50%; transition: background .15s; }
.lb__btn:hover { background: rgba(255, 255, 255, .24); }
.lb__close { top: 14px; right: 14px; width: 40px; height: 40px; font-size: 20px; }
.lb__nav { top: 50%; width: 46px; height: 46px; font-size: 22px; transform: translateY(-50%); }
.lb__prev { left: 14px; } .lb__next { right: 14px; }
.lb__nav[hidden] { display: none; }
.lb__bar { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 16px; padding: 14px 20px; color: #cfd8ea; font-size: 12.5px; }
.lb__alt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lb__link { color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; opacity: .85; }
.lb__link:hover { opacity: 1; text-decoration: underline; }
@media (max-width: 640px) { .lb__stage { padding: 56px 8px 64px; } .lb__media { max-width: calc(100vw - 16px); } .lb__nav { display: none; } .lb__bar { flex-wrap: wrap; gap: 8px 14px; } }

/* Bekleyen onay: sohbet mesajı + sayfa bildirimi */
.msg--notice .msg__bubble { border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border)); background: var(--accent-soft); }
.notice-list { list-style: none; margin: 6px 0 4px; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; }
.notice-list li { display: flex; flex-direction: column; gap: 1px; }
.notice-list small { color: var(--text-3); font-size: 11px; }
.pending-pop { position: fixed; z-index: 90; width: min(340px, calc(100vw - 24px)); display: flex; gap: 10px; align-items: flex-start; padding: 12px 12px 12px 14px; border-radius: 14px;
  background: var(--surface); border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border)); box-shadow: 0 16px 40px -12px rgba(8, 18, 40, .35); animation: popIn .25s cubic-bezier(.2, .9, .3, 1.2); }
.pending-pop::before { content: ""; position: absolute; top: -7px; right: 38px; width: 12px; height: 12px; background: var(--surface); border-left: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border)); border-top: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border)); transform: rotate(45deg); }
@keyframes popIn { from { opacity: 0; transform: translateY(-6px) scale(.97); } }
.pending-pop__ico { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent-text); font-size: 17px; }
.pending-pop__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; font-size: 13px; }
.pending-pop__body small { color: var(--text-3); font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pending-pop__btns { display: flex; gap: 6px; margin-top: 6px; }
.pending-pop__x { flex: none; border: 0; background: none; color: var(--text-3); cursor: pointer; padding: 2px; font-size: 15px; }

/* Medya kütüphanesi: kenar çubuğu nötr menüyle (logo + uzmanlara dönüş) */
.agent-tab--media { --ag1: #0F2347; --ag2: #62D200; }
.nav--media .nav__label { display: block; margin: 14px 12px 6px; font-size: 11px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; color: var(--text-3); }
.agent-tab__chip--xs { width: 24px !important; height: 24px !important; border-radius: 8px !important; font-size: 13px; }
.agent-tab__chip--xs .ph-fill { font-size: 13px !important; }
.nav--media .nav__item small { margin-left: auto; font-size: 10.5px; }

.nav--media .nav__count { margin-left: auto; font-size: 11px; font-weight: 600; color: var(--text-3); font-variant-numeric: tabular-nums; }
.nav--media .nav__item.is-active .nav__count { color: inherit; }
.media-lib--wide { grid-template-columns: minmax(0, 1fr); }

/* Rakipler: profil formu + Rakip Analizi sayfası */
.comp-rows { display: flex; flex-direction: column; gap: 10px; }
.comp-row { position: relative; padding: 12px 44px 12px 12px; border: 1px solid var(--border); border-radius: var(--r-ctl); background: var(--surface-2); }
.comp-row__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.comp-row__mk { grid-column: 1 / -1; }
.comp-row__mk textarea { min-height: 56px; font-size: 12.5px; }
.comp-row__rm { position: absolute; top: 10px; right: 8px; }
@media (max-width: 760px) { .comp-row__grid { grid-template-columns: 1fr; } }
.comp-table__own td { background: var(--surface-2); }
.comp-note { padding: 10px 16px 14px; margin: 0; }
.comp-card__actions { display: flex; align-items: center; gap: 10px; }
.comp-links { display: flex; flex-wrap: wrap; gap: 6px; }
.chip-link { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; background: var(--surface-3); color: var(--text-2); font-size: 12px; text-decoration: none; }
.chip-link:hover { color: var(--text); }
.comp-sources { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
.comp-src { border: 1px solid var(--border); border-radius: var(--r-ctl); padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
.comp-src--blocked, .comp-src--error { background: var(--surface-2); }
.comp-src__head { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; }
.comp-src__st { font-size: 11px; color: var(--text-3); display: inline-flex; align-items: center; gap: 4px; }
.comp-src--ok .comp-src__st .ph-fill { color: var(--success-solid); }
.comp-src--partial .comp-src__st .ph-fill { color: var(--warning, #d97706); }
.comp-kv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; margin: 0; font-size: 12px; }
.comp-kv dt { color: var(--text-3); font-size: 11px; }
.comp-kv dd { margin: 0; font-weight: 600; }
.comp-prods { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
.comp-prod { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: var(--text); font-size: 11.5px; }
.comp-prod__img { aspect-ratio: 1; border-radius: 10px; overflow: hidden; background: var(--surface-3); border: 1px solid var(--border); }
.comp-prod__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.comp-prod__name { line-height: 1.3; color: var(--text-2); }
.comp-prod__price { font-weight: 650; }
.comp-changes { padding: 10px 12px; border-radius: var(--r-ctl); background: var(--accent-soft); font-size: 12.5px; }
.comp-changes ul { margin: 6px 0 0; padding-left: 18px; }
.comp-ai { border-top: 1px solid var(--border); padding-top: 12px; display: flex; flex-direction: column; gap: 10px; }
.comp-ai__pos { margin: 0; font-size: 13px; }
.comp-ai__pos .ph-fill { color: var(--accent-text); }
.comp-ai__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; font-size: 12.5px; }
.comp-ai__grid ul { margin: 4px 0 0; padding-left: 18px; color: var(--text-2); }
.spin { animation: spin 1s linear infinite; display: inline-block; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Rakip Analizi › Ürün eşleşmeleri */
.comp-match { border-top: 1px solid var(--border); padding-top: 12px; }
.comp-match__list { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.comp-pair { display: grid; grid-template-columns: minmax(0, 1fr) 120px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px; border: 1px solid var(--border); border-radius: var(--r-ctl); }
.comp-pair__side { display: flex; gap: 10px; align-items: center; text-decoration: none; color: var(--text); min-width: 0; font-size: 12px; }
.comp-pair__side > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.comp-pair__side b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.comp-pair__img { flex: none; width: 54px; height: 54px; border-radius: 8px; overflow: hidden; background: var(--surface-3); }
.comp-pair__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.comp-pair__mid { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; font-size: 11px; }
.comp-pair__tag { padding: 2px 8px; border-radius: 999px; font-weight: 650; font-size: 10.5px; background: var(--surface-3); color: var(--text-2); }
.comp-pair__tag--same { background: var(--danger-soft); color: var(--danger); }
.comp-pair__tag--sim { background: var(--primary-soft); color: var(--primary-text); }
.comp-pair__ai { grid-column: 1 / -1; margin: 0; color: var(--text-2); }
@media (max-width: 700px) { .comp-pair { grid-template-columns: 1fr; } .comp-pair__mid { flex-direction: row; justify-content: flex-start; } }
/* ===== Video Düzenleyici (CapCut benzeri; her temada koyu çalışma alanı) ===== */
.content:has(> .ve) { max-width: none; padding: 14px 16px 16px; gap: 0; }
.ve { --ve-bg: #0d1424; --ve-s1: #141d31; --ve-s2: #1b2640; --ve-s3: #243150; --ve-line: #2a3858; --ve-tx: #e8eefb; --ve-tx2: #9fb0cf; --ve-acc: #62D200;
  display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: calc(100vh - var(--topbar-h) - 30px); min-height: 620px;
  background: var(--ve-bg); color: var(--ve-tx); border-radius: var(--r-card); overflow: hidden; border: 1px solid #0a1020; }
.ve .muted { color: var(--ve-tx2); }
.ve .btn { background: var(--ve-s2); color: var(--ve-tx); border-color: var(--ve-line); }
.ve .btn:hover { background: var(--ve-s3); }
.ve .btn--ghost { background: transparent; border-color: transparent; }
.ve .btn--ghost:hover { background: var(--ve-s2); }
.ve .btn--primary { background: var(--ve-acc); color: #0F2347; border-color: var(--ve-acc); font-weight: 600; }
.ve .btn--primary:hover { background: #55B900; }
.ve .input, .ve .select, .ve textarea { background: var(--ve-s2); color: var(--ve-tx); border-color: var(--ve-line); }
.ve .field__label { color: var(--ve-tx2); font-size: 12px; display: flex; justify-content: space-between; gap: 8px; }
.ve .field { display: flex; flex-direction: column; gap: 4px; margin: 0 0 10px; }
.ve .check { display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 0 0 10px; }
.ve input[type=range] { width: 100%; accent-color: var(--ve-acc); }
.ve input[type=color] { width: 100%; height: 30px; border: 1px solid var(--ve-line); border-radius: var(--r-sm); background: var(--ve-s2); padding: 2px; }
.ve__top { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--ve-s1); border-bottom: 1px solid var(--ve-line); }
.ve__title { max-width: 320px; height: 34px; font-weight: 600; }
.ve__spacer { flex: 1; }
.ve__body { display: grid; grid-template-columns: 300px minmax(0, 1fr) 280px; min-height: 0; }
.ve__panel, .ve__props { background: var(--ve-s1); min-height: 0; overflow: auto; }
.ve__panel { border-right: 1px solid var(--ve-line); display: flex; flex-direction: column; }
.ve__props { border-left: 1px solid var(--ve-line); padding: 14px; }
.ve-tabs { display: grid; grid-template-columns: repeat(6, 1fr); border-bottom: 1px solid var(--ve-line); position: sticky; top: 0; background: var(--ve-s1); z-index: 2; }
.ve-tab { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 9px 2px 7px; background: none; border: 0; color: var(--ve-tx2); font-size: 10.5px; cursor: pointer; border-bottom: 2px solid transparent; }
.ve-tab i { font-size: 19px; }
.ve-tab:hover { color: var(--ve-tx); }
.ve-tab.is-on { color: var(--ve-acc); border-bottom-color: var(--ve-acc); }
.ve-panel__body { padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.ve-seg { display: flex; background: var(--ve-s2); border-radius: var(--r-ctl); padding: 3px; gap: 3px; }
.ve-seg > * { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 6px; border: 0; border-radius: 7px; background: none; color: var(--ve-tx2); font-size: 13px; cursor: pointer; }
.ve-seg > .is-on, .ve-seg label:has(input:checked) { background: var(--ve-s3); color: var(--ve-tx); }
.ve-seg input { accent-color: var(--ve-acc); }
.ve-upload { cursor: pointer; justify-content: center; }
.ve-media { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.ve-m { position: relative; aspect-ratio: 3 / 4; border-radius: 8px; overflow: hidden; background: #000; }
.ve-m img, .ve-m video { width: 100%; height: 100%; object-fit: cover; display: block; }
.ve-m__play { position: absolute; left: 6px; top: 6px; font-size: 14px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.6); }
.ve-m__acts { position: absolute; inset: auto 6px 6px auto; display: flex; gap: 4px; opacity: 0; transition: opacity .15s; }
.ve-m:hover .ve-m__acts, .ve-m:focus-within .ve-m__acts { opacity: 1; }
.ve-presets { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.ve-preset { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 84px; padding: 10px 6px; background: var(--ve-s2); border: 1px solid var(--ve-line); border-radius: 10px; color: var(--ve-tx2); cursor: pointer; }
.ve-preset:hover { border-color: var(--ve-acc); }
.ve-preset span { font-weight: 800; font-size: 15px; padding: 2px 8px; border-radius: 4px; text-align: center; line-height: 1.2; }
.ve-preset small { font-size: 11px; }
.ve-audios { display: flex; flex-direction: column; gap: 6px; }
.ve-a { display: flex; align-items: center; gap: 8px; padding: 6px 8px; background: var(--ve-s2); border-radius: 8px; }
.ve-a span { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ve-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
.ve-chip { display: flex; align-items: center; gap: 7px; padding: 9px 10px; background: var(--ve-s2); border: 1px solid var(--ve-line); border-radius: 9px; color: var(--ve-tx); font-size: 13px; cursor: pointer; }
.ve-chip:hover, .ve-chip.is-on { border-color: var(--ve-acc); }
.ve-chip.is-on { background: rgba(98, 210, 0, .12); }
.ve-filters { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ve-filter { display: flex; flex-direction: column; gap: 4px; padding: 0; background: none; border: 0; color: var(--ve-tx2); font-size: 11.5px; cursor: pointer; }
.ve-filter span { display: block; aspect-ratio: 1; border-radius: 8px; background: linear-gradient(135deg, #e9a27a, #6d8fd6) center / cover; border: 2px solid transparent; }
.ve-filter.is-on span { border-color: var(--ve-acc); }
.ve-filter:disabled { opacity: .45; cursor: not-allowed; }
.ve-ai { display: flex; flex-direction: column; gap: 6px; }
.ve-ais { display: flex; justify-content: space-between; align-items: center; gap: 8px; text-align: left; padding: 8px 10px; background: var(--ve-s2); border: 1px solid var(--ve-line); border-radius: 8px; color: var(--ve-tx); font-size: 13px; cursor: pointer; }
.ve-ais:hover { border-color: var(--ve-acc); }
.ve-ais.is-used { opacity: .55; }
.ve__stage { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: #070b14; }
.ve__canvas-wrap { flex: 1; min-height: 0; display: grid; place-items: center; overflow: hidden; }
.ve__canvas-wrap canvas { display: block; background: #000; box-shadow: 0 10px 40px rgba(0,0,0,.5); border-radius: 4px; }
.ve__transport { display: flex; align-items: center; gap: 8px; padding: 6px 12px; border-top: 1px solid var(--ve-line); background: var(--ve-s1); }
.ve .ve__play.btn { width: 40px; height: 40px; border-radius: 50%; background: var(--ve-tx); color: #0d1424; border: 0; font-size: 18px; }
.ve .ve__play.btn:hover { background: #fff; }
.ve__time { font-size: 13px; color: var(--ve-tx2); font-variant-numeric: tabular-nums; }
.ve__transport .select { width: auto; }
.ve-props__h { font-size: 14px; margin: 0 0 12px; display: flex; align-items: center; gap: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ve-props__sub { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--ve-tx2); margin: 16px 0 8px; }
.ve-props__acts { display: flex; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--ve-line); }
.ve-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ve-keys { display: flex; flex-direction: column; gap: 3px; margin-top: 14px; padding: 10px; background: var(--ve-s2); border-radius: 8px; }
.ve__tl { background: var(--ve-s1); border-top: 1px solid var(--ve-line); }
.ve__tools { display: flex; align-items: center; gap: 6px; padding: 5px 10px; border-bottom: 1px solid var(--ve-line); }
.ve__tools input[type=range] { width: 130px; }
.ve__tracks { display: grid; grid-template-columns: 130px minmax(0, 1fr); max-height: 260px; overflow-y: auto; }
.ve__labels { display: flex; flex-direction: column; padding-top: 25px; border-right: 1px solid var(--ve-line); }
.ve__labels span { display: flex; align-items: center; gap: 6px; padding: 0 10px; font-size: 12px; color: var(--ve-tx2); height: 37px; }
.ve__labels span:nth-child(2) { height: 67px; }
.ve__scroll { position: relative; overflow-x: auto; overflow-y: hidden; user-select: none; }
.ve__scroll > * { width: var(--tlw, 2000px); }
.ve__ruler { position: relative; height: 24px; border-bottom: 1px solid var(--ve-line); cursor: pointer; }
.ve__tick { position: absolute; top: 0; height: 24px; border-left: 1px solid var(--ve-line); padding: 4px 0 0 4px; font-size: 10px; color: var(--ve-tx2); font-variant-numeric: tabular-nums; width: auto !important; }
.ve__row { position: relative; min-height: 36px; border-bottom: 1px solid rgba(42, 56, 88, .6); }
.ve__row--main { height: 66px; background: rgba(255,255,255,.015); }
.ve-clip { position: absolute; height: 26px; top: 3px; border-radius: 6px; overflow: hidden; cursor: grab; display: flex; align-items: center; font-size: 11.5px; color: #fff; border: 2px solid transparent; box-sizing: border-box; }
.ve-clip:active { cursor: grabbing; }
.ve-clip.is-sel { border-color: #fff; box-shadow: 0 0 0 2px var(--ve-acc); z-index: 3; }
.ve-clip--video, .ve-clip--image { top: 5px; height: 56px; background: #2a3a60 left center / auto 100% repeat-x; }
.ve-clip--video::before, .ve-clip--image::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.65)); }
.ve-clip--text { background: #7c4ddb; }
.ve-clip--ov-image { background: #d27c1e; }
.ve-clip--audio { background: #138a6e; background-image: repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 2px, transparent 2px 6px); }
.ve-clip__lbl { position: relative; padding: 0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 4px; pointer-events: none; }
.ve-clip--video .ve-clip__lbl, .ve-clip--image .ve-clip__lbl { align-self: flex-end; padding-bottom: 4px; }
.ve-h { position: absolute; top: 0; bottom: 0; width: 8px; cursor: ew-resize; z-index: 2; }
.ve-h--l { left: 0; } .ve-h--r { right: 0; }
.ve-clip.is-sel .ve-h { background: rgba(255,255,255,.85); }
.ve-tr { position: absolute; top: 18px; height: 30px; z-index: 4; border-radius: 6px; background: rgba(98, 210, 0, .35); border: 1px dashed var(--ve-acc); pointer-events: none; }
.ve__scroll > .ve__playhead { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: #ff3b5c; pointer-events: none; z-index: 5; }
.ve__playhead span { position: absolute; top: 0; left: -5px; width: 12px; height: 12px; background: #ff3b5c; border-radius: 2px 2px 6px 6px; }
.ve-export { position: fixed; inset: 0; z-index: 1200; background: rgba(5, 9, 18, .7); display: grid; place-items: center; padding: 16px; }
.ve-export[hidden] { display: none; }
.ve-export__box { width: min(480px, 100%); background: var(--surface); color: var(--text); border-radius: var(--r-card); padding: 22px; box-shadow: var(--shadow-pop); display: flex; flex-direction: column; gap: 12px; }
.ve-export__box h3 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 17px; }
.ve-export__box .ve-seg { background: var(--surface-3); }
.ve-export__box .ve-seg > * { color: var(--text-2); }
.ve-export__box .ve-seg label:has(input:checked) { background: var(--surface); color: var(--text); }
.ve-export__acts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.ve-bar { height: 10px; background: var(--surface-3); border-radius: 99px; overflow: hidden; }
.ve-bar span { display: block; height: 100%; background: var(--accent); transition: width .4s var(--ease); }
.ve-result { width: 100%; max-height: 50vh; background: #000; border-radius: 8px; }
.ve-spin { animation: ve-spin 1s linear infinite; }
@keyframes ve-spin { to { transform: rotate(360deg); } }
@media (max-width: 1180px) { .ve__body { grid-template-columns: 260px minmax(0, 1fr); } .ve__props { display: none; } }
@media (max-width: 760px) { .ve { height: auto; } .ve__body { grid-template-columns: 1fr; } .ve__panel { max-height: 300px; } .ve__canvas-wrap { height: 52vh; } }
/* Video projeleri listesi */
.vl-grid { display: grid; grid-template-columns: minmax(280px, 380px) minmax(0, 1fr); gap: 20px; align-items: start; }
.vl-aspects { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.vl-aspect { position: relative; }
.vl-aspect input { position: absolute; opacity: 0; }
.vl-aspect__box { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 8px; border: 1px solid var(--border-strong); border-radius: var(--r-ctl); cursor: pointer; text-align: center; }
.vl-aspect__box small { color: var(--text-3); font-size: 11px; }
.vl-aspect__shape { display: block; height: 44px; max-width: 70px; border-radius: 4px; background: var(--primary-soft-2); border: 2px solid var(--primary); }
.vl-aspect input:checked + .vl-aspect__box { border-color: var(--accent); box-shadow: var(--ring); }
.vl-aspect input:focus-visible + .vl-aspect__box { box-shadow: var(--ring); }
@media (max-width: 860px) { .vl-grid { grid-template-columns: 1fr; } }

/* Video Düzenleyici: telifsiz müzik kütüphanesi */
.ve-moods { display: flex; flex-wrap: wrap; gap: 5px; }
.ve-mood { padding: 4px 10px; border-radius: 99px; border: 1px solid var(--ve-line); background: var(--ve-s2); color: var(--ve-tx2); font-size: 12px; cursor: pointer; }
.ve-mood:hover { color: var(--ve-tx); }
.ve-mood.is-on { background: rgba(98, 210, 0, .16); border-color: var(--ve-acc); color: var(--ve-tx); }
.ve-a small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Video Düzenleyici: yapay zekâ ile kurgu */
.ve-aibox { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 12px; background: linear-gradient(160deg, rgba(98, 210, 0, .12), rgba(91, 52, 224, .14)); border: 1px solid rgba(98, 210, 0, .35); }
.ve-aibox__t { display: flex; align-items: center; gap: 6px; font-size: 14px; }
.ve-aibox__t i { color: var(--ve-acc); }
.ve-aibox p { margin: 0; }
.ve-aibox textarea { resize: vertical; min-height: 84px; }
.ve-aibox .field, .ve-aibox .check { margin: 0; }
.ve-aibox__lib { align-self: end; font-size: 12px !important; padding-bottom: 6px; }
.ve-aiex { display: flex; flex-wrap: wrap; gap: 5px; }
.ve-aiex__b { padding: 4px 9px; border-radius: 99px; border: 1px solid var(--ve-line); background: var(--ve-s2); color: var(--ve-tx2); font-size: 11.5px; cursor: pointer; text-align: left; }
.ve-aiex__b:hover { color: var(--ve-tx); border-color: var(--ve-acc); }
.ve-ailog { display: flex; flex-direction: column; gap: 8px; }
.ve-ailog__i { display: flex; flex-direction: column; gap: 4px; padding: 9px 10px; border-radius: 10px; background: var(--ve-s2); border-left: 3px solid var(--ve-acc); }
.ve-ailog__i.is-err { border-left-color: #ff5a6e; }
.ve-ailog__q { font-size: 12.5px; font-weight: 600; display: flex; gap: 6px; align-items: baseline; }
.ve-ailog__i ul { margin: 2px 0 0; padding-left: 16px; font-size: 12px; color: var(--ve-tx2); display: flex; flex-direction: column; gap: 2px; }
.ve-aisub { border-top: 1px solid var(--ve-line); padding-top: 8px; }
.ve-aisub summary { cursor: pointer; font-size: 12.5px; color: var(--ve-tx2); }
.ve-aisub[open] { display: flex; flex-direction: column; gap: 8px; }
.ve__canvas-wrap { position: relative; }
.ve-busy { position: absolute; inset: 0; z-index: 6; display: grid; place-items: center; background: rgba(7, 11, 20, .78); backdrop-filter: blur(3px); }
.ve-busy__box { width: min(340px, 86%); display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; padding: 22px; border-radius: 16px; background: var(--ve-s1); border: 1px solid var(--ve-line); box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.ve-busy__box b { font-size: 16px; }
.ve-busy__box small { color: var(--ve-tx2); font-size: 12px; }
.ve-busy__box .ve-bar { width: 100%; background: var(--ve-s3); }
.ve-busy__box .ve-bar span { background: var(--ve-acc); }
.ve-busy__ic { font-size: 34px; color: var(--ve-acc); animation: ve-pulse 1.4s ease-in-out infinite; }
@keyframes ve-pulse { 50% { transform: scale(1.18); opacity: .7; } }
@media (prefers-reduced-motion: reduce) { .ve-busy__ic, .ve-spin { animation: none; } }
.vl-ai textarea { min-height: 96px; }
.vl-ai__row { display: flex; gap: 10px; }
.vl-ai__row .field { flex: 1; }

/* Yeni müşteri kurulumu: sohbetin üstünde ilerleme şeridi */
.onb { margin: 0 0 10px; padding: 12px 14px; border: 1px solid var(--accent-soft); background: linear-gradient(135deg, var(--accent-soft), var(--primary-soft)); border-radius: var(--r-card); display: flex; flex-direction: column; gap: 8px; }
.onb__head { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 14px; }
.onb__head b { display: flex; align-items: center; gap: 6px; color: var(--primary); }
.onb__head b i { color: var(--accent-text); }
.onb__pct { font-size: 12px; color: var(--text-2); font-variant-numeric: tabular-nums; }
.onb__bar { height: 6px; border-radius: 99px; background: var(--surface); overflow: hidden; }
.onb__bar span { display: block; height: 100%; background: var(--accent); border-radius: inherit; transition: width .5s var(--ease); }
.onb__steps { display: flex; flex-wrap: wrap; gap: 6px; }
.onb__step { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 99px; background: var(--surface); border: 1px solid var(--border); font-size: 12px; color: var(--text-2); text-decoration: none; }
.onb__step:hover { border-color: var(--border-strong); color: var(--text); }
.onb__step.is-done { color: var(--success); border-color: var(--success-line); }
.onb__step.is-done i { color: var(--success-solid); }
.onb__step.is-skipped, .onb__step.is-na { opacity: .6; }
.onb__step.is-waiting { color: var(--warning); border-color: var(--warning-line); }
/* Arka plan kanal çekimleri: sağ altta dolan ilerleme kutusu */
.sync-dock { position: fixed; right: 18px; bottom: 18px; z-index: 900; width: min(340px, calc(100vw - 32px)); background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--r-card); box-shadow: var(--shadow-pop); padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.sync-dock[hidden] { display: none; }
body.drawer-open .sync-dock { right: calc(var(--drawer-w, 420px) + 18px); }
.sync-dock__head { display: flex; justify-content: space-between; align-items: center; font-size: 13.5px; }
.sync-dock__head b { display: flex; align-items: center; gap: 6px; color: var(--primary); }
.sync-dock__x { border: 0; background: none; color: var(--text-3); cursor: pointer; padding: 2px; font-size: 15px; }
.sync-dock__job { display: flex; flex-direction: column; gap: 5px; }
.sync-dock__row { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13px; }
.sync-dock__row span { display: flex; align-items: center; gap: 6px; }
.sync-dock__row small { color: var(--text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sync-dock__bar { height: 6px; border-radius: 99px; background: var(--surface-3); overflow: hidden; }
.sync-dock__bar span { display: block; height: 100%; border-radius: inherit; background: var(--accent); transition: width .8s var(--ease); }
.sync-dock__job.is-running .sync-dock__bar span { background-image: linear-gradient(90deg, rgba(255,255,255,.0) 0, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%); background-size: 200% 100%; animation: sync-shine 1.4s linear infinite; }
.sync-dock__job.is-queued .sync-dock__bar span { background: var(--border-strong); }
.sync-dock__job.is-failed .sync-dock__bar span { background: var(--danger); }
.sync-dock__job.is-done i { color: var(--success-solid); }
.sync-dock__msg, .sync-dock__note { font-size: 11.5px; color: var(--text-3); }
.sync-dock__spin { animation: ve-spin 1.2s linear infinite; }
@keyframes sync-shine { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .sync-dock__spin, .sync-dock__job.is-running .sync-dock__bar span { animation: none; } }
/* Onay kartı: ret gerekçesi ve kapsamı (öğrenme) */
.reject-form { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; padding: 10px 12px; border-radius: var(--r-ctl); background: var(--surface-2); border: 1px solid var(--border); }
.reject-form > b { font-size: 13px; }
.reject-form__tags { display: flex; flex-wrap: wrap; gap: 5px; }
.reject-tag { padding: 4px 9px; border-radius: 99px; border: 1px solid var(--border-strong); background: var(--surface); color: var(--text-2); font-size: 12px; cursor: pointer; }
.reject-tag:hover { color: var(--text); }
.reject-tag.is-on { background: var(--danger-soft); border-color: var(--danger-line); color: var(--danger); }
.reject-form__scope { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.reject-form__scope label { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; cursor: pointer; }
.reject-form__scope input[type=date] { width: auto; }
.action-card__learned { margin-top: 8px; padding: 8px 10px; border-radius: var(--r-ctl); background: var(--ai-soft); color: var(--ai); font-size: 12.5px; display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; }
.action-card__learned a { color: inherit; text-decoration: underline; }
/* ===== DENEME: düğmelerde logo yeşili (beğenilmezse bu bloğu silmek yeterli; yedek: storage/backups/app.css.2026-10-23-yesil-dugme-oncesi.bak) ===== */
:root { --btn-bg: #62D200; --btn-bg-hover: #56BA00; --btn-fg: #0B1B3A; --btn-glow: rgba(98, 210, 0, .38); }
[data-theme="dark"] { --btn-bg: #74E81A; --btn-bg-hover: #86F532; --btn-fg: #0A1428; --btn-glow: rgba(116, 232, 26, .35); }
.btn--primary { background: var(--btn-bg); border-color: var(--btn-bg); color: var(--btn-fg); font-weight: 650; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px var(--btn-glow), 0 8px 18px -10px var(--btn-glow); }
.btn--primary:hover { background: var(--btn-bg-hover); border-color: var(--btn-bg-hover); color: var(--btn-fg); }
.btn--primary.is-loading::after { border-color: var(--btn-fg) transparent var(--btn-fg) transparent; }
/* ===== DENEME SONU ===== */

/* Ayarlar › Otomasyon */
.auto-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin-bottom: 16px; }
.auto-stat { display: flex; flex-direction: column; padding: 12px 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); }
.auto-stat b { font-size: 20px; font-weight: 700; }
.auto-stat span { font-size: 11.5px; color: var(--text-3); }
.auto-stat.is-alert b { color: var(--danger); }
.mode-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
.mode-card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid var(--border-strong); border-radius: 12px; cursor: pointer; background: var(--surface); transition: border-color .15s, box-shadow .15s; }
.mode-card input { position: absolute; opacity: 0; pointer-events: none; }
.mode-card__ico { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--primary-soft); color: var(--primary-text); font-size: 17px; }
.mode-card b { font-size: 14px; }
.mode-card small { color: var(--text-3); line-height: 1.45; }
.mode-card:hover { border-color: var(--primary); }
.mode-card.is-active, .mode-card:has(input:checked) { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.mode-card:has(input:checked) .mode-card__ico { background: var(--accent); color: #0B1B3A; }
.mode-card--full:has(input:checked) { border-color: var(--warning); box-shadow: 0 0 0 3px var(--warning-soft); }
.agent-overrides { display: flex; flex-direction: column; gap: 8px; }
.agent-override { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; }
.agent-override.is-off { opacity: .55; }
.agent-override__name { display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.agent-override__name small { color: var(--text-3); }
.limits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-bottom: 10px; }
.limit { display: flex; flex-direction: column; gap: 4px; }
.limit__label { font-size: 12.5px; font-weight: 550; }
.limit__input { display: flex; align-items: center; gap: 8px; }
.limit__input .input { max-width: 120px; }
.limit__input em { font-style: normal; font-size: 12px; color: var(--text-3); }
.time-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.time-pair { display: flex; align-items: center; gap: 8px; }
.time-pair .input { max-width: 130px; }
.policy-tag { display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 99px; font-size: 11px; font-weight: 600; background: var(--neutral-soft); color: var(--text-2); white-space: nowrap; }
.policy-tag.is-auto { background: var(--accent-soft); color: var(--accent-text); }
.policy-tag.is-shadow { background: var(--warning-soft); color: var(--warning); }
.action-card__meta .policy-tag { margin-left: 6px; }

/* Ayarlar › Hafıza */
.mem-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(300px, 1fr); gap: 18px; align-items: start; }
.mem-tabs { margin-bottom: 10px; }
.mem-filters { margin-bottom: 12px; }
.mem-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mem-item { border: 1px solid var(--border); border-left-width: 4px; border-radius: 12px; background: var(--surface); }
.mem-item--correction { border-left-color: var(--danger); } .mem-item--preference { border-left-color: var(--accent); } .mem-item--failure { border-left-color: var(--warning); }
.mem-item--lesson { border-left-color: var(--primary); } .mem-item--success { border-left-color: var(--success); }
.mem-item__form { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; }
.mem-item__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mem-kind { display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border-radius: 99px; font-size: 11px; font-weight: 650; background: var(--neutral-soft); color: var(--text-2); }
.mem-kind--correction { background: var(--danger-soft); color: var(--danger); } .mem-kind--preference { background: var(--accent-soft); color: var(--accent-text); }
.mem-kind--failure { background: var(--warning-soft); color: var(--warning); } .mem-kind--success { background: var(--success-soft); color: var(--success); } .mem-kind--lesson { background: var(--primary-soft); color: var(--primary-text); }
.mem-item__text { min-height: 44px; }
.mem-item__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mem-item__ctl { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-3); }
.mem-item__spacer { flex: 1; }
.mem-facts { margin: 0; display: flex; flex-direction: column; gap: 8px; font-size: 12.5px; }
.mem-facts dt { color: var(--text-3); font-size: 11px; } .mem-facts dd { margin: 0; }
.mem-how ul { margin: 6px 0 0; padding-left: 16px; display: flex; flex-direction: column; gap: 4px; }
/* Yönetici Ajan › Günlük */
.chat-head__link { margin-left: auto; }
.jr-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.jr-days { display: flex; flex-direction: column; gap: 22px; }
.jr-day__title { font-size: 15px; margin: 0 0 10px; display: flex; align-items: baseline; gap: 8px; }
.jr-entry { position: relative; padding: 14px 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); margin-bottom: 10px; display: flex; flex-direction: column; gap: 8px; }
.jr-entry.is-critical { border-color: var(--danger-line); }
.jr-entry.is-pinned { border-color: var(--warning-line); background: color-mix(in srgb, var(--warning-soft) 40%, var(--surface)); }
.jr-entry--week, .jr-entry--month, .jr-entry--year { background: var(--surface-2); }
.jr-entry__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.jr-entry__time { display: inline-flex; align-items: center; gap: 5px; font-weight: 650; font-size: 13px; }
.jr-entry__spacer { flex: 1; }
.jr-entry__summary { margin: 0; font-size: 14px; line-height: 1.6; }
.jr-entry__focus { margin: 0; font-size: 12.5px; color: var(--text-2); display: inline-flex; gap: 6px; align-items: center; }
.jr-hl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.jr-hl__item { display: flex; gap: 6px; align-items: flex-start; font-size: 12.5px; padding: 6px 8px; border-radius: 8px; background: var(--surface-2); }
.jr-hl__item--error { background: var(--danger-soft); color: var(--danger); } .jr-hl__item--success { background: var(--success-soft); color: var(--success); }
.jr-hl__item--sales { background: var(--accent-soft); color: var(--accent-text); } .jr-hl__item--user { background: var(--warning-soft); color: var(--warning); }
.jr-hl__item .ph { margin-top: 2px; flex: none; }
.jr-actions { display: flex; flex-direction: column; gap: 6px; }
.jr-action { padding: 8px 10px; border-radius: 8px; border: 1px dashed var(--border-strong); font-size: 12.5px; display: flex; flex-direction: column; gap: 3px; }
.jr-action.is-done { border-style: solid; } .jr-action.is-error { border-color: var(--danger-line); }
.jr-action__head { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.jr-action__list { margin: 2px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 2px; }
.jr-meta { display: flex; flex-wrap: wrap; gap: 6px; }
@media (max-width: 900px) { .mem-layout { grid-template-columns: 1fr; } }

/* "Neden buradasınız" notu: ajan bağlantısıyla açılan sayfanın üstünde, birkaç saniyede solar */
.page-note { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 16px; padding: 12px 14px; border: 1px solid var(--accent); border-radius: var(--r-card, 12px);
  background: var(--accent-soft); color: var(--text); box-shadow: 0 6px 18px -12px rgba(15, 35, 71, .35); overflow: hidden;
  animation: pageNoteIn .45s ease-out; transition: opacity 2.4s ease, height .6s ease, margin .6s ease, padding .6s ease, border-width .6s ease; }
.page-note.is-fading { opacity: .25; }
.page-note.is-closing { opacity: 0; height: 0 !important; margin: 0; padding-top: 0; padding-bottom: 0; border-width: 0; transition-duration: .6s; }
.page-note__icon { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: 17px; }
.page-note__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; line-height: 1.45; }
.page-note__who { color: var(--text-3); font-size: 12px; font-weight: 600; }
.page-note__text { font-weight: 600; }
.page-note__extra { color: var(--text-2); font-size: 13.5px; }
.page-note__x { flex: none; border: 0; background: none; color: var(--text-3); cursor: pointer; padding: 4px; border-radius: 6px; font-size: 16px; }
.page-note__x:hover { background: rgba(0, 0, 0, .06); color: var(--text); }
@keyframes pageNoteIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .page-note { animation: none; transition: none; } }
/* Ürünler: son 30 gün satış sütunu */
.sales-cell b { display: block; }
.sales-cell .badge { margin-top: 3px; }
/* Uzman sohbeti: Yönetici Ajandan gelen talimat balonu; ekip akışı: uzman çalışıyor rozeti */
.msg--directive .msg__bubble { background: var(--primary-soft); border: 1px dashed var(--primary-soft-2); }
.msg--directive .msg__bubble small { display: block; color: var(--text-3); font-weight: 600; margin-bottom: 2px; }
.spinner--xs { width: 11px; height: 11px; border-width: 2px; display: inline-block; vertical-align: -1px; }
.brief-run { display: inline-flex; align-items: center; gap: 5px; }

/* Ayarlar alanı: sol menü ve profil menüsü başlığı */
.agent-tab--settings { --ag1: #0F2347; --ag2: #475467; }
.nav--settings { --ag1: #0F2347; }
.dropdown__label--link { display: flex; align-items: center; gap: 6px; text-decoration: none; }
.dropdown__label--link:hover { color: var(--text); }

/* Ayarlar › Bağlantılar */
.conn-tabs .tab { display: inline-flex; align-items: center; gap: 7px; }
.conn-tabs__chip { width: 22px; height: 22px; font-size: 13px; border-radius: 7px; }
.conn-group { display: flex; flex-direction: column; gap: 14px; }
.conn-group__head { display: flex; align-items: center; gap: 12px; }
.conn-group__head h2 { font-size: 17px; margin: 0; }
.conn-group__go { margin-left: auto; }
.conn-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.conn-card { position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 14px 14px 14px 16px; border: 1px solid var(--border); border-radius: 14px;
  background: var(--surface); color: var(--text); text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease, filter .15s ease; }
a.conn-card:hover { transform: translateY(-1px); box-shadow: 0 8px 22px -14px rgba(15, 35, 71, .45); }
.conn-card__logo { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: color-mix(in srgb, var(--c) 12%, var(--surface)); color: var(--c); font-size: 22px; }
.conn-card__logo img { width: 28px; height: 28px; object-fit: contain; }
.conn-card__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.conn-card__body b { font-size: 14.5px; }
.conn-card__desc { color: var(--text-3); font-size: 12px; }
.conn-card__detail { color: var(--text-2); font-size: 12.5px; margin-top: 4px; overflow-wrap: anywhere; }
.conn-card__side { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.conn-card__cta { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 600; color: var(--primary-text); }
/* Aktif (bağlı): kanal rengiyle sol şerit ve hafif renkli zemin */
.conn-card.is-active { border-color: color-mix(in srgb, var(--c) 45%, var(--border)); background: color-mix(in srgb, var(--c) 5%, var(--surface)); }
.conn-card.is-active::before { content: ""; position: absolute; left: -1px; top: 12px; bottom: 12px; width: 4px; border-radius: 0 4px 4px 0; background: var(--c); }
.conn-card--error { border-color: color-mix(in srgb, var(--danger, #D92D20) 45%, var(--border)); }
.conn-card--error .conn-card__detail { color: var(--danger, #D92D20); }
/* Pasif (bağlı değil / yakında): gri ve soluk; bağlanabilenler üzerine gelince canlanır */
.conn-card.is-passive { background: var(--surface-2, var(--surface)); }
.conn-card.is-passive .conn-card__logo, .conn-card.is-passive .conn-card__body b { filter: grayscale(1); opacity: .55; }
.conn-card.is-passive .conn-card__desc, .conn-card.is-passive .conn-card__detail { opacity: .75; }
a.conn-card.is-passive:hover .conn-card__logo, a.conn-card.is-passive:hover .conn-card__body b { filter: none; opacity: 1; }
.conn-card--soon { border-style: dashed; cursor: default; }
@media (max-width: 640px) {
  .conn-group__head { flex-wrap: wrap; }
  .conn-group__go { margin-left: 0; }
  .conn-grid { grid-template-columns: 1fr; }
}
/* Bağlantılar: kart düğme olarak (modal açar), modal içi durum ve ekip notu */
button.conn-card { width: 100%; text-align: left; font: inherit; cursor: pointer; }
button.conn-card:hover { transform: translateY(-1px); box-shadow: 0 8px 22px -14px rgba(15, 35, 71, .45); }
button.conn-card.is-passive:hover .conn-card__logo, button.conn-card.is-passive:hover .conn-card__body b { filter: none; opacity: 1; }
button.conn-card:focus-visible { outline: none; box-shadow: var(--ring); }
.conn-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.conn-team { display: flex; gap: 12px; padding: 14px; border-radius: 12px; background: var(--primary-soft); color: var(--text); }
.conn-team > i { font-size: 24px; color: var(--primary); flex: none; }
.conn-team div { display: flex; flex-direction: column; gap: 4px; }
.conn-team span { color: var(--text-2); font-size: 13.5px; }
.conn-accounts { display: flex; flex-direction: column; gap: 4px; }
/* Destek: "kime" seçimi ve dikkat isteyen satır */
.target-pick { display: flex; flex-wrap: wrap; gap: 8px; }
.target-pick__item { position: relative; }
.target-pick__item input { position: absolute; opacity: 0; }
.target-pick__item span { display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border: 1px solid var(--border-strong); border-radius: 10px; cursor: pointer; font-weight: 600; }
.target-pick__item input:checked + span { border-color: var(--primary); background: var(--primary-soft); color: var(--primary-text); }
.target-pick__item input:focus-visible + span { box-shadow: var(--ring); }
tr.is-attention > td:first-child { box-shadow: inset 3px 0 0 var(--warning, #F79009); }
.tmsg--side-agency .tmsg__body { border-left: 3px solid var(--success, #12B76A); padding-left: 10px; }

/* Modaller ekrana sığar: içerik kaydırılır, başlık ve alt düğmeler hep görünür (formlu modaller dahil) */
.modal { overflow-y: auto; overscroll-behavior: contain; }
.modal__dialog { max-height: calc(100dvh - 40px); min-height: 0; overflow: hidden; }
.modal__dialog > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.modal__body { flex: 1 1 auto; min-height: 0; overscroll-behavior: contain; }
.modal__head, .modal__foot { flex: none; }
.modal__foot { flex-wrap: wrap; }
@media (max-width: 640px) {
  .modal { padding: 10px; align-items: end; }
  .modal__dialog { max-height: calc(100dvh - 20px); border-radius: 16px; }
  .modal__body { padding: 16px; }
  .modal__foot .form-actions { margin-left: auto; }
}
/* Sayfa geçişi için #main'e verilen view-transition-name içeriği ayrı katman yapar; içindeki modal üst bar ve yan menünün altında kalırdı.
   Modal açıkken kaldırılır: modal tüm ekranı kaplar, başlığı ve düğmeleri görünür. */
#main:has(.modal:not([hidden])) { view-transition-name: none; }
.modal__body { overflow-x: hidden; }
.modal__body .field, .modal__body .input, .modal__body .select { min-width: 0; max-width: 100%; }

/* Ekip akışı: uzun rapor 4 satırda kesilir, "Devamını göster" ile tamamı (madde madde, satır sonları korunur) */
.brief-item__text { -webkit-line-clamp: 4; line-clamp: 4; white-space: pre-line; overflow-wrap: anywhere; }
.brief-item__text.is-open { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
.brief-item__more { display: inline-flex; align-items: center; gap: 3px; margin-top: 3px; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 11.5px; font-weight: 600; color: var(--primary-text); }
.brief-item__more[hidden] { display: none; }
.brief-item__more:hover { text-decoration: underline; }

/* Satış Operatörü: haftalık takvim */
.ops-tabs .tab { display: inline-flex; align-items: center; gap: 7px; }
.ops-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.ops-week { display: flex; align-items: center; gap: 8px; }
.ops-counts { display: flex; flex-wrap: wrap; gap: 8px; }
.ops-count { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); font-size: 12.5px; font-weight: 600; color: var(--text-2); }
.ops-count--done { color: var(--success, #12B76A); }
.ops-count--missed { color: var(--danger); }
.badge--accent { background: var(--accent-soft); color: var(--accent-text); }
.ops-side { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.ops-file { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; }
.ops-filecard { display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.ops-analysis { padding: 10px 12px; border-radius: 10px; background: var(--primary-soft); font-size: 13px; }
.ops-analysis p { margin: 4px 0; }
.ops-analysis ol { margin: 4px 0 0 18px; padding: 0; }
.ops-apply { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.field--inline { gap: 2px; }
.ops-preview .table-wrap { overflow-x: auto; max-height: 220px; }
.table--compact th, .table--compact td { padding: 4px 8px; font-size: 12px; white-space: nowrap; }
.ops-suggest { display: flex; flex-direction: column; gap: 10px; }
.ops-sugg { padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; }
.ops-sugg p { margin: 4px 0 0; }
.ops-adlist { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; }
.ops-pre, .ops-note { white-space: pre-line; margin: 0; }
.ops-report { display: flex; flex-direction: column; gap: 8px; }
.ops-report__text { font-size: 13.5px; line-height: 1.5; }
.ops-upload, .ops-upload-form { display: flex; flex-direction: column; gap: 10px; }
.ops-upload { flex-direction: row; flex-wrap: wrap; align-items: center; }
.ops-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; }
.ops-actions .input { flex: 1 1 200px; }
.ops-prices { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ops-prices li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.ops-prices li span:first-child { flex: 1 1 160px; min-width: 0; }
/* Ürünler: müşterinin gördüğü (tarife/kampanya) fiyatı */
.seen-price { display: block; margin-top: 3px; font-size: 11px; font-weight: 600; color: var(--accent-text); white-space: nowrap; }
/* Satış Operatörü: takvim kartı görev ekranına bağlantı; görev ekranı */
.ops-task-page { display: flex; flex-direction: column; gap: 16px; max-width: 980px; }
.ops-task-head h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ops-task-bar { position: sticky; bottom: 12px; z-index: 5; box-shadow: 0 10px 28px -18px rgba(15, 35, 71, .45); }
.ops-task-bar .card__body { padding: 12px 16px; }

/* Süper admin gömülü mod: Susoftech panelinin içerik alanında (iframe) — menü Susoftech sol barında, burada yalnız içerik */
.sa-embed .sa-embed__content { padding: 18px 20px 40px; max-width: none; gap: 20px; }

/* Satış Operatörü görev ekranı: kayıt / oluşturma görünümü */
.ops-task__rec { display: inline-flex; align-items: center; gap: 3px; font-size: 11px; color: var(--success, #16a34a); }
.ops-more { border: 1px dashed var(--border); border-radius: 12px; padding: 10px 12px; }
.ops-more > summary { cursor: pointer; color: var(--text-2); }
.ops-more[open] > summary { margin-bottom: 10px; }
.ops-inline-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ops-task-page .card__title small { font-weight: 500; }

/* Satış Operatörü › komisyon tarifesi seçim tablosu: tam genişlik, ürün görseli, aralık kartları */
.content:has(.ops-comm) { max-width: none; }
.ops-task-page:has(.ops-comm) { max-width: none; }
.ops-comm { display: flex; flex-direction: column; gap: 16px; }
.ops-comm__summary { display: flex; flex-wrap: wrap; gap: 10px; }
.ops-comm__stat { display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: inherit; text-decoration: none; }
.ops-comm__stat > span { display: flex; flex-direction: column; line-height: 1.25; }
.ops-comm__stat small { color: var(--text-3); font-size: 11.5px; }
.ops-comm__stat b { font-size: 14.5px; }
.ops-comm__stat.is-good { border-color: var(--success-line); background: var(--success-soft); }
.ops-comm__stat.is-warn { border-color: color-mix(in srgb, var(--warning) 40%, transparent); background: color-mix(in srgb, var(--warning) 9%, transparent); }
.ops-comm__hint { margin: 0; font-size: 12.5px; line-height: 1.6; color: var(--text-2); max-width: 1100px; }
.ops-comm__tag { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 999px; font-size: 11.5px; color: var(--text-2); background: var(--surface-2); border: 1px solid var(--border); white-space: nowrap; }
.ops-comm__export { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ops-comm__export > span { flex: 1 1 320px; line-height: 1.5; }
.ops-comm__bulk { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; margin-bottom: 10px; }
.ops-comm__table { border: 1px solid var(--border); border-radius: 14px; } /* iç kaydırma yok: tek sayfa kaydırması */
.ops-comm__table table { min-width: 1020px; width: 100%; border-collapse: separate; border-spacing: 0; margin: 0; }
.ops-comm__table thead th { position: sticky; top: var(--topbar-h, 0px); z-index: 2; background: var(--surface-2); font-size: 11.5px; letter-spacing: .04em; padding: 10px 12px; border-bottom: 1px solid var(--border); }
.ops-comm__table tbody td { padding: 14px 12px; vertical-align: top; border-bottom: 1px solid var(--border); }
.ops-comm__table tbody tr:last-child td { border-bottom: 0; }
.ops-comm__table tbody tr:hover td { background: color-mix(in srgb, var(--surface-2) 55%, transparent); }
.ops-comm__prodcell { width: 27%; min-width: 250px; }
.ops-comm__prod { display: flex; gap: 12px; align-items: flex-start; }
.ops-comm__img { flex: 0 0 56px; width: 56px; height: 56px; object-fit: cover; border-radius: 10px; border: 1px solid var(--border); background: var(--surface-2); cursor: zoom-in; }
.ops-comm__img--empty { display: grid; place-items: center; color: var(--text-3); font-size: 22px; cursor: default; }
.ops-comm__info { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ops-comm__name { font-weight: 600; font-size: 13.5px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ops-comm__meta { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; color: var(--text-3); }
.ops-comm__code { font-family: var(--font-mono, ui-monospace, monospace); color: var(--text-2); }
.ops-comm__note { display: flex; gap: 5px; align-items: flex-start; font-size: 12px; line-height: 1.45; color: var(--text-2); }
.ops-comm__note.is-warn { color: var(--warning); }
.ops-comm__now { min-width: 128px; }
.ops-comm__price { font-size: 16px; font-weight: 700; line-height: 1.2; }
.ops-comm__price small, .ops-opt__price small { font-size: 11.5px; font-weight: 500; color: var(--text-3); }
.ops-comm__pills, .ops-opt__pills { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.ops-comm__sub { font-size: 12px; color: var(--text-3); margin: 6px 0 4px; }
.ops-comm .pill { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 11.5px; line-height: 1.5; background: var(--surface-2); border: 1px solid var(--border); color: var(--text-2); white-space: nowrap; }
.ops-comm .pill--ok { background: var(--success-soft); border-color: var(--success-line); color: var(--success); }
.ops-comm .pill--bad { background: color-mix(in srgb, var(--danger, #dc2626) 8%, transparent); border-color: color-mix(in srgb, var(--danger, #dc2626) 30%, transparent); color: var(--danger, #dc2626); }
.ops-comm__tiercell { min-width: 150px; }
.ops-opt { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 10px 10px 10px 32px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; min-height: 100%; }
.ops-opt:hover { border-color: var(--text-3); }
.ops-opt input { position: absolute; left: 10px; top: 11px; margin: 0; accent-color: var(--success-solid); }
.ops-opt:has(input:checked) { border-color: var(--success-solid); background: var(--success-soft); box-shadow: 0 0 0 1px var(--success-solid) inset; }
.ops-opt.is-locked { cursor: default; }
.ops-opt__flag { min-height: 14px; font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--text-3); display: inline-flex; gap: 3px; align-items: center; }
.ops-opt.is-rec .ops-opt__flag { color: var(--success); }
.ops-opt__price { font-size: 15px; font-weight: 700; line-height: 1.25; }
.ops-opt__price small { display: block; margin-top: 1px; }
.ops-opt__tsf { margin-top: 6px; font-size: 11.5px; color: var(--text-2); }
.ops-comm__submit { margin-top: 14px; }
/* Ürün görseli önizlemesi (üzerine gelince) */
.ops-zoom { position: fixed; z-index: 1000; width: 280px; height: 280px; padding: 6px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-pop, 0 12px 40px rgba(0,0,0,.18)); pointer-events: none; opacity: 0; transform: scale(.96); transition: opacity .12s, transform .12s; }
.ops-zoom.is-on { opacity: 1; transform: none; }
.ops-zoom img { width: 100%; height: 100%; object-fit: contain; border-radius: 11px; background: #fff; }
/* Şablonlu görev kaydı: ana ekran (kart içinde kart yok) */
.ops-main { display: flex; flex-direction: column; gap: 18px; }
.ops-main__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid var(--border); }
.ops-main__file { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; }
.ops-main__apply:empty { display: none; }
.ops-main__apply { padding: 14px 16px; border: 1px solid var(--success-line); border-radius: 14px; background: var(--success-soft); }
.ops-main__apply .ops-apply { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin: 0; }
.ops-main__apply .ops-apply::before { content: "Excel'i Trendyol'a yükledikten sonra onaylayın:"; flex-basis: 100%; font-size: 13px; font-weight: 600; }
.ops-comm__table thead th:first-child { border-top-left-radius: 14px; }
.ops-comm__table thead th:last-child { border-top-right-radius: 14px; }
/* Dar ekranda yalnız yatay kaydırma (dikey kaydırma sayfada kalır) */
@media (max-width: 1360px) { .ops-comm__table { overflow-x: auto; } }
/* Komisyon tablosu: müşterinin şu an gördüğü fiyatın aralığı (mavi) — seçimimiz (yeşil) ondan farklıysa */
.ops-comm { --live: #2563EB; --live-soft: #EEF4FF; --live-line: #B9CFFB; }
html[data-theme="dark"] .ops-comm { --live: #7AA7FF; --live-soft: rgba(80, 130, 255, .14); --live-line: rgba(122, 167, 255, .42); }
.ops-opt.is-live { border-color: var(--live); background: var(--live-soft); box-shadow: 0 0 0 1px var(--live) inset; }
.ops-opt.is-live .ops-opt__flag { color: var(--live); }
.ops-opt.is-live:has(input:checked) { border-color: var(--success-solid); background: var(--success-soft); box-shadow: 0 0 0 1px var(--success-solid) inset; }
.ops-opt.is-live:has(input:checked) .ops-opt__flag { color: var(--success); }
.ops-comm__stat.is-live { border-color: var(--live-line); background: var(--live-soft); }
.ops-comm__src { margin-top: 6px; font-size: 11px; color: var(--text-3); display: flex; align-items: center; gap: 4px; }
.ops-comm__key { display: inline-block; width: 12px; height: 12px; border-radius: 4px; vertical-align: -1px; margin-left: 2px; }
.ops-comm__key--sel { background: var(--success-soft); border: 2px solid var(--success-solid); }
.ops-comm__key--live { background: var(--live-soft); border: 2px solid var(--live); }
.ops-comm__sync { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ops-comm__sync .muted { display: inline-flex; align-items: center; gap: 5px; }
.sync-note { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.ops-comm__label { font-size: 10.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-3); margin-bottom: 2px; }
/* Satış Operatörü › kupon kartları (Trendyol Kupon Oluştur adımlarıyla) */
.ops-coupons { display: flex; flex-direction: column; gap: 14px; }
.ops-coupons__form { display: flex; flex-direction: column; gap: 14px; }
.ops-coupon { border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; background: var(--surface); display: flex; flex-direction: column; gap: 10px; }
.ops-coupon:has(.ops-coupon__done input:checked) { border-color: var(--success-solid); box-shadow: 0 0 0 1px var(--success-solid) inset; background: var(--success-soft); }
.ops-coupon.is-optional { border-style: dashed; }
.ops-coupon__head { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-items: center; }
.ops-coupon__head h3 { margin: 0; font-size: 15px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; grid-column: 1; grid-row: 1; }
.ops-coupon__head p, .ops-coupon__head small { margin: 0; grid-column: 1; }
.ops-coupon__done { grid-column: 2; grid-row: 1 / span 2; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 13px; padding: 6px 10px; border: 1px solid var(--border); border-radius: 10px; cursor: pointer; background: var(--surface-2); }
.ops-coupon__why { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--text-2); }
.ops-coupon__steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 10px; min-width: 0; }
.ops-coupon__step { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 10px 12px 10px 38px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); font-size: 13px; }
.ops-coupon__step .form-row { gap: 8px; }
.ops-coupon__no { position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 700; background: var(--success-solid); color: #fff; }
.ops-coupon__sum > span:not(.ops-coupon__no) { display: block; }
.ops-coupon__summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px 16px; margin: 0; }
.ops-coupon__summary div { display: flex; flex-direction: column; border-bottom: 1px solid var(--border); padding: 6px 0; }
.ops-coupon__summary dt { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--text-3); }
.ops-coupon__summary dd { margin: 2px 0 0; font-weight: 700; }
.ops-coupon__result { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; margin: 0; }
.ops-coupon__step input[type="datetime-local"] { min-width: 0; width: 100%; }
/* Kupon sayfası tam genişlik; adımlar kartın genişliğine göre dizilir (taşmaz) */
.content:has(.ops-coupons) { max-width: none; }
.ops-task-page:has(.ops-coupons) { max-width: none; }
.ops-coupon { container-type: inline-size; min-width: 0; }
.ops-coupon__step { min-width: 0; }
.ops-coupon__step .form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 96px), 1fr)); gap: 8px; }
@container (min-width: 860px) { .ops-coupon__steps { grid-template-columns: 1.5fr .95fr 1.45fr .7fr; } }
.ops-coupon__step select { width: 100%; }
/* Satış Operatörü › E-ticaret Uzmanı (yapay zekâ) denetimi: kural seçer, uzman yalnız mantıksız bulduğuna öneri verir (mor) */
.ops-ai, .ops-comm { --ai: #7C3AED; --ai-soft: #F5F0FF; --ai-line: #D9C8FB; }
html[data-theme="dark"] .ops-ai, html[data-theme="dark"] .ops-comm { --ai: #B794FF; --ai-soft: rgba(150, 110, 255, .14); --ai-line: rgba(183, 148, 255, .4); }
.ops-ai { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border: 1px solid var(--ai-line); border-radius: 14px; background: var(--ai-soft); }
.ops-ai.is-ok { border-color: var(--success-line); background: var(--success-soft); }
.ops-ai.is-rule { border-color: var(--border); background: var(--surface-2); }
.ops-ai__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; }
.ops-ai__head > .ph { color: var(--ai); font-size: 18px; }
.ops-ai.is-ok .ops-ai__head > .ph { color: var(--success); }
.ops-ai.is-rule .ops-ai__head > .ph { color: var(--text-3); }
.ops-ai__head form, .ops-ai__head > .btn { margin-left: auto; }
.ops-ai p { margin: 0; }
.ops-ai__list { margin: 2px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 3px; font-size: 13px; line-height: 1.45; }
.ops-ai__btn { border-color: var(--ai-line); color: var(--ai); }
.ops-comm__note--ai { color: var(--ai); }
.ops-opt.is-ai:not(:has(input:checked)) { border-color: var(--ai); border-style: dashed; }
.ops-opt.is-ai .ops-opt__flag { color: var(--ai); }
.ops-comm__key--ai { background: var(--ai-soft); border: 2px dashed var(--ai); }
.ops-opt__ai { color: var(--ai); display: inline-flex; gap: 3px; align-items: center; margin-left: 4px; }
/* Şablon üzerinde düzenle (sistem tasarımı: onay beklerken ve gönderi paylaşılana kadar) */
.design-edit { display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
.design-edit[hidden] { display: none; }
.design-edit__part { display: flex; flex-direction: column; gap: 8px; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.design-edit__part > b { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.design-edit__slides { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.design-edit__slide { display: flex; flex-direction: column; gap: 6px; }
.design-edit__slide img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 10px; border: 1px solid var(--border); background: var(--surface-2); }
.design-edit__slide .btn { justify-content: center; }
.design-edit__form .form-row { flex-wrap: wrap; }
.design-edit--story .design-edit__slide img { aspect-ratio: 9 / 16; }

/* Kupon planı (yapay zekâ): kupon adı ve ürün kapsamı */
.ops-coupon__head .ops-coupon__title { grid-column: 1; grid-row: 1; font-size: 16px; line-height: 1.3; }
.ops-coupon__head .ops-coupon__title ~ h3 { grid-row: 2; font-size: 13.5px; color: var(--text-2); }
.ops-coupon__products { margin: 4px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 2px; max-height: 160px; overflow: auto; }
.ops-coupon__products .muted { font-size: 11px; }
.ops-coupon__step:has(.ops-coupon__products) { grid-column: span 2; }
@media (max-width: 720px) { .ops-coupon__step:has(.ops-coupon__products) { grid-column: auto; } }

/* Satış Operatörü › kampanyalar: liste, katıl/katılma seçimi */
.ops-camp-list { display: flex; flex-direction: column; gap: 8px; }
.ops-camp-item { display: grid; grid-template-columns: auto 1fr auto auto auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px;
  background: var(--surface); color: inherit; text-decoration: none; transition: border-color .15s, background .15s; }
.ops-camp-item:hover { border-color: var(--success-solid); background: var(--surface-2); }
.ops-camp-item__icon { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--success-soft); color: var(--success-solid); font-size: 18px; }
.ops-camp-item__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ops-camp-item__body b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ops-camp-item__count { font-size: 13px; color: var(--text-2); white-space: nowrap; }
.ops-camp-item__count b { font-size: 16px; color: var(--text); }
@media (max-width: 640px) {
  .ops-camp-item { grid-template-columns: auto 1fr auto; }
  .ops-camp-item__count, .ops-camp-item > .badge { grid-column: 2; justify-self: start; }
}
.ops-camp__terms { border: 1px solid var(--border); border-radius: 12px; padding: 8px 12px; background: var(--surface-2); }
.ops-camp__terms summary { cursor: pointer; }
.ops-camp__terms .ops-pre { white-space: pre-wrap; margin: 8px 0 0; }
.ops-camp__pick { display: flex; flex-direction: column; gap: 6px; min-width: 120px; }
.ops-camp__opt { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid var(--border); border-radius: 10px; cursor: pointer; font-size: 13px; font-weight: 600; background: var(--surface); }
.ops-camp__opt.is-yes:has(input:checked) { border-color: var(--success-solid); background: var(--success-soft); color: var(--success-solid); }
.ops-camp__opt.is-no:has(input:checked) { border-color: var(--text-3); background: var(--surface-2); }
.ops-camp__opt.is-locked { cursor: default; opacity: .75; }
.ops-camp tbody tr.is-join > td { background: color-mix(in srgb, var(--success-soft) 55%, transparent); }
.ops-camp tbody tr.is-out > td { opacity: .7; }
.ops-camp-form textarea { font-family: inherit; }
.ops-comm__tag.is-warn { color: var(--warning, #B45309); border-color: color-mix(in srgb, var(--warning, #B45309) 35%, transparent); background: color-mix(in srgb, var(--warning, #B45309) 8%, transparent); }

/* Satış Operatörü › mağaza tasarımı */
.ops-store { display: flex; flex-direction: column; gap: 14px; }
.ops-store__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.ops-store__shop { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ops-store__shop > span { display: flex; flex-direction: column; min-width: 0; }
.ops-store__logo { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; border: 1px solid var(--border); }
.ops-store__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 16px; align-items: start; }
@media (max-width: 960px) { .ops-store__grid { grid-template-columns: 1fr; } }
.ops-store__now, .ops-store__advice { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ops-store__now h3 { margin: 0; }
.ops-store__cover { position: relative; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); }
.ops-store__cover img { display: block; width: 100%; height: 90px; object-fit: cover; }
.ops-store__cover span { position: absolute; left: 8px; top: 8px; font-size: 11px; padding: 2px 8px; border-radius: 999px; background: rgba(0,0,0,.55); color: #fff; }
.ops-store__tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.ops-store__sections { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ops-store__sections > li { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; background: var(--surface); display: flex; flex-direction: column; gap: 8px; }
.ops-store__sections > li.is-off { opacity: .6; border-style: dashed; }
.ops-store__sec-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; }
.ops-store__no { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 700; background: var(--surface-2); border: 1px solid var(--border); }
.ops-store__banners { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.ops-store__banners figure { margin: 0; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ops-store__banners img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 8px; border: 1px solid var(--border); cursor: zoom-in; }
.ops-store__banners figcaption { font-size: 11px; color: var(--text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ops-store__items { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.ops-store__items li p { margin: 4px 0 2px; font-size: 13.5px; }
.ops-store__item-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; }
.ops-store__order { border: 1px solid var(--border); border-radius: 12px; padding: 8px 12px; background: var(--surface-2); }
.ops-store__order ol { margin: 8px 0; padding-left: 20px; font-size: 13px; }

/* İçerik stüdyosu: yazılı tasarım alanları, stil referansı; mağaza önerisinden görsel aktarımı */
.content-design { display: flex; flex-direction: column; gap: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.content-design__texts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 10px; }
.content-design__texts > small { grid-column: 1 / -1; }
.content-ref { display: flex; flex-direction: column; gap: 8px; }
.content-ref__row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.content-ref__thumb { width: 72px; height: 72px; border-radius: 10px; border: 1px dashed var(--border); display: grid; place-items: center; overflow: hidden; color: var(--text-3); font-size: 26px; background: var(--surface-2); }
.content-ref__thumb img { width: 100%; height: 100%; object-fit: cover; }
.content-ref__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ops-store__visual { margin-top: 8px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 10px; border: 1px dashed color-mix(in srgb, var(--ai, #7C3AED) 45%, transparent); border-radius: 10px; font-size: 12.5px; }
.ops-store__visual > span { flex: 1 1 200px; min-width: 0; }

/* Satış Operatörü: ürün bazında aynı dönemdeki diğer fiyat kararları */
.ops-comm__note--stack { color: var(--text-2); background: color-mix(in srgb, var(--surface-2) 70%, transparent); border-left: 2px solid var(--border-strong, var(--border)); padding-left: 6px; border-radius: 4px; }
.ops-comm__stackstore { margin: 0; padding: 8px 10px; border: 1px dashed var(--border); border-radius: 10px; }

.ops-task__icon { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; font-size: 17px; color: var(--k); background: var(--k-soft); }
.ops-task__kind { font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--k); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ops-task__tag { display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; line-height: 1; padding: 3px 6px; border-radius: 999px; background: var(--surface-2); color: var(--text-2); white-space: nowrap; }
.ops-task__tag--rec { color: var(--success, #3C8A00); }
.ops-k--violet { --k: #7C3AED; } .ops-k--pink { --k: #DB2777; } .ops-k--orange { --k: #EA580C; } .ops-k--teal { --k: #0D9488; } .ops-k--blue { --k: #2563EB; }
.ops-k--amber { --k: #D97706; } .ops-k--indigo { --k: #4F46E5; } .ops-k--slate { --k: #64748B; } .ops-k--green { --k: #16A34A; } .ops-k--red { --k: #DC2626; }

/* Satış Operatörü: Takvim / Devam edenler görünümü */
.ops-view { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); align-self: flex-start; margin-bottom: 12px; flex-wrap: wrap; }
.ops-view__tab { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 9px; font-size: 13px; font-weight: 600; color: var(--text-2); text-decoration: none; }
.ops-view__tab.is-active { background: var(--surface); color: var(--text); box-shadow: 0 1px 3px rgba(15, 35, 71, .12); }
.ops-view__n { min-width: 20px; padding: 0 6px; border-radius: 999px; font-size: 11px; line-height: 18px; text-align: center; background: var(--primary-soft, #EBF0F9); color: var(--primary, #0F2347); }
.ops-ongoing { display: flex; flex-direction: column; gap: 10px; }
.ops-ongoing__filters { display: flex; flex-wrap: wrap; gap: 6px; }
.ops-ongoing__filters .chip { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); font: inherit; font-size: 12.5px; cursor: pointer; }
.ops-ongoing__filters .chip.is-active { border-color: var(--primary, #0F2347); background: var(--primary-soft, #EBF0F9); }
.ops-og { --k-soft: color-mix(in srgb, var(--k, #64748B) 12%, var(--surface)); border: 1px solid var(--border); border-left: 3px solid var(--k, #64748B); border-radius: 12px; padding: 12px 14px; background: var(--surface);
  display: flex; flex-direction: column; gap: 8px; }
.ops-og__head { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.ops-og__main { display: flex; flex-direction: column; gap: 2px; flex: 1 1 260px; min-width: 0; }
.ops-og__title { font-size: 14.5px; line-height: 1.3; }
.ops-og__dates { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12.5px; color: var(--text-2); }
.ops-og__actions { display: flex; gap: 6px; flex-wrap: wrap; }
.ops-og__cond { margin: 0; font-size: 13px; display: flex; gap: 6px; align-items: flex-start; }
.ops-og__products summary, .ops-og__text summary { cursor: pointer; }
.ops-og__products .table-wrap { margin-top: 8px; }
.ops-task__tag.is-soon { background: color-mix(in srgb, var(--danger, #D92D20) 12%, transparent); color: var(--danger, #D92D20); }
.ops-og .ops-task__icon { color: var(--k, #64748B); }
.ops-og .ops-task__kind { color: var(--k, #64748B); }

/* Satış Operatörü › indirim formu (Trendyol İndirim Oluştur sırası) */
.ops-disc__steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 10px; min-width: 0; }
.ops-disc__steps .ops-coupon__step:first-child { grid-column: 1 / -1; }
.ops-disc__types { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: 8px; }
.ops-disc__type { display: flex; gap: 8px; align-items: flex-start; padding: 9px 10px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); cursor: pointer; }
.ops-disc__type:has(input:checked) { border-color: #EA580C; background: color-mix(in srgb, #EA580C 8%, var(--surface)); }
.ops-disc__type span { display: flex; flex-direction: column; gap: 2px; }
.ops-disc__type small { color: var(--text-2); font-size: 11.5px; line-height: 1.4; }
.ops-disc__cond .form-row { flex-wrap: wrap; }
.ops-disc__tiers summary { cursor: pointer; }
.ops-disc--new > summary { list-style: none; cursor: pointer; }
.ops-disc--new > summary::-webkit-details-marker { display: none; }
.ops-disc [hidden] { display: none !important; }

/* Pazaryeri Reklamları — Trendyol Reklam Yönetimi görünümü */
.tyad-head { align-items: flex-start; }
.tyad-due { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; background: var(--surface-2); border: 1px solid var(--border); white-space: nowrap; }
.tyad-due.is-due { background: color-mix(in srgb, #F27A1A 12%, var(--surface)); border-color: #F27A1A; color: #C2410C; }
.tyad-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(180px, auto); gap: 10px; margin-bottom: 14px; }
.tyad-nav__card { display: flex; align-items: center; gap: 8px; padding: 13px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--text); font: inherit; font-weight: 600; font-size: 13.5px; text-decoration: none; cursor: pointer; }
.tyad-nav__card.is-active { border-color: #F27A1A; background: color-mix(in srgb, #F27A1A 7%, var(--surface)); }
.tyad-nav__new, .tyad-orange { background: #F27A1A !important; border-color: #F27A1A !important; color: #fff !important; }
.tyad-nav__new { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 18px; border: 0; border-radius: 8px; font: inherit; font-weight: 700; cursor: pointer; }
@media (max-width: 860px) { .tyad-nav { grid-template-columns: 1fr 1fr; } }
.tyad-upload { margin-bottom: 14px; border-color: #F27A1A; }
.tyad-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-bottom: 12px; }
.tyad-stat { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.tyad-stat small { font-size: 11.5px; color: var(--text-3); text-transform: uppercase; letter-spacing: .03em; }
.tyad-stat b { font-size: 18px; }
.tyad-stat span { font-size: 12px; color: var(--text-2); }
.tyad-stat.is-good b, .tyad-roas.is-good { color: var(--success, #3C8A00); }
.tyad-stat.is-ok b, .tyad-roas.is-ok { color: #B45309; }
.tyad-stat.is-bad b, .tyad-roas.is-bad { color: var(--danger, #D92D20); }
.tyad-list { margin-top: 12px; }
.tyad-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.tyad-pill { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); color: var(--text); font-size: 13px; font-weight: 600; text-decoration: none; }
.tyad-pill.is-active { background: #273142; border-color: #273142; color: #fff; }
.tyad-pill--ai { color: #6D28D9; border-color: color-mix(in srgb, #7C3AED 45%, transparent); display: inline-flex; align-items: center; gap: 5px; }
.tyad-pill--ai.is-active { background: #6D28D9; border-color: #6D28D9; color: #fff; }
.tyad-table { overflow-x: auto; border: 1px solid var(--border); border-radius: 12px; }
.tyad-table table { min-width: 1180px; margin: 0; }
.tyad-table th { background: var(--surface-2); font-size: 11.5px; white-space: nowrap; }
.tyad-table td { vertical-align: top; font-size: 13px; }
.tyad-table tr.is-ended td { opacity: .65; }
.tyad-name { display: flex; flex-direction: column; gap: 2px; min-width: 190px; }
.tyad-name a { color: var(--text); text-decoration: none; }
.tyad-st { font-weight: 600; } .tyad-st--success { color: var(--success, #3C8A00); } .tyad-st--warning { color: #B45309; } .tyad-st--neutral { color: var(--text-3); }
.tyad-sugg { color: #6D28D9; }
.tyad-dec { min-width: 260px; max-width: 340px; }
.tyad-dec p { margin: 4px 0; }
.tyad-conf { color: var(--text-3); font-size: 11px; }
.tyad-act { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.tyad-done { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; }
.tyad-done--done { color: var(--success, #3C8A00); } .tyad-done--skipped { color: var(--text-3); }
.tyad-new { margin-top: 14px; border-color: #F27A1A; }
.tyad-hint { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid #F27A1A; border-radius: 10px; background: color-mix(in srgb, #F27A1A 6%, var(--surface)); font-size: 13px; margin-bottom: 14px; }
.tyad-steps { display: flex; justify-content: space-between; list-style: none; margin: 0 0 16px; padding: 0 10%; position: relative; counter-reset: s; }
.tyad-steps::before { content: ''; position: absolute; left: 15%; right: 15%; top: 6px; height: 2px; background: var(--border); }
.tyad-steps li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--text-3); }
.tyad-steps li::before { content: ''; width: 12px; height: 12px; border-radius: 50%; background: var(--border); position: relative; z-index: 1; }
.tyad-steps li.is-active { color: #F27A1A; } .tyad-steps li.is-active::before { background: #F27A1A; }
.tyad-steps li.is-done { color: var(--success, #3C8A00); } .tyad-steps li.is-done::before { background: var(--success-solid, #62D200); }
.tyad-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; margin-top: 12px; }
.tyad-confirm { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 12px; border-radius: 10px; background: var(--surface-2); margin-bottom: 12px; }
.tyad-confirm div { display: flex; flex-direction: column; gap: 2px; } .tyad-confirm small { color: var(--text-3); font-size: 11.5px; }
.tyad-wizard-bar { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border); }
.tyad-stack { color: var(--text-2); }
.tyad-table th:last-child, .tyad-table td.tyad-dec { position: sticky; right: 0; z-index: 1; background: var(--surface); box-shadow: -8px 0 12px -10px rgba(15, 35, 71, .35); }
.tyad-table th:last-child { background: var(--surface-2); }
.tyad-offer { border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.tyad-offer[open] { border-color: #F27A1A; }
.tyad-offer > :not(summary) { margin-left: 14px; margin-right: 14px; }
.tyad-offer > form { padding-bottom: 14px; }
.tyad-offer__head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 12px 14px; cursor: pointer; list-style: none; }
.tyad-offer__head::-webkit-details-marker { display: none; }
.tyad-offer__head small { flex-basis: 100%; }
.tyad-offer[open] .tyad-offer__head small { display: none; }
.tyad-offer__role { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; background: #F27A1A; color: #fff; font-size: 12px; font-weight: 700; }
.tyad-why { color: #B45309; font-size: 11.5px; }
.tyad-detail-link { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 12px; font-weight: 600; color: #F27A1A; }
.tyad-dec.tyad-dec--sm { min-width: 0; }

/* Satış Operatörü › haftalık takvim: tek parça hafta tablosu (günler ince çizgiyle ayrılır), sade görev kartları */
.ops-cal-wrap { border: 1px solid var(--border); border-radius: 16px; overflow: hidden; background: var(--surface); }
.ops-cal { --k: #64748B; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1px; background: var(--border); }
.ops-cal__day { display: flex; flex-direction: column; min-width: 0; background: var(--surface); }
.ops-cal__day.is-past .ops-cal__list { background: var(--surface-2); }
.ops-cal__head { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 8px; padding: 12px 14px 13px; border-bottom: 1px solid var(--border); }
.ops-cal__dname { font-size: 12px; font-weight: 600; color: var(--text-3); letter-spacing: .01em; }
.ops-cal__date { grid-column: 1; display: flex; align-items: baseline; gap: 5px; font-size: 13px; color: var(--text-2); white-space: nowrap; }
.ops-cal__date b { font-size: 22px; line-height: 1; font-weight: 700; color: var(--text); letter-spacing: -.02em; }
.ops-cal__today { align-self: center; padding: 2px 7px; border-radius: 999px; font-size: 11px; font-weight: 700; background: var(--accent); color: #0F2347; }
.ops-cal__count { grid-column: 2; grid-row: 1 / span 2; font-size: 12px; font-weight: 600; color: var(--text-3); font-variant-numeric: tabular-nums; }
.ops-cal__count.is-all { color: var(--accent-text); }
.ops-cal__prog { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: transparent; }
.ops-cal__prog i { display: block; height: 100%; background: var(--accent); }
.ops-cal__day.is-today .ops-cal__head { background: var(--accent-soft); }
.ops-cal__day.is-today .ops-cal__dname { color: var(--accent-text); }
.ops-cal__list { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 10px; min-height: 150px; }
.ops-cal__empty { margin: auto 0; text-align: center; font-size: 12px; color: var(--text-3); }

.ops-ev { display: flex; flex-direction: column; gap: 6px; padding: 10px 11px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface);
  color: var(--text); text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
a.ops-ev:hover { border-color: color-mix(in srgb, var(--k) 45%, var(--border)); box-shadow: 0 6px 18px -12px rgba(15, 35, 71, .45); transform: translateY(-1px); }
.ops-ev.is-preview { border-style: dashed; cursor: default; }
.ops-ev__top { display: flex; align-items: center; gap: 6px; min-width: 0; }
.ops-ev__icon { flex: 0 0 22px; width: 22px; height: 22px; border-radius: 7px; display: grid; place-items: center; font-size: 13px; color: var(--k); background: color-mix(in srgb, var(--k) 13%, var(--surface)); }
.ops-ev__kind { font-size: 11.5px; font-weight: 600; color: var(--k); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ops-ev__ai { margin-left: auto; display: inline-flex; align-items: center; gap: 2px; font-size: 10.5px; font-weight: 700; color: var(--ai, #7C3AED); }
.ops-ev__title { font-size: 13px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.ops-ev__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.ops-ev__status { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; color: var(--text-3); white-space: nowrap; }
.ops-ev--done .ops-ev__status { color: var(--accent-text); }
.ops-ev--done { background: color-mix(in srgb, var(--accent) 6%, var(--surface)); }
.ops-ev--missed .ops-ev__status { color: var(--danger); }
.ops-ev--missed .ops-ev__title { color: var(--text-2); }
.ops-ev--skipped, .ops-ev--replaced, .ops-ev--removed { opacity: .65; }
.ops-cal__day.is-today .ops-ev--open { border-color: color-mix(in srgb, var(--k) 35%, var(--border)); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ops-ev__icon { background: color-mix(in srgb, var(--k) 24%, var(--surface)); }
}
:root[data-theme="dark"] .ops-ev__icon { background: color-mix(in srgb, var(--k) 24%, var(--surface)); }
@media (max-width: 1100px) { .ops-cal-wrap { overflow-x: auto; } .ops-cal { grid-template-columns: repeat(7, minmax(168px, 1fr)); } }
@media (max-width: 720px) {
  .ops-cal-wrap { overflow: hidden; }
  .ops-cal { grid-template-columns: 1fr; }
  .ops-cal__day.is-past:not(.is-today) { order: 1; }
  .ops-cal__list { min-height: 0; }
  .ops-cal__empty { margin: 0; text-align: left; }
}

/* Pazaryeri Reklamları › rapor yükleme: iki rapor türü, çoklu dosya + "hangi reklamın?" seçimi; satırda ürün raporu durumu */
.tyad-rtypes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 10px; }
.tyad-rtype { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.tyad-rtype > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tyad-rtype small { color: var(--text-2); font-size: 12.5px; line-height: 1.45; }
.tyad-rtype__n { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 999px; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #F27A1A; color: #fff; }
.tyad-upform { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.tyad-upform .field { flex: 1 1 240px; min-width: 0; }
.tyad-upform .btn { flex: 0 0 auto; }
.tyad-detail-link span { color: var(--text-3); font-weight: 500; }
.tyad-detail-link.is-missing span { color: #C2410C; }

/* SEO Uzmanı: puan renkleri, ürün tablosu, karşılaştırma, görsel önerileri */
.seo-head { display: flex; align-items: flex-start; gap: 12px; }
.seo-head__chip { flex: 0 0 auto; margin-top: 4px; }
.seo-num { font-variant-numeric: tabular-nums; }
.seo-num span { font-size: 13px; font-weight: 500; color: var(--text-3); margin-left: 2px; }
.seo-num--good { color: var(--accent-text); } .seo-num--mid { color: #B45309; } .seo-num--low { color: var(--danger); }
.seo-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.seo-bar .tyad-pills { flex: 1 1 auto; }
.seo-search .input { width: 220px; max-width: 100%; }
.seo-bar__actions { display: flex; gap: 6px; flex-wrap: wrap; }
.seo-table td { vertical-align: middle; }
.seo-prod a { display: flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none; min-width: 260px; }
.seo-prod img, .seo-prod__noimg { flex: 0 0 40px; width: 40px; height: 60px; object-fit: cover; border-radius: 6px; border: 1px solid var(--border); background: var(--surface-2); display: grid; place-items: center; color: var(--text-3); }
.seo-prod span { display: flex; flex-direction: column; gap: 2px; min-width: 0; white-space: normal; }
.seo-prod a:hover b { text-decoration: underline; }
.seo-score { display: inline-grid; place-items: center; min-width: 38px; height: 26px; padding: 0 8px; border-radius: 999px; font-weight: 700; font-size: 13px; font-variant-numeric: tabular-nums; }
.seo-score--good { background: var(--accent-soft); color: var(--accent-text); }
.seo-score--mid { background: color-mix(in srgb, #F59E0B 16%, transparent); color: #B45309; }
.seo-score--low { background: color-mix(in srgb, var(--danger) 13%, transparent); color: var(--danger); }
.seo-bar-mini { display: inline-block; width: 64px; height: 6px; border-radius: 999px; background: var(--surface-3, var(--border)); overflow: hidden; vertical-align: middle; margin-right: 6px; }
.seo-bar-mini i { display: block; height: 100%; border-radius: inherit; }
.seo-bar-mini--good i { background: var(--accent); } .seo-bar-mini--mid i { background: #F59E0B; } .seo-bar-mini--low i { background: var(--danger); }
.tyad-stat .seo-bar-mini { width: 100%; margin: 4px 0 0; }
.seo-title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 22px; line-height: 1.3; }
.seo-apply { border-left: 3px solid var(--primary, #0F2347); }
.seo-apply--applied { border-left-color: var(--accent); } .seo-apply--failed { border-left-color: var(--danger); } .seo-apply--partial { border-left-color: #F59E0B; }
.seo-rule ul { margin: 4px 0 0; padding-left: 18px; }
.seo-kw { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.seo-kw span { padding: 3px 9px; border-radius: 999px; font-size: 12px; background: var(--surface-2); border: 1px solid var(--border); color: var(--text-2); }
.seo-send { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.seo-cmp { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 16px; }
.seo-cmp > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.seo-cmp__lbl { font-size: 11.5px; font-weight: 600; color: var(--text-3); text-transform: uppercase; letter-spacing: .03em; }
.seo-cmp__cur { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--surface-2); font-size: 14px; line-height: 1.45; }
.seo-cmp__new { font-size: 14px; line-height: 1.45; resize: vertical; }
.seo-issues { margin: 0; padding-left: 18px; color: var(--text-2); }
.seo-html { max-height: 360px; overflow: auto; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; font-size: 13.5px; line-height: 1.55; background: var(--surface); }
.seo-html--cur { background: var(--surface-2); }
.seo-html p { margin: 0 0 8px; } .seo-html ul, .seo-html ol { margin: 0 0 8px; padding-left: 20px; } .seo-html h3, .seo-html h4 { margin: 8px 0 4px; font-size: 14px; }
.seo-edit textarea { margin-top: 6px; font-size: 12.5px; }
.seo-imgs { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.seo-img { margin: 0; display: flex; flex-direction: column; gap: 4px; }
.seo-img img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 8px; border: 1px solid var(--border); background: var(--surface-2); }
.seo-img figcaption, .seo-img > span { font-size: 12px; color: var(--text-2); text-align: center; }
.seo-img--pick { cursor: pointer; }
.seo-img--pick:has(input:checked) img { outline: 3px solid var(--accent); outline-offset: 1px; }
.seo-vis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 10px; }
.seo-vis__card { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.seo-vis__card p { margin: 0; }
.seo-vis__act { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, #0EA5E9 14%, transparent); color: #0369A1; }
.seo-vis__act--remove { background: color-mix(in srgb, var(--danger) 12%, transparent); color: var(--danger); }
.seo-submit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .seo-vis__act { color: #7DD3FC; } }
:root[data-theme="dark"] .seo-vis__act { color: #7DD3FC; }
.seo-wrap { overflow-x: auto; }
.seo-attrs td:last-child { white-space: normal; }
/* SEO Uzmanı: kural / AI etiketi, günlük hak, toplu seçim, görsel önerisi durumu */
.seo-src { display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 999px; font-size: 10.5px; font-weight: 600; color: var(--text-3); background: var(--surface-2); border: 1px solid var(--border); vertical-align: middle; }
.seo-src--ai { color: #6D28D9; background: color-mix(in srgb, #7C3AED 10%, transparent); border-color: color-mix(in srgb, #7C3AED 25%, transparent); }
.seo-legend { margin: 0 0 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.seo-legend .seo-src { margin-left: 0; }
.seo-chk { width: 34px; }
.seo-chk input { width: 16px; height: 16px; cursor: pointer; }
.seo-bulkbar { position: sticky; top: 72px; z-index: 4; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-bottom: 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--accent); background: var(--accent-soft); }
.seo-bulkbar[hidden] { display: none; }
.seo-analyze { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.seo-vis__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.seo-vis__row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.seo-vis__btns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .seo-src--ai { color: #C4B5FD; } }
:root[data-theme="dark"] .seo-src--ai { color: #C4B5FD; }

/* Günlük: listede kısa özet + "Detaylı raporu göster"; detaylı rapor (acil aksiyonlar, alan bölümleri) */
.jr-entry__summary--short { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.jr-entry__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.jr-more { margin-top: 8px; }
.jr-more > summary { cursor: pointer; color: var(--text-2); }
.jr-more[open] > summary { margin-bottom: 8px; }
.jrr-head { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; margin-bottom: 14px; border-radius: 14px; background: var(--primary-soft, #EBF0F9); border: 1px solid var(--border); }
.jrr-head__icon { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 18px; background: var(--surface); color: var(--primary, #0F2347); }
.jrr-head > div { display: flex; flex-direction: column; gap: 3px; }
.jrr-head__line { font-size: 15.5px; line-height: 1.4; }
.jrr-urgent { border-color: color-mix(in srgb, var(--danger) 35%, var(--border)); }
.jrr-urgent .card__title .ph { color: var(--danger); }
.jrr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.jrr-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.jrr-item--now { border-left: 3px solid var(--danger); } .jrr-item--today { border-left: 3px solid #F59E0B; } .jrr-item--week { border-left: 3px solid var(--border-strong, var(--border)); }
.jrr-item__no { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 999px; display: grid; place-items: center; font-size: 12.5px; font-weight: 700; background: var(--surface-2); color: var(--text-2); }
.jrr-item__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.jrr-item__body p { margin: 0; }
.jrr-item__top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.jrr-area { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--text-3); }
.jrr-item__go { flex: 0 0 auto; align-self: center; white-space: nowrap; }
.jrr-overview { font-size: 14px; line-height: 1.65; }
.jrr-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 14px; margin: 14px 0; }
.jrr-sec .card__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.jrr-sec--bad { border-top: 3px solid var(--danger); } .jrr-sec--watch { border-top: 3px solid #F59E0B; } .jrr-sec--good { border-top: 3px solid var(--accent); }
.jrr-nums { display: flex; flex-wrap: wrap; gap: 8px; }
.jrr-nums span { display: flex; flex-direction: column; gap: 1px; padding: 6px 10px; border-radius: 10px; background: var(--surface-2); min-width: 90px; }
.jrr-nums small { font-size: 11px; color: var(--text-3); }
.jrr-nums b { font-size: 14px; font-variant-numeric: tabular-nums; }
.jrr-find { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.jrr-raw { margin-top: 14px; }
.jrr-raw > summary { cursor: pointer; list-style: none; }
.jrr-raw > summary::-webkit-details-marker { display: none; }
@media (max-width: 640px) { .jrr-item { flex-wrap: wrap; } .jrr-item__go { margin-left: 38px; } }
.img-fallback { object-fit: cover; }

/* Pazaryeri reklamı › analiz ve ürün tablosu */
.adx-kpis { margin-bottom: 16px; }
.adx-find { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.adx-find__item { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 13.5px; line-height: 1.45; }
.adx-find__item > i { font-size: 17px; flex: none; margin-top: 1px; }
.adx-find__item--danger { border-color: var(--danger-line); background: var(--danger-soft); } .adx-find__item--danger > i { color: var(--danger); }
.adx-find__item--warning > i { color: #B45309; } .adx-find__item--warning { border-color: rgba(180, 83, 9, .28); }
.adx-find__item--success { border-color: var(--success-line); background: var(--success-soft); } .adx-find__item--success > i { color: var(--success); }
.adx-find__item--info > i { color: var(--primary); } .adx-find__item--neutral > i { color: var(--text-3); }
.adx-chart { margin: 4px 0 0; }
.adx-chart figcaption { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin-bottom: 6px; }
.adx-legend { margin-left: auto; display: inline-flex; gap: 6px; align-items: center; color: var(--text-2); }
.adx-dot { width: 10px; height: 10px; border-radius: 3px; display: inline-block; margin-left: 6px; }
.adx-dot--spend, .adx-bar--spend { background: var(--text-3); fill: var(--text-3); opacity: .55; }
.adx-dot--rev, .adx-bar--rev { background: var(--success-solid); fill: var(--success-solid); }
.adx-chart svg { width: 100%; height: auto; max-height: 230px; display: block; }
.adx-axis { stroke: var(--border); stroke-width: 1; }
.adx-val { font-size: 11.5px; font-weight: 700; fill: var(--text-2); } .adx-val.is-good { fill: var(--success); } .adx-val.is-bad { fill: var(--danger); }
.adx-lbl { font-size: 11px; fill: var(--text-2); } .adx-lbl--sm { font-size: 9.5px; fill: var(--text-3); }
.adx-table td { vertical-align: top; }
.adx-prod { display: flex; gap: 10px; align-items: flex-start; min-width: 240px; max-width: 360px; }
.adx-prod__img { width: 44px; height: 58px; border-radius: 8px; overflow: hidden; flex: none; background: var(--surface-2, #F2F4F7); display: grid; place-items: center; color: var(--text-3); }
.adx-prod__img img { width: 100%; height: 100%; object-fit: cover; }
.adx-prod a { color: inherit; } .adx-prod a:hover { color: var(--primary); }
.adx-wait { color: var(--text-3); font-size: 13px; text-align: center; vertical-align: middle !important; background: repeating-linear-gradient(-45deg, transparent 0 8px, rgba(138, 148, 166, .06) 8px 16px); }
.adx-flag { font-size: 12px; margin-top: 4px; color: var(--text-2); }
.adx-flag--danger { color: var(--danger); } .adx-flag--warning { color: #B45309; }
.adx-table td { white-space: normal; }
.adx-table .num { white-space: nowrap; }
.adx-table .tyad-dec { min-width: 220px; }

/* Reklam Uzmanı (Reklam › Genel bakış, kanal sekmeleri, kreatif kütüphanesi, ayarlar) */
.ads-ch { display: flex; align-items: center; gap: 10px; min-width: 200px; }
.ads-ch > span:last-child { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ads-ch__ico { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; flex: none; font-size: 17px; color: #fff; background: var(--c, var(--primary)); }
.ads-ch__ico--logo { background: #fff; border: 1px solid var(--border); }
.ads-ch__ico--lg { width: 44px; height: 44px; border-radius: 12px; font-size: 23px; }
.ads-channels tr.is-soon td { color: var(--text-3); }
.ads-channels tr.is-soon .ads-ch__ico { opacity: .55; }
.ads-head { display: flex; align-items: center; gap: 14px; }
.tab.is-disabled { opacity: .55; }
.ads-soon { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 40px 24px; background: var(--surface); border: 1px dashed var(--border-strong); border-radius: var(--r-card); margin-top: 16px; }
.ads-soon h2 { font-size: 16px; margin: 0; }
.ads-soon p { max-width: 620px; margin: 0; }
.ads-soon__tabs { list-style: none; margin: 4px 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; font-size: 12.5px; color: var(--text-2); }
.ads-soon--inline { padding: 32px 24px; }
.ads-kpis { margin-top: 16px; }
.ads-kpi-small { font-size: 16px !important; }
.ads-camps td { vertical-align: top; }
.ads-camps tr.is-off td { color: var(--text-3); }
.ads-camps__st { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.ads-sub { display: block; font-size: 11px; white-space: nowrap; }
.ads-pace__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-bottom: 8px; }
.ads-pace__cell { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); min-width: 0; }
.ads-pace__cell b { font-size: 16px; font-variant-numeric: tabular-nums; }
.ads-pace__cell b .muted { font-size: 12.5px; font-weight: 500; }
.ads-meter { display: block; height: 6px; border-radius: 99px; background: var(--surface-3); overflow: hidden; }
.ads-meter i { display: block; height: 100%; border-radius: inherit; background: var(--success-solid); }
.ads-meter.is-near i { background: var(--warning); }
.ads-meter.is-over i { background: var(--danger); }
.ads-pace__rule { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border); }
.ads-pace__rule .badge { flex: none; }
.ads-rep__h { display: flex; align-items: center; gap: 6px; font-size: 13px; margin: 16px 0 6px; }
.ads-rep__list { margin: 0; padding-left: 18px; font-size: 12.5px; line-height: 1.55; color: var(--text-2); }
.ads-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--border-strong); display: inline-block; flex: none; }
.ads-dot.is-live { background: var(--success-solid); }
.ads-finding { display: flex; gap: 6px; align-items: flex-start; font-size: 11.5px; line-height: 1.45; margin-top: 6px; padding: 6px 8px; border-radius: 8px; max-width: 520px; }
.ads-finding--warning { background: var(--warning-soft); color: var(--warning); }
.ads-finding--danger { background: var(--danger-soft); color: var(--danger); }
.ads-finding--neutral { background: var(--surface-2); color: var(--text-2); }
.cr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.cr-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--shadow-card); }
.cr-card__media { position: relative; aspect-ratio: 4 / 5; background: var(--surface-3); display: block; }
.cr-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cr-card__ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 28px; color: var(--text-3); }
.cr-card__fmt { position: absolute; left: 8px; bottom: 8px; display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: var(--r-pill); background: rgba(0, 0, 0, .55); color: #fff; }
.cr-card__score { position: absolute; right: 8px; top: 8px; font-size: 12px; height: 26px; padding: 0 10px; }
.cr-card__body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 6px; }
.cr-card__cap { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--text-2); min-height: 36px; }
.cr-card__metrics { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 11.5px; color: var(--text-3); font-variant-numeric: tabular-nums; }
.cr-card__metrics span { display: inline-flex; align-items: center; gap: 3px; }
.cr-card__why { margin: 0; padding-left: 16px; font-size: 11.5px; color: var(--text-2); line-height: 1.5; }
.ads-eco { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ads-eco > div { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px; background: var(--surface-2); border: 1px solid var(--border); }
.ads-eco b { font-size: 18px; font-variant-numeric: tabular-nums; }
.ads-eco p { grid-column: 1 / -1; margin: 0; }
.ads-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ads-form-grid__wide { grid-column: 1 / -1; }
.ads-rules { list-style: none; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.ads-rules li { display: flex; gap: 10px; align-items: flex-start; }
.ads-rules li > div { display: flex; flex-direction: column; gap: 1px; font-size: 13px; }
.ads-rules__ico { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; flex: none; background: var(--primary-soft); color: var(--primary-text); }
@media (max-width: 720px) { .ads-eco { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ads-form-grid { grid-template-columns: minmax(0, 1fr); } }
.acct-row--pick { cursor: pointer; padding: 10px 8px; border-radius: 10px; }
.acct-row--pick:hover { background: var(--surface-2); }
.acct-row--pick input { flex: none; }

/* SEO Uzmanı › Site denetimi */
.seo-tabs { margin-bottom: 16px; }
.seo-actions { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.seo-sitebar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; margin-bottom: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.seo-sitebar.is-crawling { border-color: var(--primary-soft-2, var(--border)); }
.seo-sitebar__main { display: flex; gap: 12px; align-items: center; min-width: 0; }
.seo-sitebar__main > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.seo-sitebar__main b a { color: inherit; } .seo-sitebar__main b a:hover { color: var(--primary); }
.seo-sitebar__icon { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--primary-soft, rgba(15, 35, 71, .08)); color: var(--primary); font-size: 18px; flex: none; }
.seo-codes span { font-size: 18px; }
.seo-issues { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.seo-issue { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: start; padding: 10px 4px; border-bottom: 1px solid var(--border); }
.seo-issue:last-child { border-bottom: 0; }
.seo-issue > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.seo-issue > div a { color: inherit; } .seo-issue > div a:hover { color: var(--primary); }
.seo-issue__n { text-align: right; font-size: 12.5px; color: var(--text-2); white-space: nowrap; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.seo-grps { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.seo-grps li { display: grid; grid-template-columns: minmax(130px, 1fr) 1.2fr 32px; gap: 10px; align-items: center; font-size: 13px; }
.seo-grps a { color: inherit; display: inline-flex; gap: 6px; align-items: center; } .seo-grps a:hover { color: var(--primary); }
.seo-grps b { text-align: right; }
.seo-grps__bar { height: 8px; border-radius: 99px; background: var(--surface-2, rgba(138, 148, 166, .16)); overflow: hidden; }
.seo-grps__fill { display: block; height: 100%; border-radius: 99px; }
.seo-grps__fill--good { background: var(--success-solid); } .seo-grps__fill--mid { background: #F59E0B; } .seo-grps__fill--low { background: var(--danger); }
.seo-trend { margin-top: 12px; }
.seo-caps { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 6px; }
.seo-caps li { display: flex; gap: 8px; align-items: center; font-size: 13px; }
.seo-caps li > span:first-child { flex: 1; }
.seo-howto { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border-radius: 10px; background: var(--surface-2, rgba(138, 148, 166, .08)); }
.seo-ptable td { white-space: normal; vertical-align: top; } .seo-ptable td:first-child { min-width: 260px; max-width: 460px; word-break: break-word; }
.seo-pager { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 12px; }
.seo-dl { display: grid; grid-template-columns: 150px 1fr; gap: 8px 14px; margin: 0; font-size: 13.5px; }
.seo-dl dt { color: var(--text-2); } .seo-dl dd { margin: 0; word-break: break-word; }
.seo-page-title { word-break: break-word; }
@media (max-width: 640px) { .seo-dl { grid-template-columns: 1fr; } .seo-issue { grid-template-columns: 1fr; } .seo-issue__n { align-items: flex-start; text-align: left; } .seo-sitebar { flex-direction: column; align-items: stretch; } }
/* SEO Uzmanı › Arama performansı ve Hız */
.seo-grid2 { grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); align-items: start; margin-bottom: 20px; }
.seo-mini { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 6px; }
.seo-mini b { font-size: 16px; }
.seo-gchart { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.seo-gchart figure { margin: 0; }
.seo-gchart svg { width: 100%; height: 90px; display: block; margin-top: 6px; }
.seo-gchart__ax { display: flex; justify-content: space-between; }
.seo-gl { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.seo-gl--c { stroke: var(--primary); } .seo-gl--i { stroke: #8B5CF6; }
.seo-search--wide { margin: 0 0 14px; max-width: 420px; }
.seo-cannibal { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 13px; }
.seo-cannibal ul { margin: 4px 0 0; padding-left: 18px; }
.seo-speed__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.seo-speed__col { display: flex; flex-direction: column; gap: 8px; }
.seo-speed__top { display: flex; justify-content: space-between; align-items: center; }
.seo-speed__score { font-size: 24px; font-weight: 800; }
.seo-cwv { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; }
.seo-cwv small { flex-basis: 100%; }
.seo-lab { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--text-2); }
.seo-ops { margin: 0; padding-left: 18px; display: grid; gap: 3px; }
.seo-q { margin: 0; padding-left: 18px; }
.text-warn { color: #B45309; }
.seo-code { display: block; padding: 8px 10px; border-radius: 8px; background: var(--surface-2, rgba(138, 148, 166, .1)); font-size: 12.5px; word-break: break-all; }
.gsc-steps { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.gsc-help summary { cursor: pointer; font-weight: 600; }
.gsc-help ol { margin: 8px 0 0; padding-left: 20px; display: grid; gap: 5px; }
.gsc-acc { display: flex; gap: 10px; align-items: center; } .gsc-acc > i { font-size: 22px; color: #4285F4; }
.gsc-acc > div { display: flex; flex-direction: column; }
.gsc-actions { display: flex; gap: 8px; align-items: center; }
/* SEO Uzmanı › Düzeltmeler */
.seo-fixtable td input.input { min-width: 220px; width: 100%; }
.seo-fixbar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.seo-fixlink { align-self: flex-start; }
.seo-todo { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.seo-todo__g { padding: 12px; border: 1px solid var(--border); border-radius: 10px; display: flex; flex-direction: column; gap: 6px; }
.seo-todo__h { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.seo-todo__g ul { margin: 0; padding-left: 18px; }
/* SEO Uzmanı › İçerik, Kelimeler ve linkler */
.seo-metas { display: grid; gap: 12px; }
.seo-meta { border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.seo-meta__top { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; }
.seo-meta__top a { color: inherit; font-weight: 600; } .seo-meta__top a:hover { color: var(--primary); }
.seo-meta__cmp { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.seo-meta__cmp > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.seo-meta__t { color: #1A0DAB; font-size: 15px; font-weight: 500; } :root[data-theme="dark"] .seo-meta__t { color: #8AB4F8; }
.seo-meta__d { font-size: 13px; color: var(--text-2); }
.seo-meta__t.is-old, .seo-meta__d.is-old { color: var(--text-3); font-weight: 400; }
input.seo-meta__t, textarea.seo-meta__d { width: 100%; }
.seo-meta__acts { display: flex; flex-wrap: wrap; gap: 6px; }
.seo-ideas { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 13px; }
.seo-ideas li { padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; display: flex; flex-direction: column; gap: 4px; }
/* SEO Uzmanı › İzleme */
.seo-alert { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); color: inherit; }
.seo-alert:hover { border-color: var(--primary); }
.seo-alert > i { font-size: 17px; flex: none; margin-top: 1px; }
.seo-alert--critical { border-color: var(--danger-line); background: var(--danger-soft); } .seo-alert--critical > i { color: var(--danger); }
.seo-alert--high > i { color: #B45309; } .seo-alert--medium > i { color: var(--text-3); }
.seo-wait { margin-top: 12px; } .seo-wait summary { cursor: pointer; } .seo-wait ul { margin: 8px 0 0; padding-left: 18px; }
.seo-hist { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.seo-hist li { display: grid; grid-template-columns: 86px 1fr 32px 70px; gap: 10px; align-items: center; }
.seo-tabs { flex-wrap: wrap; row-gap: 2px; overflow-x: visible; }
/* SEO Uzmanı › tarama ilerlemesi */
.seo-sitebar { flex-wrap: wrap; }
.seo-progress { flex-basis: 100%; height: 6px; border-radius: 99px; background: var(--surface-2, rgba(138, 148, 166, .18)); overflow: hidden; }
.seo-progress > i { display: block; height: 100%; border-radius: 99px; background: var(--success-solid); transition: width .6s ease; }
.seo-progress--lg { height: 10px; max-width: 520px; margin: 12px auto; }
.seo-crawling .empty__text { max-width: 620px; }
.seo-progress--lg { width: 100%; flex: none; }

/* ---------- Onaylar › işlem detayı penceresi ---------- */
button.action-card__title { all: unset; font-weight: 550; font-size: 12.5px; cursor: pointer; line-height: 1.4; }
button.action-card__title:hover { color: var(--primary); text-decoration: underline; text-underline-offset: 2px; }
button.action-card__title:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 4px; }
.adetail .modal__body { gap: 14px; }
.adetail__meta { display: flex; align-items: center; gap: 10px; }
.adetail__meta > span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.adetail__meta small { color: var(--text-3); font-size: 12px; }
.adetail__sec { border: 1px solid var(--border); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.adetail__sec h3 { font-size: 13px; display: flex; align-items: center; gap: 6px; margin: 0; }
.adetail__sec > .btn { align-self: flex-start; }
.adetail__why { background: var(--surface-2); }
.adetail__why .md { font-size: 13px; }
.adetail__fields { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 0; font-size: 12.5px; }
.adetail__fields dt { color: var(--text-3); }
.adetail__fields dd { margin: 0; overflow-wrap: anywhere; }
.adetail__text { white-space: pre-wrap; font-size: 12.5px; background: var(--surface-2); border-radius: 8px; padding: 10px 12px; max-height: 260px; overflow-y: auto; }
.adetail__imgs { display: flex; flex-wrap: wrap; gap: 8px; }
.adetail__img { all: unset; cursor: zoom-in; width: 108px; height: 108px; border-radius: 10px; overflow: hidden; border: 1px solid var(--border); background: var(--surface-2); }
.adetail__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.adetail__img:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.adetail__items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; font-size: 12.5px; }
.adetail__items li { display: grid; grid-template-columns: 92px 1fr; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--border); }
.adetail__items li:last-child { border-bottom: 0; }
.adetail__items small { display: block; color: var(--text-3); font-size: 11.5px; }
.adetail__when { color: var(--text-2); font-variant-numeric: tabular-nums; }
.adetail__table { overflow: auto; max-height: 340px; }
.adetail__table td { font-size: 12px; vertical-align: top; }
.adetail__acts { display: flex; gap: 8px; }
@media (max-width: 600px) { .adetail__fields { grid-template-columns: 1fr; gap: 2px; } .adetail__fields dd { margin-bottom: 6px; } .adetail__items li { grid-template-columns: 1fr; gap: 2px; } .adetail__img { width: 86px; height: 86px; } }
.adetail__why summary { font-size: 13px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; list-style: none; }
.adetail__why summary::-webkit-details-marker { display: none; }
.adetail__why summary::after { content: "▾"; margin-left: auto; color: var(--text-3); transition: transform .15s; }
.adetail__why:not([open]) summary::after { transform: rotate(-90deg); }

/* ---------- Satış Operatörü › Ürün ilgisi (favori / görüntülenme / sepet) ---------- */
.ops-view__n--warn { background: var(--warning-soft, #FFF4DB); color: var(--warning, #B26B00); }
.ops-card--ask { border-color: var(--warning, #E0A100); box-shadow: 0 0 0 1px var(--warning-soft, #FFF4DB) inset; }
.ops-funnel-form .form-row { gap: 10px; }
.ops-funnel-periods { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--border); padding-top: 12px; }
.ops-funnel-periods__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ops-funnel-periods__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.ops-funnel-periods__list li { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 14px; border-bottom: 1px solid var(--border); font-size: 13px; }
.ops-funnel-periods__list li:last-child { border-bottom: 0; }
.ops-funnel-periods__range { display: inline-flex; align-items: center; gap: 8px; }
.ops-funnel-periods__list li small { flex: 1 1 auto; }
.ops-danger-btn { color: var(--text-2); }
.ops-danger-btn:hover { color: var(--danger); background: var(--danger-soft, rgba(217, 45, 32, .08)); }
.ops-funnel-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; }
.ops-funnel-kpis > div { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.ops-funnel-kpis b { font-size: 18px; font-variant-numeric: tabular-nums; }
.ops-funnel-kpis small:not(.muted) { color: var(--text-3); font-size: 11.5px; }
.ops-funnel-table td.num, .ops-funnel-table th.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ops-funnel-table td.num small { display: block; color: var(--text-3); font-size: 11px; }
.ops-funnel-table th small { font-weight: 400; color: var(--text-3); }
.ops-funnel-prod { display: flex; gap: 10px; align-items: center; min-width: 220px; }
.ops-funnel-prod img { width: 36px; height: 36px; border-radius: 6px; object-fit: cover; flex: none; background: var(--surface-2); }
.ops-funnel-prod span { display: flex; flex-direction: column; min-width: 0; }
.ops-funnel-prod small { font-size: 11px; }
.ops-funnel-filter { margin-top: 0; }
.ops-funnel-filter .chip-link.is-active { background: var(--primary); color: #fff; }
.ops-funnel-filter .chip-link.is-active .dot { box-shadow: 0 0 0 2px #fff; }
.dot--neutral { background: var(--border-strong); }
.ops-funnel-more summary { cursor: pointer; font-size: 12.5px; color: var(--text-2); }
.ops-funnel-more[open] summary { margin-bottom: 10px; }

/* ---------- Dosya yükleme alanı (genel, app.js fdrop) ---------- */
.fdrop { position: relative; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; min-height: 64px; padding: 14px 16px; border: 1.5px dashed var(--border-strong);
  border-radius: 14px; background: var(--surface-2); transition: border-color .15s, background .15s, box-shadow .15s; }
.fdrop:hover { border-color: var(--primary); background: var(--primary-soft); }
.fdrop.is-focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.fdrop.is-drag { border-style: solid; border-color: var(--primary); background: var(--primary-soft); box-shadow: 0 0 0 4px var(--primary-soft); }
.fdrop.is-filled { border-style: solid; border-color: var(--success-line, var(--border)); background: var(--surface); }
.fdrop.is-invalid { border-color: var(--danger); }
.fdrop__input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1; font-size: 0; }
.fdrop__icon { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); color: var(--primary);
  font-size: 21px; box-shadow: 0 1px 2px rgba(15, 35, 71, .08), inset 0 0 0 1px var(--border); transition: transform .15s; }
.fdrop:hover .fdrop__icon, .fdrop.is-drag .fdrop__icon { transform: translateY(-2px); }
.fdrop.is-filled .fdrop__icon { color: var(--success-solid, #16A34A); }
.fdrop__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 200px; font-size: 13px; color: var(--text-2); line-height: 1.35; }
.fdrop__text b { color: var(--text); font-weight: 600; }
.fdrop__text small { font-size: 11.5px; color: var(--text-3); }
.fdrop__or { display: inline; }
.fdrop__files { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 100%; }
.fdrop__files:empty { display: none; }
.fdrop__file { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 5px 10px; border-radius: 999px; background: var(--surface-2);
  border: 1px solid var(--border); font-size: 12px; color: var(--text); }
.fdrop__file b { font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.fdrop__file small { color: var(--text-3); font-variant-numeric: tabular-nums; }
.fdrop__more { font-size: 12px; color: var(--text-3); align-self: center; }
.fdrop__clear { position: absolute; top: 8px; right: 8px; z-index: 2; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--border); background: var(--surface);
  color: var(--text-2); display: grid; place-items: center; cursor: pointer; font-size: 13px; }
.fdrop__clear:hover { color: var(--danger); border-color: var(--danger); }
.fdrop__clear[hidden] { display: none; }
.field .fdrop { margin-top: 2px; }
.ops-upload > .fdrop, .ops-upload-form .fdrop { width: 100%; }
@media (max-width: 600px) { .fdrop { gap: 10px; padding: 12px; } .fdrop__or { display: none; } }

/* ---------- SEO Uzmanı › alt sekmeler ve Yapılacaklar ---------- */
.seo-subtabs { display: flex; flex-wrap: wrap; gap: 6px; margin: -6px 0 16px; }
.seo-subtab { padding: 6px 12px; border-radius: 999px; font-size: 12.5px; color: var(--text-2); background: var(--surface-3); text-decoration: none; }
.seo-subtab:hover { color: var(--text); }
.seo-subtab.is-active { background: var(--primary); color: #fff; }
.todo-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 14px 18px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); margin-bottom: 14px; }
.todo-sum > div:first-child { display: flex; flex-direction: column; }
.todo-sum > div:first-child b { font-size: 18px; }
.todo-sum > div:first-child small { color: var(--text-3); font-size: 12px; }
.todo-sum__who { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; padding: 5px 10px; border-radius: 999px; }
.todo-sum p { flex: 1 1 100%; margin: 0; }
.todo-who--ekipso { background: var(--success-soft); color: var(--success); }
.todo-who--you { background: var(--warning-soft); color: var(--warning); }
.todo-who--file { background: var(--primary-soft); color: var(--primary-text, var(--primary)); }
.todo-who--support { background: var(--surface-3); color: var(--text-2); }
.todo-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.todo { display: flex; gap: 14px; padding: 18px 20px; border: 1px solid var(--border); border-left: 4px solid var(--border-strong); border-radius: 14px; background: var(--surface); }
.todo--critical { border-left-color: var(--danger); }
.todo--high { border-left-color: #F79009; }
.todo--medium { border-left-color: var(--primary); }
.todo.is-checking { opacity: .85; }
.todo__num { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--surface-3); font-weight: 700; font-size: 13px; color: var(--text-2); }
.todo__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.todo__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 12px; color: var(--text-3); }
.todo__who { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; font-weight: 550; }
.todo__title { font-size: 15.5px; margin: 0; }
.todo__what { margin: 0; font-size: 13.5px; color: var(--text-2); line-height: 1.5; }
.todo__how { background: var(--surface-2); border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.todo__how > b { display: flex; align-items: center; gap: 6px; }
.todo__how ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; line-height: 1.5; }
.todo__copy { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 10px; border: 1px dashed var(--border-strong); border-radius: 8px; background: var(--surface); }
.todo__copy-l { font-size: 12px; color: var(--text-3); flex: 1 1 100%; }
.todo__copy code { flex: 1 1 260px; font-size: 13px; overflow-wrap: anywhere; color: var(--text); background: none; }
.todo__ex summary { cursor: pointer; font-size: 12.5px; color: var(--text-2); }
.todo__ex ul { margin: 6px 0 0; padding-left: 18px; font-size: 12.5px; display: flex; flex-direction: column; gap: 3px; }
.todo__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.todo__checking { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--text-2); }
.todo-skip { margin-top: 14px; font-size: 13px; color: var(--text-2); }
.todo-skip summary { cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.todo-skip ul { margin: 8px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; }
@media (max-width: 600px) { .todo { padding: 14px; gap: 10px; } .todo__num { display: none; } }
.seo-speed__band { font-size: 11.5px; font-weight: 600; margin-left: auto; margin-right: 6px; }

/* ---------- Satış Operatörü › sürekli kampanyalar ve günlük kontrol ---------- */
.ops-camp-check { border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; background: var(--surface); display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.ops-camp-check.is-urgent { border-color: var(--warning-line); background: var(--warning-soft); }
.ops-camp-check__head { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.ops-camp-check__why { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 3px; font-size: 13px; }
.ops-camp-check__acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ops-camp-dates-hint { margin-top: -6px; }
.ops-ev.is-soft:not(.ops-ev--done) { opacity: .72; border-style: dashed; }

/* ---------- Satış Operatörü › kampanya / tarife tablo süzgeci ---------- */
.ops-filter { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.ops-filter__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ops-fchip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); color: var(--text-2); font-size: 12.5px; cursor: pointer; }
.ops-fchip b { font-weight: 650; color: var(--text); font-variant-numeric: tabular-nums; }
.ops-fchip:hover { border-color: var(--border-strong); color: var(--text); }
.ops-fchip.is-active { background: var(--primary); border-color: var(--primary); color: #fff; }
.ops-fchip.is-active b { color: #fff; }
.ops-fchip--success:not(.is-active) b { color: var(--success); }
.ops-fchip--danger:not(.is-active) b { color: var(--danger); }
.ops-fchip--warning:not(.is-active) b { color: var(--warning); }
.ops-filter__row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ops-filter__q { width: min(320px, 100%); }
[data-comm-set].is-scoped { box-shadow: inset 0 0 0 1px var(--primary); }

/* ---------- Mağaza tasarımı: tarayıcıdan ekleme ---------- */
.ops-store-html .alert { margin: 8px 0; }
.ops-store-html__steps { margin: 6px 0 10px; padding-left: 20px; display: flex; flex-direction: column; gap: 3px; }
.ops-store-bm { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; padding: 12px 14px; border: 1px dashed var(--primary); border-radius: 12px; background: var(--primary-soft); margin: 8px 0; }
.ops-store-bm p { margin: 0; }
.ops-store-bm__link { cursor: grab; }

/* ---------- Satış Operatörü › Ürünler ve katılımlar ---------- */
.ptc { margin-top: 16px; }
.ptc-legend { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ptc-filter { display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.ptc-filter__top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ptc-filter__q { width: min(300px, 100%); }
.ptc-filter__sort { display: inline-flex; align-items: center; gap: 6px; }
.ptc-filter__rows { display: flex; flex-direction: column; gap: 6px; }
.ptc-filter__rows:empty { display: none; }
.ptc-frow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 10px; background: var(--surface); border: 1px solid var(--border); }
.ptc-frow .select, .ptc-frow .input { width: auto; min-width: 150px; }
.ptc-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ptc-qchip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 4px; border-radius: 999px; background: var(--surface); border: 1px solid var(--border); color: var(--text-2); text-decoration: none; }
.ptc-qchip:hover { color: var(--text); border-color: var(--border-strong); }
.ptc-qchip b { color: var(--text); font-variant-numeric: tabular-nums; }
.ptc-table th.ptc-col, .ptc-table td.ptc-col { text-align: center; width: 50px; font-size: 10px; white-space: normal; line-height: 1.15; padding-left: 3px; padding-right: 3px; }
.ptc-table th, .ptc-table td { padding-top: 8px; padding-bottom: 8px; padding-left: 6px; padding-right: 6px; }
.ptc-table th:first-child, .ptc-table td:first-child { padding-left: 10px; }
.ptc-table td.num, .ptc-table th.num { text-align: right; white-space: nowrap; }
.ptc-prod { display: flex; align-items: center; gap: 10px; min-width: 190px; }
.ptc-prod img, .ptc-noimg { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; flex: none; background: var(--surface-2); display: grid; place-items: center; color: var(--text-3); }
.ptc-prod span { display: flex; flex-direction: column; min-width: 0; }
.ptc-prod small { font-size: 11.5px; font-variant-numeric: tabular-nums; }
.ptc-ico { position: relative; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: var(--text-3); background: transparent; border: 1px solid var(--border); font-size: 15px; opacity: .45; cursor: default; }
.ptc-ico.is-on, .ptc-ico.is-plan { opacity: 1; }
.ptc-ico.is-plan { border-style: dashed; background: transparent !important; }
.ptc-ico:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.ptc-ico.is-warn { box-shadow: 0 0 0 2px var(--danger); }
.ptc-ico__n { position: absolute; top: -6px; right: -6px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: var(--text); color: var(--surface); font-size: 10px; font-style: normal; font-weight: 700; display: grid; place-items: center; }
.ptc-k--orange.is-on { background: #FFF1E6; color: #C2410C; border-color: #FDBA8C; } .ptc-k--orange.is-plan { color: #EA580C; border-color: #FDBA8C; }
.ptc-k--amber.is-on { background: #FEF7E0; color: #B45309; border-color: #FCD679; } .ptc-k--amber.is-plan { color: #D97706; border-color: #FCD679; }
.ptc-k--blue.is-on { background: #E8F1FF; color: #1D4ED8; border-color: #A9C8FF; } .ptc-k--blue.is-plan { color: #2563EB; border-color: #A9C8FF; }
.ptc-k--red.is-on { background: #FDECEC; color: #B91C1C; border-color: #F8B4B4; } .ptc-k--red.is-plan { color: #DC2626; border-color: #F8B4B4; }
.ptc-k--pink.is-on { background: #FCE8F3; color: #BE185D; border-color: #F5B3D5; } .ptc-k--pink.is-plan { color: #DB2777; border-color: #F5B3D5; }
.ptc-k--violet.is-on { background: #F1EBFF; color: #6D28D9; border-color: #C9B5FA; } .ptc-k--violet.is-plan { color: #7C3AED; border-color: #C9B5FA; }
.ptc-price b { display: block; font-size: 14px; font-variant-numeric: tabular-nums; }
.ptc-price small { font-weight: 400; color: var(--text-3); }
.ptc-price s { display: block; font-size: 12px; color: var(--text-3); font-variant-numeric: tabular-nums; }
.ptc-pager { display: flex; align-items: center; justify-content: center; gap: 10px; }
.ptc-float { position: fixed; z-index: 90; max-width: 360px; padding: 10px 12px; border-radius: 12px; background: var(--surface); color: var(--text); border: 1px solid var(--border); box-shadow: var(--shadow-pop, 0 12px 32px rgba(15,35,71,.18)); font-size: 12.5px; display: none; flex-direction: column; gap: 6px; pointer-events: none; }
.ptc-float.is-on { display: flex; }
.ptc-float .ptc-tip__row { display: block; line-height: 1.45; }
.ptc-tip__state { display: inline-block; padding: 0 6px; margin-right: 4px; border-radius: 999px; font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; }
.ptc-tip__state--on { background: var(--success-soft); color: var(--success); }
.ptc-tip__state--plan { background: var(--surface-3); color: var(--text-2); }
.ptc-tip__note { display: block; color: var(--danger); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ptc-ico.is-on { filter: saturate(.9) brightness(.92); } }
.ptc-prod__txt { min-width: 0; max-width: 230px; }
.ptc-name { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; }
.ptc-name:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 4px; }
.ptc-prod img { cursor: zoom-in; }
.ptc-stock { font-variant-numeric: tabular-nums; }
.ptc-stock.is-zero { color: var(--danger); }
.ptc-profit__v { display: inline-flex; flex-direction: column; align-items: flex-end; cursor: default; }
.ptc-profit__v b { font-size: 13.5px; font-variant-numeric: tabular-nums; }
.ptc-profit__v small { font-size: 11.5px; }
.ptc-profit__v.is-ok b { color: var(--success); } .ptc-profit__v.is-mid b { color: var(--warning); } .ptc-profit__v.is-bad b { color: var(--danger); }
.ptc-profit__stock { display: block; font-size: 11px; color: var(--text-3); font-variant-numeric: tabular-nums; }
.ptc-profit__v:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 4px; }

/* Web sitesi ölçümü: Bağlantılar penceresi (GA4 / Ekipso izleme kodu), süper admin kurulum kartı, Satış Operatörü web planı ve kanal dağılımı */
.wm-opt { border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; background: var(--surface); }
.wm-opt.is-on { border-color: var(--success-line); box-shadow: 0 0 0 1px var(--success-line) inset; }
.wm-opt__head { display: flex; gap: 10px; align-items: flex-start; }
.wm-opt__head > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.wm-opt__head > div > b { font-size: 13.5px; }
.wm-opt__ico { width: 34px; height: 34px; flex: none; border-radius: 9px; display: grid; place-items: center; font-size: 18px; color: #fff; background: var(--c); }
.wm-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.wm-row .select { flex: 1; min-width: 220px; }
.wm-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.wm-code { display: flex; gap: 6px; align-items: center; background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px; padding: 6px 8px; margin-top: 6px; }
.wm-code code { flex: 1; min-width: 0; font-size: 11.5px; overflow-x: auto; white-space: nowrap; }
.sa-web { border-top: 1px solid var(--border); padding-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.sa-web__head { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.sa-web__body summary { cursor: pointer; font-weight: 600; display: flex; gap: 6px; align-items: center; }
.sa-web__steps { margin: 8px 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; line-height: 1.5; }
.sa-web__form { display: flex; flex-direction: column; gap: 8px; max-width: 520px; }
.web-acts { display: flex; flex-direction: column; gap: 6px; }
.web-act { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: inherit; text-decoration: none; }
.web-act:hover { border-color: var(--border-strong); box-shadow: var(--shadow-pop); }
.web-act.is-done { opacity: .7; } .web-act.is-skipped { opacity: .5; }
.web-act__ico { width: 30px; height: 30px; flex: none; border-radius: 8px; display: grid; place-items: center; background: var(--primary-soft, var(--surface-2)); color: var(--primary-text, var(--primary)); }
.web-act__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.web-act__body b { font-size: 13px; }
.web-ch { display: flex; flex-direction: column; gap: 6px; }
.web-ch__row { display: grid; grid-template-columns: minmax(120px, 190px) 1fr auto auto; gap: 10px; align-items: center; font-size: 12.5px; }
.web-ch__bar { height: 8px; border-radius: 6px; background: var(--surface-3); overflow: hidden; }
.web-ch__bar i { display: block; height: 100%; background: var(--primary); border-radius: 6px; }
@media (max-width: 640px) { .web-ch__row { grid-template-columns: 1fr auto; } .web-ch__bar { display: none; } }

/* E-ticaret › Müşteri Soruları */
.qa-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.qa-search .input { min-width: 240px; }
.qa-list { display: flex; flex-direction: column; gap: 12px; }
.qa__head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.qa__img { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; flex: none; background: var(--surface-3); }
.qa__prod { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 2px; }
.qa__prod b { font-size: 13px; } .qa__prod a { color: inherit; }
.qa__q { margin: 0; font-size: 14px; line-height: 1.55; display: flex; gap: 8px; align-items: flex-start; }
.qa__q .ph { margin-top: 3px; color: var(--primary); flex: none; }
.qa__a { border-left: 3px solid var(--success-line); background: var(--surface-2); border-radius: 0 8px 8px 0; padding: 8px 12px; }
.qa__a p { margin: 4px 0 0; font-size: 13px; line-height: 1.55; }
.qa__a--rej { border-left-color: var(--danger-line); } .qa__a--rej small { color: var(--danger); }
.qa__form { display: flex; flex-direction: column; gap: 8px; }
.qa__draft-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.qa__count { margin-left: auto; }
.qa__note { margin: 0; color: var(--warning); }
.qa__acts { display: flex; gap: 8px; flex-wrap: wrap; }

/* Müşteri Soruları › Yorumlar */
.qa-views { margin-bottom: 14px; }
.rv-steps { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; line-height: 1.5; }
.rv-bm { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; background: var(--primary); color: #fff; font-weight: 600; text-decoration: none; cursor: grab; }
.rv-list { display: flex; flex-direction: column; gap: 10px; }
.rv-prod { display: flex; gap: 12px; align-items: flex-start; }
.rv-prod img { width: 52px; height: 52px; border-radius: 8px; object-fit: cover; flex: none; background: var(--surface-3); }
.rv-prod__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.rv-stars { color: #F5A623; font-weight: 700; }
.rv-sum { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.rv-sum > div { border: 1px solid var(--border); border-radius: 10px; padding: 8px 10px; font-size: 12.5px; }
.rv-sum ul { margin: 4px 0 0; padding-left: 16px; display: flex; flex-direction: column; gap: 3px; }
.rv-rows { display: flex; flex-direction: column; gap: 6px; max-height: 520px; overflow: auto; }
.rv-row { border-left: 3px solid var(--border); padding: 4px 10px; font-size: 12.5px; }
.rv-row.is-low { border-left-color: var(--danger-line); }

/* Tarife: seçilenlerin ortalama marjı / hedef dengesi */
.ops-port { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--success-line); background: var(--success-soft, var(--surface-2)); border-radius: 10px; font-size: 13px; line-height: 1.5; margin-bottom: 10px; }
.ops-port.is-low { border-color: var(--danger-line); background: var(--danger-soft); }
.ops-port > .ph { margin-top: 3px; font-size: 18px; }

/* Yönetici Ajan sağ sütunu: alt alta açılır çubuklar; açılan bölüm sütunun kalan boyunu kaplar */
.chat-side--acc { gap: 10px; overflow: hidden; }
.side-acc { flex: none; overflow: hidden; transition: flex-grow .25s ease; }
.side-acc.is-open { flex: 1 1 0; min-height: 0; }
.side-acc__bar { display: flex; align-items: center; gap: 8px; width: 100%; padding: 14px 16px; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; border-radius: 18px; }
.side-acc__bar:hover { background: var(--surface-2); }
.side-acc.is-open .side-acc__bar { border-radius: 18px 18px 0 0; }
.side-acc__bar:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
.side-acc__title { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 650; }
.side-acc__caret { color: var(--text-3); transition: transform .2s ease; }
.side-acc.is-open .side-acc__caret { transform: rotate(180deg); }
.side-acc__body { display: none; }
.side-acc.is-open .side-acc__body { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow-y: auto; animation: side-acc-in .2s ease; }
@keyframes side-acc-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.chat-side--acc .side-card--approvals .pending { max-height: none; overflow: visible; }
.side-acc .brief-feed { overflow: visible; }
.brief-item.is-new { background: linear-gradient(90deg, var(--primary-soft), transparent 70%); margin: 0 -16px; padding-left: 16px; padding-right: 16px; }
@media (max-width: 1024px) {
  .chat-side--acc { overflow: visible; }
  .side-acc.is-open { flex: none; }
  .side-acc.is-open .side-acc__body { max-height: 70vh; }
}
@media (prefers-reduced-motion: reduce) { .side-acc, .side-acc__caret, .side-acc.is-open .side-acc__body { transition: none; animation: none; } }

/* Ekip akışı: ajana göre süzme (akış açılınca üstte, kayar değil sabit) */
.feed-filter { position: sticky; top: 0; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 16px 10px; background: var(--surface); border-bottom: 1px solid var(--border); margin-bottom: 4px; }
.feed-filter[hidden] { display: none; }
.feed-filter__btn { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 6px; border: 1px solid var(--border); border-radius: var(--r-pill); background: var(--surface); color: var(--text-2); font: inherit; font-size: 11.5px; font-weight: 550; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.feed-filter__btn:first-child { padding-left: 10px; }
.feed-filter__btn span { color: var(--text-3); font-variant-numeric: tabular-nums; }
.feed-filter__btn:hover { background: var(--surface-2); color: var(--text); }
.feed-filter__btn.is-active { background: var(--primary-soft); border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); color: var(--primary-text); }
.feed-filter__btn.is-active span { color: inherit; }
.feed-filter__btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
.feed-filter__chip.agent-tab__chip { width: 18px; height: 18px; border-radius: 6px; }
.feed-filter__chip.agent-tab__chip .ph-fill { font-size: 10px; }

/* Onay kartı: işlemi öneren ajanın simgesi adının solunda */
.action-card__agent { display: inline-flex; align-items: center; gap: 6px; }
.action-card__chip.agent-tab__chip { width: 20px; height: 20px; border-radius: 6px; flex: none; }
.action-card__chip.agent-tab__chip .ph-fill { font-size: 11px; }

/* SEO Yapılacaklar: işi Ekipso ekibine yönlendir */
.todo__handoff { display: inline-block; }
.todo__handoff[open] { flex-basis: 100%; }
.todo__handoff > summary { list-style: none; cursor: pointer; }
.todo__handoff > summary::-webkit-details-marker { display: none; }
.todo__handoff[open] > summary { background: var(--primary-soft); color: var(--primary-text); border-color: color-mix(in srgb, var(--primary) 40%, var(--border)); }
.todo__handoff-form { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; padding: 12px; margin-top: 4px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.todo__handoff-form p { margin: 0; }
.todo__handoff-form .textarea { width: 100%; }
.todo__handed { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: var(--r-pill); background: var(--primary-soft); color: var(--primary-text); font-size: 12px; font-weight: 550; }
.todo__handed:hover { text-decoration: none; filter: brightness(.97); }

/* Tarife: kâr eşiğini tutmayan aralık seçiliyse yeşil işaretlenmez (katılım yok / zarar) — gri, seçim yine görünür */
.ops-opt.is-bad:has(input:checked), .ops-opt.is-live.is-bad:has(input:checked) { border-color: var(--text-3); background: var(--surface-2); box-shadow: 0 0 0 1px var(--text-3) inset; }
.ops-opt.is-bad:has(input:checked) .ops-opt__flag { color: var(--text-2); }
.ops-opt.is-bad input { accent-color: var(--text-3); }

/* Tarife: seçimi kaldırma ipucu (seçili kutuya yeniden tıklayınca) */
.ops-comm__tip { display: inline-flex; align-items: center; gap: 5px; }

/* Reklam › Meta: değişiklik düğmeleri, setler, değişiklik geçmişi (yürütücü, 2026-11-05) */
.ads-ctl { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.ads-ctl .inline { display: inline-flex; }
.ads-ctl__budget { display: inline-flex; align-items: center; gap: 4px; }
.ads-ctl__budget .input { width: 92px; }
.ads-sets { margin-top: 8px; font-size: 12px; }
.ads-sets summary { cursor: pointer; color: var(--text-2); }
.ads-sets ul { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 8px; }
.ads-sets li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 6px 8px; border-radius: 8px; background: var(--surface-2); }
.ads-sets li > span:nth-child(2) { display: flex; flex-direction: column; min-width: 160px; }
.ads-sets li .ads-ctl { margin-top: 0; }
.ads-chg td { vertical-align: top; }
.ads-chg tr.is-off td { color: var(--text-3); }
.ads-chg-pend { list-style: none; margin: 0; padding: 0; }
.ads-chg-pend li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; padding: 12px 16px; border-top: 1px solid var(--border); }
.ads-chg-pend li > div:first-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* Reklam › Meta › Değişiklikler: otomatik teşhis kartı (2026-11-05) */
#ads-diag .ads-finding { max-width: none; }
.ads-diag-list { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 6px; font-size: 12.5px; }
.ads-sub--wrap { white-space: normal; margin-top: 4px; max-width: 420px; }
.ads-chg-pend li > div:first-child small:last-child:not(.muted) { color: var(--text-2); font-size: 12px; }
/* Reklam › Meta › Kurulum: kampanya taslağı düzenleyici (2026-11-05) */
.ads-draft { border: 0; padding: 0; margin: 0; min-width: 0; }
.ads-draft__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 16px; margin-bottom: 10px; }
.ads-draft__grid > label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--text-2); }
.ads-draft__check { display: flex !important; flex-direction: row !important; align-items: center; gap: 6px; font-size: 12.5px; margin-top: 4px; }
.ads-draft__post { display: flex; gap: 8px; align-items: flex-start; min-width: 220px; }
.ads-draft__post img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; flex: none; }
.ads-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; align-items: center; }
.ads-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); font-size: 12px; }
.ads-chip--add { cursor: pointer; }
.ads-chip--add:hover { border-color: var(--primary); }
.ads-chip__x { border: 0; background: none; padding: 0; cursor: pointer; color: var(--text-3); line-height: 1; }
.ads-chips--results { padding: 8px; border-radius: 8px; background: var(--surface-2); }
.ads-brief { padding: 8px 10px; border-radius: 8px; background: var(--surface-2); margin-bottom: 8px; }
.ads-brief ul { margin: 4px 0 0; padding-left: 18px; }
.ads-chg td .textarea, .ads-chg td .input { margin-top: 4px; }

/* Reklam profili kapısı: tam ekran Yönetici Ajan (2026-11-06) */
/* sayfa düzeninin içinde: üst sekmeler, ajanlar ve sol menü görünür kalır; kapı içerik alanını doldurur */
.ads-gate { display: flex; flex-direction: column; gap: 12px; height: calc(100vh - var(--topbar-h) - 72px); min-height: 640px; }
.ads-gate__head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ads-gate__brand { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 260px; }
.ads-gate__brand h1 { font-size: 20px; margin: 0; }
.ads-gate__brand p { margin: 2px 0 0; }
.ads-gate__pct { display: flex; flex-direction: column; align-items: flex-end; }
.ads-gate__pct b { font-size: 20px; color: var(--primary); }
.ads-gate__bar { height: 6px; border-radius: 999px; background: var(--surface-2); overflow: hidden; border: 1px solid var(--border); }
.ads-gate__bar span { display: block; height: 100%; background: var(--success-solid, var(--primary)); transition: width .4s; }
.ads-gate__body { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 18px; }
.ads-gate__chat { min-height: 0; }
.ads-gate__side { min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 12px; }
.ads-gate__list { list-style: none; margin: 0; padding: 4px 16px 14px; display: grid; gap: 8px; }
.ads-gate__list li { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.ads-gate__list li > span { display: flex; flex-direction: column; }
.ads-gate__list li.is-done i { color: var(--success-solid, var(--primary)); }
.ads-gate__form { display: grid; gap: 12px; padding: 4px 16px 16px; }
.ads-gate__form label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 500; }
.ads-gate__loading { padding: 18px; display: flex; gap: 8px; align-items: center; }
@media (max-width: 1000px) {
  .ads-gate { height: auto; min-height: 0; }
  .ads-gate__body { grid-template-columns: minmax(0, 1fr); }
  .ads-gate__chat { min-height: 70vh; }
}
/* Kurulum şeridi kapatılabilir (2026-11-06) */
.onb__toggle { border: 0; background: none; padding: 2px 4px; margin-left: 6px; cursor: pointer; color: var(--text-3); border-radius: 6px; line-height: 1; }
.onb__toggle:hover { color: var(--text); background: color-mix(in srgb, var(--surface) 60%, transparent); }
.onb__head .onb__pct { margin-left: auto; }
.onb.is-closed { padding: 6px 12px; gap: 0; cursor: pointer; }
.onb.is-closed .onb__head { font-size: 13px; }
/* Onay bildirimi kapatılabilir (2026-11-06) */
.msg--notice .msg__bubble { position: relative; }
.msg__close { position: absolute; top: 8px; right: 8px; border: 0; background: none; padding: 2px 4px; cursor: pointer; color: var(--text-3); border-radius: 6px; line-height: 1; }
.msg__close:hover { color: var(--text); background: color-mix(in srgb, var(--surface) 60%, transparent); }

/* Reklam › Meta › Kampanyalar: Meta Reklam Yöneticisi görünümü (2026-11-06) */
.am__levels { display: flex; gap: 0; border-bottom: 1px solid var(--border); overflow-x: auto; }
.am__lvl { display: inline-flex; align-items: center; gap: 8px; padding: 14px 20px; font-weight: 600; color: var(--text-2); border-bottom: 3px solid transparent; white-space: nowrap; text-decoration: none; flex: 1; justify-content: center; }
.am__lvl:hover { background: var(--surface-2); color: var(--text); }
.am__lvl.is-active { color: var(--primary); border-bottom-color: var(--primary); background: color-mix(in srgb, var(--primary-soft) 45%, transparent); }
.am__cnt { font-size: 11.5px; padding: 1px 7px; border-radius: 999px; background: var(--surface-2); color: var(--text-2); font-weight: 600; }
.am__for { font-weight: 500; font-size: 11px; color: var(--primary); }
.am__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--border); }
.am__chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--primary-soft); color: var(--primary); font-size: 12.5px; font-weight: 600; }
.am__chip a { color: inherit; display: inline-flex; }
.am__filter { width: 220px; }
.am__range { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; }
.am__table th { white-space: nowrap; font-size: 12px; }
.am__table td { vertical-align: top; font-size: 13px; }
.am__table tfoot td { border-top: 2px solid var(--border); background: var(--surface-2); font-size: 12.5px; }
.am__sw { width: 54px; }
.am__name { min-width: 240px; max-width: 380px; }
.am__namewrap { display: flex; gap: 10px; align-items: flex-start; }
.am__thumb { width: 36px; height: 36px; object-fit: cover; border-radius: 6px; flex: none; }
.am__link { font-weight: 600; }
.am__sub { display: block; font-size: 11px; white-space: nowrap; }
.am__find { margin-top: 4px; font-size: 12px; }
.am__find summary { cursor: pointer; color: var(--warning); }
.am__act { margin-top: 6px; display: inline-flex; }
.am__budget { white-space: nowrap; }
.am__edit { display: inline-block; margin-left: 4px; }
.am__edit summary { cursor: pointer; list-style: none; display: inline-flex; color: var(--text-3); }
.am__edit summary::-webkit-details-marker { display: none; }
.am__edit[open] form { display: flex; gap: 6px; margin-top: 6px; justify-content: flex-end; }
.am__edit form .input { width: 90px; }
.am-switch { position: relative; width: 36px; height: 20px; border-radius: 999px; border: 0; padding: 0; cursor: pointer; background: var(--border-strong, #c7ccd6); transition: background .2s; display: inline-block; }
.am-switch > span { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .2s; }
.am-switch.is-on { background: var(--primary); }
.am-switch.is-on > span { transform: translateX(16px); }
.am-switch.is-ro { cursor: default; opacity: .7; }
/* Reklam Yöneticisi: seçim ve yeniden yüklemesiz geçiş */
button.am__lvl { border: 0; border-bottom: 3px solid transparent; background: none; cursor: pointer; font: inherit; font-weight: 600; }
button.am__lvl.is-active { border-bottom-color: var(--primary); }
.am__link { border: 0; background: none; padding: 0; cursor: pointer; font: inherit; font-weight: 600; color: var(--primary); text-align: left; }
.am__link:hover { text-decoration: underline; }
.am__ck { width: 34px; }
.am__ck input { width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary); }
.am__table tr.is-sel td { background: color-mix(in srgb, var(--primary-soft) 55%, transparent); }
.am__on { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; cursor: pointer; }
.am__chip button { border: 0; background: none; padding: 0; cursor: pointer; color: inherit; display: inline-flex; }
/* Reklam Yöneticisi: uyarılar tablo genişliğinde yan yana (2026-11-06) */
.am__findbtn { margin-top: 4px; border: 0; background: none; padding: 0; cursor: pointer; font: inherit; font-size: 12px; color: var(--warning); display: inline-flex; align-items: center; gap: 4px; }
.am__findbtn.is-open i:last-child { transform: rotate(180deg); }
.am__table tr.am__findrow td { padding-top: 0; border-top: 0; }
/* Uyarılar: her biri görünen genişlik boyunca tek satır, alt alta; tablo yana kaysa da ekranda kalır */
.am__findgrid { display: flex; flex-direction: column; gap: 6px; padding: 2px 0 12px; position: sticky; left: 12px; width: calc(100cqi - 24px); box-sizing: border-box; }
.am { container-type: inline-size; }
.am__findgrid .ads-finding { max-width: none; width: 100%; margin-top: 0; white-space: normal; }
/* Reklam Yöneticisi: tarih aralığı, ikas tarzı süzgeç, güncelle (2026-11-06) */
.am.card--flush { overflow: visible; }
.am > .am__levels { border-radius: var(--r-card) var(--r-card) 0 0; overflow: hidden; }
.am > .table-scroll { border-radius: 0 0 var(--r-card) var(--r-card); }
.am__spacer { flex: 1; }
.am__pop { position: relative; }
.am__menu { position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; min-width: 260px; max-height: 420px; overflow: auto; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 12px 32px rgba(15, 35, 71, .16); padding: 6px; }
.am__menu--r { left: auto; right: 0; min-width: 300px; }
.am__mhead { display: flex; align-items: center; gap: 6px; padding: 6px 8px 8px; font-size: 12px; font-weight: 700; color: var(--text-2); text-transform: uppercase; letter-spacing: .03em; }
.am__opt { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; border: 0; background: none; padding: 8px 10px; border-radius: 8px; font: inherit; font-size: 13.5px; color: var(--text); cursor: pointer; text-align: left; }
.am__opt:hover { background: var(--surface-2); }
.am__opt.is-on { background: var(--primary-soft); color: var(--primary); font-weight: 600; }
.am__opt small { font-size: 11.5px; }
.am__opt i { color: var(--text-3, var(--text-2)); }
.am__back { border: 0; background: none; padding: 2px; cursor: pointer; color: inherit; display: inline-flex; }
.am__fform { display: flex; flex-direction: column; gap: 10px; padding: 0 4px 6px; }
.am__fbody { display: flex; flex-direction: column; gap: 8px; }
.am__ck2 { display: flex; align-items: center; gap: 8px; font-size: 13.5px; cursor: pointer; padding: 4px 2px; }
.am__ck2 input { width: 16px; height: 16px; accent-color: var(--primary); }
.am__custom { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--border); margin-top: 6px; padding: 10px 6px 4px; }
.am__custom-row { display: flex; align-items: center; gap: 6px; }
.am__custom-row .input { flex: 1; min-width: 0; }
.am__date { gap: 6px; }
.am__date small { font-size: 11.5px; }
.am__fchips { display: contents; }
.am__chip--f { padding: 0 4px 0 0; }
.am__chiptxt { border: 0; background: none; padding: 4px 4px 4px 10px; font: inherit; color: inherit; cursor: pointer; }
.am__fclear { border: 0; background: none; font: inherit; font-size: 12.5px; color: var(--text-2); cursor: pointer; text-decoration: underline; }
.am__refresh { gap: 6px; color: var(--text-2); }
.am__refresh.is-busy i { animation: spin .8s linear infinite; }
.am__note { margin: 0; padding: 6px 16px 0; text-align: right; }
.am.is-loading .am__table tbody { opacity: .55; transition: opacity .15s; }
/* Kurulum › onay bekleyen yeni kampanyalar ve taslak gerekçesi (2026-11-06) */
.ads-q__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.ads-q__item { border: 1px solid var(--border); border-radius: 12px; padding: 14px; background: var(--surface); }
.ads-q__head { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
.ads-q__no { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }
.ads-q__title { flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 2px; }
.ads-why { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin-top: 10px; }
.ads-why__block { background: var(--surface-2); border-radius: 10px; padding: 10px 12px; min-width: 0; }
.ads-why__block p { margin: 4px 0; }
.ads-why__block--wide { grid-column: 1 / -1; }
.ads-why__h { margin: 0 0 6px; font-size: 13px; display: flex; align-items: center; gap: 6px; }
.ads-why__ads { margin: 6px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
.ads-why__ads li { display: flex; gap: 10px; align-items: flex-start; }
.ads-why__ads li::marker { font-weight: 700; }
.ads-why__ads img, .ads-why__noimg { flex: none; width: 44px; height: 44px; border-radius: 8px; object-fit: cover; background: var(--surface); display: inline-flex; align-items: center; justify-content: center; }
.ads-why__ads .badge { margin-left: 4px; }
.ads-why__steps { margin: 4px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 3px; }

/* Kenar paneli: Onaylar ve Ekip akışı açılır çubukları (Kurulum şeridinin altında, kapalıyken tek satır) */
.dstrips { display: flex; flex-direction: column; gap: 6px; margin: 0 0 10px; flex: none; }
.dstrip { border: 1px solid var(--border); border-radius: var(--r-card); background: var(--surface); }
.dstrips .side-acc.is-open { flex: none; }
.dstrip__bar { padding: 8px 12px; border-radius: var(--r-card); }
.dstrip.is-open .dstrip__bar { border-radius: var(--r-card) var(--r-card) 0 0; border-bottom: 1px solid var(--border); }
.dstrips .side-acc.is-open .side-acc__body { max-height: min(46vh, 420px); flex: none; }
.dstrip .pending { max-height: none; }
.dstrip .action-card { padding: 10px 12px; }
.dstrip .brief-feed { padding: 0 12px 10px; }
.dstrip .feed-filter { padding: 8px 12px; }
.dstrip .brief-item.is-new { margin: 0 -12px; padding-left: 12px; padding-right: 12px; }
.dstrip__more { display: inline-flex; align-items: center; gap: 6px; margin: 4px 12px 10px; font-size: 12px; color: var(--text-2); }
.dstrip__more:hover { color: var(--text); }
/* Reklam önerisi ret formu (gerekçe + kapsam, 2026-11-06) */
.ads-rej { position: relative; display: inline-block; }
.ads-rej > summary { list-style: none; cursor: pointer; }
.ads-rej > summary::-webkit-details-marker { display: none; }
.ads-rej[open] > summary { background: var(--surface-2); }
.ads-rej__form { position: absolute; z-index: 30; right: 0; top: calc(100% + 6px); width: min(420px, 86vw); display: flex; flex-direction: column; gap: 8px; padding: 12px;
  background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 12px 32px rgba(15, 35, 71, .16); }
.ads-rej__tags { display: flex; flex-direction: column; gap: 4px; }
.ads-rej__tag { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; cursor: pointer; padding: 3px 2px; }
.ads-rej__tag input { margin-top: 3px; accent-color: var(--primary); }
.ads-rej__tag span { display: flex; flex-direction: column; }
.ads-rej__tag small { font-size: 11.5px; }
/* Kurulum › sohbetle reklam: başlangıç ve canlı taslak (2026-11-06) */
.ads-hero__body { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.ads-hero__title { margin: 0; font-size: 20px; display: flex; align-items: center; gap: 8px; }
.ads-hero__body p { margin: 0; max-width: 760px; }
.btn--lg { padding: 12px 20px; font-size: 15px; }
.ads-hero__quick summary { cursor: pointer; }
.ads-live { transition: box-shadow .3s; }
.ads-live.is-updated { box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent); }
.ads-live__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.ads-live__steps { list-style: none; margin: 0 0 10px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.ads-live__step { display: flex; gap: 8px; align-items: flex-start; padding: 8px 10px; border-radius: 10px; background: var(--surface-2); font-size: 13px; }
.ads-live__step span:last-child { display: flex; flex-direction: column; min-width: 0; }
.ads-live__step small { font-size: 11.5px; overflow-wrap: anywhere; }
.ads-live__dot { flex: none; width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--border); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: var(--text-2); }
.ads-live__step.is-done .ads-live__dot { background: var(--success, #22a06b); border-color: transparent; color: #fff; }
.ads-live__miss { margin: 0 0 8px; }
.ads-live__miss summary { cursor: pointer; color: var(--warning); }
.ads-edit-wrap { margin-top: 8px; }
.ads-edit-wrap > summary { list-style: none; margin-bottom: 10px; }
.ads-edit-wrap > summary::-webkit-details-marker { display: none; }
/* Süper satış reklamı (2026-11-06) */
.ads-super__box > summary { list-style: none; cursor: pointer; }
.ads-super__box > summary::-webkit-details-marker { display: none; }
.ads-super__btn { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 12px; color: #fff; background: linear-gradient(120deg, #0F2347, #1d3f7a 55%, #62D200 140%); }
.ads-super__btn > span { font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.ads-super__btn small { opacity: .9; }
.ads-super__form { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 12px; align-items: end; }
.ads-super__form > p, .ads-super__form > button, .ads-super__form > .ads-draft__check { grid-column: 1 / -1; }
.ads-super__form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; }
.ads-super__sets { margin: 4px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.ads-super__drafts ul { margin: 4px 0 0; padding-left: 18px; }
.ads-super__log { margin-top: 10px; }
.ads-super__log summary { cursor: pointer; }
.ads-super__lines { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; max-height: 420px; overflow: auto; font-size: 12.5px; }
.ads-super__lines li { padding: 4px 6px; border-radius: 6px; }
.ads-super__lines li.is-warning { background: color-mix(in srgb, var(--warning) 12%, transparent); }
.ads-super__lines li.is-error { background: color-mix(in srgb, var(--danger) 12%, transparent); }
.ads-super__lines li.is-success { background: color-mix(in srgb, var(--success, #22a06b) 12%, transparent); }
.ads-live__step.is-now .ads-live__dot { border-color: var(--primary); }
.ads-live__step.is-fail .ads-live__dot { background: var(--danger); border-color: transparent; color: #fff; }
.ads-live__dot .spin { width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--primary); border-right-color: transparent; animation: spin .8s linear infinite; display: inline-block; }
/* Kurulum giriş ekranı: iki yol (2026-11-06) */
.ads-start { display: flex; flex-direction: column; gap: 16px; }
.ads-start__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.ads-start__title { margin: 0 0 2px; font-size: 22px; letter-spacing: -.01em; }
.ads-start__head p { margin: 0; }
.ads-start__link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--text-2); text-decoration: none; padding: 6px 10px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); }
.ads-start__link:hover { color: var(--text); border-color: var(--text-3, var(--border)); }
.ads-start__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 980px) { .ads-start__grid { grid-template-columns: 1fr; } }
.ads-opt { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: 18px; border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow-card); overflow: hidden; }
.ads-opt__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ads-opt__icon { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; background: var(--primary-soft); color: var(--primary); flex: none; }
.ads-opt__tag { font-size: 11.5px; font-weight: 650; letter-spacing: .02em; text-transform: uppercase; color: var(--text-2); padding: 4px 9px; border-radius: 999px; background: var(--surface-2); }
.ads-opt__title { margin: 4px 0 0; font-size: 19px; letter-spacing: -.01em; }
.ads-opt__lead { margin: 0; color: var(--text-2); }
.ads-opt__list { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; }
.ads-opt__list li { display: flex; gap: 9px; align-items: flex-start; line-height: 1.45; font-weight: 450; }
.ads-opt__list li i { flex: none; font-size: 17px; margin-top: 1px; color: var(--primary); }
.ads-opt__foot { margin-top: auto; padding-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.ads-opt__more summary { cursor: pointer; font-size: 12.5px; color: var(--text-2); list-style: none; display: inline-flex; align-items: center; gap: 5px; }
.ads-opt__more summary::-webkit-details-marker { display: none; }
.ads-opt__more[open] { flex-basis: 100%; }
.ads-opt__more .ads-ctl { margin-top: 8px; }
/* süper satış kartı: lacivert → marka yeşili */
.ads-opt--super { color: #fff; border-color: transparent; background: radial-gradient(120% 140% at 100% 0%, rgba(98, 210, 0, .38) 0%, rgba(98, 210, 0, 0) 55%), linear-gradient(135deg, #0F2347 0%, #17315f 60%, #1f4a3a 100%);
  box-shadow: 0 18px 40px -22px rgba(15, 35, 71, .85); }
.ads-opt--super .ads-opt__icon { background: rgba(98, 210, 0, .18); color: #9BF04D; }
.ads-opt--super .ads-opt__tag { background: rgba(255, 255, 255, .12); color: #DDE7FF; }
.ads-opt--super .ads-opt__lead { color: #C9D6F2; }
.ads-opt--super .ads-opt__list li i { color: #9BF04D; }
.ads-opt__chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: #DDE7FF; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); }
.btn--super { background: #62D200; border-color: #62D200; color: #0F2347; font-weight: 700; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 10px 22px -12px rgba(98, 210, 0, .9); }
.btn--super:hover { background: #74E81A; border-color: #74E81A; color: #0F2347; }
.ads-opt__runs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-top: 12px; margin-top: 2px; border-top: 1px solid rgba(255, 255, 255, .14); font-size: 12px; color: #C9D6F2; }
.ads-opt__runs > span { margin-right: 4px; }
.ads-run-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #fff; text-decoration: none; font-weight: 600; }
.ads-run-chip small { font-weight: 400; opacity: .75; }
.ads-run-chip i { width: 7px; height: 7px; border-radius: 50%; background: #9aa6bd; }
.ads-run-chip--success i { background: #62D200; } .ads-run-chip--warning i { background: #F5B83D; } .ads-run-chip--danger i { background: #FF6B6B; }
.ads-run-chip:hover { background: rgba(255, 255, 255, .18); }
/* süper satış soruları */
.ads-sform > summary { display: none; }
.ads-sform__card { padding: 22px; display: flex; flex-direction: column; gap: 18px; border-radius: 18px; animation: ads-pop .22s var(--ease-out, ease-out); }
@keyframes ads-pop { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.ads-sform__head { display: flex; gap: 12px; align-items: flex-start; }
.ads-sform__head > div { flex: 1; }
.ads-sform__head h3 { margin: 0 0 2px; font-size: 17px; }
.ads-sform__head p { margin: 0; }
.ads-sform__head .ads-opt__icon { background: #0F2347; color: #9BF04D; }
.ads-sform__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
@media (max-width: 760px) { .ads-sform__grid { grid-template-columns: 1fr; } }
.ads-q { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.ads-q__label { display: flex; align-items: center; gap: 8px; font-weight: 650; font-size: 14px; }
.ads-q__label em { font-style: normal; font-weight: 500; font-size: 12px; color: var(--text-2); }
.ads-q__no { width: 22px; height: 22px; border-radius: 50%; background: var(--primary); color: var(--on-primary, #fff); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex: none; }
.ads-q__money { display: flex; align-items: center; border: 1px solid var(--border); border-radius: var(--r-ctl, 10px); background: var(--surface); overflow: hidden; max-width: 260px; }
.ads-q__money input { border: 0; box-shadow: none; font-size: 18px; font-weight: 700; min-width: 0; }
.ads-q__money span { padding: 0 12px; color: var(--text-2); font-size: 13px; white-space: nowrap; }
.ads-seg { display: flex; flex-wrap: wrap; gap: 6px; }
.ads-seg__opt input { position: absolute; opacity: 0; pointer-events: none; }
.ads-seg__opt span { display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); font-size: 13px; cursor: pointer; transition: background .15s, border-color .15s; }
.ads-seg__opt input:checked + span { background: var(--primary); border-color: var(--primary); color: var(--on-primary, #fff); font-weight: 600; }
.ads-seg__opt input:focus-visible + span { outline: 2px solid var(--primary); outline-offset: 2px; }
.ads-sform__cap { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--warning-soft, #FFF7E6); border: 1px solid var(--warning-line, #F5D58A); cursor: pointer; }
.ads-sform__cap input { margin-top: 3px; accent-color: var(--primary); }
.ads-sform__cap span { display: flex; flex-direction: column; gap: 2px; font-size: 13.5px; }
.ads-sform__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid var(--border); }
.ads-sform__foot p { margin: 0; max-width: 560px; display: flex; gap: 6px; align-items: flex-start; color: var(--text-2); }
.ads-sform__foot p i { color: var(--success, #3C8A00); margin-top: 2px; }
.ads-sform__cap[hidden] { display: none; }
/* Reklam › Meta › Katalog (2026-11-06) */
.cat-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; }
.cat-head__main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.cat-head__ico { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; background: var(--primary-soft); color: var(--primary); flex: none; }
.cat-head__title { margin: 0; font-size: 17px; }
.cat-head p { margin: 2px 0 0; }
.cat-roles { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 2px; }
.cat-roles .badge { text-decoration: none; }
#cat-health .ads-finding { max-width: none; }
.cat-findings { display: flex; flex-direction: column; }
.cat-finding { display: grid; grid-template-columns: auto 1fr auto; gap: 10px 12px; align-items: flex-start; padding: 12px 18px; border-top: 1px solid var(--border); }
.cat-finding:first-child { border-top: 0; }
.cat-finding__ico { font-size: 19px; margin-top: 1px; }
.cat-finding--danger .cat-finding__ico { color: var(--danger); }
.cat-finding--warning .cat-finding__ico { color: var(--warning); }
.cat-finding--info .cat-finding__ico { color: var(--text-3, var(--text-2)); }
.cat-finding--success .cat-finding__ico { color: var(--success); }
.cat-finding--danger { background: linear-gradient(90deg, var(--danger-soft), transparent 70%); }
.cat-finding__body { min-width: 0; }
.cat-finding__body b { font-size: 14px; }
.cat-finding__body p { margin: 3px 0 0; color: var(--text-2); overflow-wrap: anywhere; }
.cat-finding--success .cat-finding__body b { font-weight: 600; }
.cat-finding__fix { display: flex; align-items: center; }
.cat-manual { margin-top: 6px; }
.cat-manual summary { cursor: pointer; color: var(--primary-text, var(--primary)); display: inline-flex; gap: 4px; align-items: center; }
.cat-manual ol { margin: 6px 0 0; padding-left: 18px; color: var(--text-2); }
.cat-manual li + li { margin-top: 3px; }
@media (max-width: 700px) { .cat-finding { grid-template-columns: auto 1fr; } .cat-finding__fix { grid-column: 2; } }
.cat-sets__foot { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.cat-sets__foot p { margin: 0; }
.cat-dpa-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; margin: 10px 0 8px; }
.cat-dpa-form > label { display: flex; flex-direction: column; gap: 5px; font-size: 13px; font-weight: 600; }
.cat-dpa-form .ads-q__money input { font-size: 15px; width: 110px; }
.cat-dpa-form .ads-draft__check { flex-direction: row; font-weight: 500; }
.cat-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-top: 4px; }
.cat-filter .ads-chip { text-decoration: none; color: var(--text); }
.cat-filter .ads-chip small { color: var(--text-2); }
.cat-filter .ads-chip.is-on { background: var(--primary); border-color: var(--primary); color: var(--on-primary, #fff); }
.cat-filter .ads-chip.is-on small { color: inherit; opacity: .85; }
.cat-filter__sep { margin-left: 10px; }
.cat-items td { vertical-align: middle; }
.cat-items .badge { margin: 1px 0; }
.cat-diff { color: var(--danger); font-weight: 600; }
.cat-items td.num { white-space: nowrap; }

/* Meta › Testler (2026-11-07) */
.ads-finding--success { background: var(--success-soft, var(--surface-2)); color: var(--success); }
.tst-note { max-width: none; margin: -4px 0 14px; }
.tst-wait { display: flex; gap: 8px; align-items: center; padding: 10px 18px; border-top: 1px solid var(--border); font-size: 13px; }
.tst-card { padding: 14px 18px 16px; border-top: 1px solid var(--border); }
.tst-card__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 12px; align-items: center; }
.tst-card__head > div:first-child { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-width: 0; }
.tst-card__name { font-size: 14.5px; overflow-wrap: anywhere; }
.tst-card__acts { display: flex; gap: 6px; align-items: center; }
.tst-card__hyp { margin: 8px 0 2px; }
.tst-card p { margin-top: 4px; margin-bottom: 0; }
.tst-card__sum { display: flex; gap: 6px; align-items: flex-start; margin: 8px 0 10px !important; }
.tst-card__empty { margin-top: 6px !important; }
.tst-timeline { margin: 10px 0 2px; max-width: 560px; }
.tst-timeline__bar { position: relative; height: 6px; border-radius: 999px; background: var(--surface-2); overflow: visible; }
.tst-timeline__bar span { display: block; height: 100%; border-radius: inherit; background: var(--primary); }
.tst-timeline__bar i { position: absolute; top: -3px; width: 2px; height: 12px; background: var(--text-2); border-radius: 1px; }
.tst-timeline__lbl { display: flex; justify-content: space-between; gap: 8px; margin-top: 4px; }
.tst-rows td { vertical-align: middle; }
.tst-rows form { display: inline; }
.tst-new { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; margin-bottom: 8px; }
.tst-form { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); align-items: flex-start; }
.tst-form label { display: flex; flex-direction: column; gap: 4px; font-weight: 600; width: 100%; }
.tst-form .select { width: 100%; max-width: 100%; }
.tst-lesson { min-width: 260px; max-width: 520px; color: var(--text-2); }
.tst-studies { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; }

/* Kurulum › taslak sayfası sadeleştirme (2026-11-07) */
.dr-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px 20px; padding: 16px 18px; }
.dr-head__main { min-width: 0; flex: 1 1 360px; }
.dr-head__title { margin: 0 0 6px; font-size: 18px; line-height: 1.3; overflow-wrap: anywhere; }
.dr-head__meta { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; margin: 0; font-size: 13.5px; color: var(--text-2); }
.dr-head__rules { margin: 8px 0 0; font-size: 13px; display: flex; align-items: center; gap: 6px; }
.dr-head__acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.dr-head__acts form { margin: 0; }
.dr-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; }
.dr-dot--ok { background: var(--success); }
.dr-dot--bad { background: var(--danger); }
.dr-checks { display: flex; flex-direction: column; gap: 6px; margin: -6px 0 14px; }
.dr-checks .ads-finding { max-width: none; margin-top: 0; }
.dr-notes summary { cursor: pointer; color: var(--text-2); display: inline-flex; gap: 6px; align-items: center; }
.dr-notes ul { margin: 6px 0 0; padding-left: 20px; color: var(--text-2); }
.dr-sum { padding: 14px 18px; }
.dr-edit { margin: 6px 0 16px; }
.dr-edit__sum { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 12px 16px; border: 1px dashed var(--border); border-radius: 12px; background: var(--surface); margin-bottom: 12px; }
.dr-edit__sum::-webkit-details-marker { display: none; }
.dr-edit[open] .dr-edit__sum { border-style: solid; }
.dr-aud { margin-top: 4px; }
.dr-aud > summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; padding: 6px 0; color: var(--text); }
.dr-aud[open] > summary { margin-bottom: 8px; }
.dw { display: flex; flex-direction: column; gap: 12px; }
.dw__why { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; }
.dw__reason > summary { cursor: pointer; color: var(--text-2); line-height: 1.45; }
.dw__reason p { margin: 6px 0 0; }
.dw__sets { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
.dw__set { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; min-width: 0; background: var(--surface); }
.dw__set-head { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.dw__set-head b { font-size: 13.5px; overflow-wrap: anywhere; }
.dw__money { margin-left: auto; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.dw__set p { margin: 4px 0 0; }
.dw__thumbs { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin-top: 8px; }
.dw__thumb { width: 40px; height: 40px; border-radius: 8px; overflow: hidden; background: var(--surface-2); display: inline-flex; align-items: center; justify-content: center; color: var(--text-2); flex: none; }
.dw__thumb img { width: 100%; height: 100%; object-fit: cover; }
.dw__thumbs .small { margin-left: 4px; }
.dw__adlist { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.dw__ad { display: flex; gap: 10px; align-items: flex-start; padding: 8px; border-radius: 10px; background: var(--surface-2); min-width: 0; }
.dw__ad img, .dw__noimg { width: 52px; height: 52px; border-radius: 8px; object-fit: cover; flex: none; background: var(--surface); display: inline-flex; align-items: center; justify-content: center; color: var(--text-2); }
.dw__ad-body { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.dw__ad-name { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.dw__tags { display: flex; flex-wrap: wrap; gap: 4px; }
.dw__more summary { cursor: pointer; color: var(--primary-text, var(--primary)); }
.dw__more p { margin: 4px 0 0; color: var(--text-2); }
.dw__steps summary { cursor: pointer; color: var(--text-2); display: inline-flex; gap: 6px; align-items: center; }
.dw__steps ol { margin: 6px 0 0; padding-left: 20px; color: var(--text-2); }

/* İçerik önizlemesi (2026-11-07) */
[data-preview] { cursor: zoom-in; }
.dw__thumb, .dw__pv { border: 0; padding: 0; font: inherit; position: relative; }
.dw__pv { width: 52px; height: 52px; border-radius: 8px; overflow: hidden; flex: none; background: var(--surface); display: inline-flex; align-items: center; justify-content: center; }
.dw__pv img { width: 100%; height: 100%; object-fit: cover; }
.dw__thumb.is-video::after, .dw__pv.is-video::after { content: '▶'; position: absolute; right: 3px; bottom: 3px; font-size: 9px; line-height: 1; padding: 2px 3px; border-radius: 4px; background: rgba(0, 0, 0, .6); color: #fff; }
.dw__thumb:focus-visible, .dw__pv:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.dw__sec { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.dw__h { font-size: 13.5px; display: inline-flex; align-items: center; gap: 6px; }
.dw__shared { max-width: none; margin-top: -4px; }
.dw__set p b { color: var(--text); font-weight: 600; }
.pv { position: fixed; z-index: 1000; width: min(340px, calc(100vw - 16px)); background: var(--surface); border: 1px solid var(--border); border-radius: 14px; box-shadow: 0 18px 50px rgba(15, 35, 71, .25); overflow: hidden; }
.pv__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-bottom: 1px solid var(--border); }
.pv__title { font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv__x { border: 0; background: transparent; font-size: 20px; line-height: 1; cursor: pointer; color: var(--text-2); padding: 0 4px; }
.pv__body { padding: 8px; }
.pv__media { background: #000; border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; max-height: 60vh; }
.pv__media img, .pv__media video { display: block; width: 100%; max-height: 60vh; object-fit: contain; }
.pv__nav { display: flex; gap: 4px; justify-content: center; margin-top: 6px; }
.pv__nav button { border: 1px solid var(--border); background: var(--surface-2); border-radius: 6px; font-size: 11px; padding: 1px 7px; cursor: pointer; }
.pv__nav button.is-on { background: var(--primary); color: var(--on-primary, #fff); border-color: var(--primary); }
.pv__cap { margin: 8px 2px 0; font-size: 12px; color: var(--text-2); line-height: 1.45; }
.pv__link { display: inline-block; margin: 6px 2px 0; font-size: 12px; }
.pv__note { margin: 6px 2px 0; font-size: 12px; color: var(--text-2); }
.pv__load { padding: 40px 0; text-align: center; color: var(--text-2); font-size: 12.5px; }

/* Arayüz standardı: sekme başlığı, kırpılmış metin, katlı notlar (2026-11-07) */
.th { padding: 14px 18px; }
.th__row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 18px; }
.th__main { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 320px; }
.th__ico { width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; background: var(--primary-soft); color: var(--primary); flex: none; }
.th__text { min-width: 0; }
.th__title { margin: 0; font-size: 16.5px; line-height: 1.3; overflow-wrap: anywhere; }
.th__desc { margin: 2px 0 0; color: var(--text-2); font-size: 13px; line-height: 1.45; }
.th__meta { margin: 4px 0 0; font-size: 12.5px; color: var(--text-2); display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.th__acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.th__acts form { margin: 0; }
.th__help { margin-top: 10px; border-top: 1px solid var(--border); padding-top: 8px; }
.th__help > summary { cursor: pointer; font-size: 12.5px; color: var(--text-2); display: inline-flex; gap: 6px; align-items: center; list-style: none; }
.th__help > summary::-webkit-details-marker { display: none; }
.th__help > summary::after { content: '▾'; font-size: 10px; margin-left: 2px; transition: transform .15s; }
.th__help[open] > summary::after { transform: rotate(180deg); }
.th__help ul { margin: 8px 0 2px; padding-left: 18px; color: var(--text-2); font-size: 12.5px; line-height: 1.5; display: flex; flex-direction: column; gap: 3px; }
details.clip { display: inline; }
details.clip > summary { display: inline; cursor: pointer; list-style: none; }
details.clip > summary::-webkit-details-marker { display: none; }
details.clip > summary::after { content: ' devamı'; color: var(--primary-text, var(--primary)); font-size: .92em; }
details.clip[open] > summary { display: none; }
.ui-notes { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; }
.ui-notes .ads-finding { max-width: none; margin-top: 0; }
.ui-notes details > summary { cursor: pointer; font-size: 12.5px; color: var(--text-2); display: inline-flex; gap: 6px; align-items: center; }
.ui-notes details ul { margin: 6px 0 0; padding-left: 20px; font-size: 12.5px; color: var(--text-2); display: flex; flex-direction: column; gap: 3px; }
.cat-head > .cat-help { flex: 1 0 100%; margin-top: 4px; }
.ads-chg__why { min-width: 180px; max-width: 360px; }

/* Geniş tablolar kendi kutusunda yatay kayar, sayfayı genişletmez (2026-11-07) */
.table-scroll { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }

/* Kitleler › standart kitleler (2026-11-07) */
.aud-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.aud-tile { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; background: var(--surface); min-width: 0; }
.aud-tile--warning { border-color: color-mix(in srgb, var(--warning) 35%, var(--border)); }
.aud-tile--danger { border-color: color-mix(in srgb, var(--danger) 35%, var(--border)); }
.aud-tile__head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.aud-tile__head b { font-size: 13.5px; flex: 1 1 auto; min-width: 0; }
.aud-tile__ico { font-size: 17px; display: inline-flex; }
.aud-tile--success .aud-tile__ico { color: var(--success); }
.aud-tile--warning .aud-tile__ico { color: var(--warning); }
.aud-tile--danger .aud-tile__ico { color: var(--danger); }
.aud-tile p { margin: 4px 0 0; }
.aud-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; border-top: 1px solid var(--border); }
.aud-foot form { margin: 0; }

/* Reklam sekmelerinde özet kutuları sayısına göre yayılır; başlık kartından sonra fazla boşluk yok (2026-11-07) */
.ov-kpis.ads-kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.th + .ads-kpis, .th + .alert + .ads-kpis { margin-top: 0; }
.aud-foot--top { border-top: 0; }
.aud-layer { border-top: 1px solid var(--border); padding: 12px 18px; }
.aud-layer__head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.aud-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.aud-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 8px 0; border-top: 1px dashed var(--border); }
.aud-rows > .aud-row:first-child { border-top: 0; }
.aud-row__main { display: flex; flex-direction: column; min-width: 0; }
.aud-row__main b { font-size: 13px; overflow-wrap: anywhere; }
.aud-row__tags { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; align-items: flex-start; }
.aud-row__note { grid-column: 1 / -1; margin: 0; }
.aud-more { margin-top: 4px; }
.aud-more > summary { cursor: pointer; color: var(--text-2); padding: 4px 0; }
@media (max-width: 640px) { .aud-row { grid-template-columns: 1fr; } .aud-row__tags { justify-content: flex-start; } }

/* Reklam › huni kartı ve müşteri dili (2026-11-07) */
.fun-steps { list-style: none; margin: 0; padding: 0 var(--sp-4, 16px) var(--sp-3, 12px); display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 8px; }
.fun-step { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px; background: var(--surface-2); min-width: 0; }
.fun-step.is-weak { background: var(--warning-soft); }
.fun-step.is-weak .fun-step__rate { color: var(--warning); font-weight: 600; }
.fun-step__label { font-size: 12px; color: var(--text-2); }
.fun-step__n { font-size: 18px; font-variant-numeric: tabular-nums; }
.fun-step__rate { font-size: 12px; color: var(--text-2); }
.fun-video { padding-top: 0; }
.fun-more { padding-top: 6px; }
.fun-more > summary { cursor: pointer; color: var(--text-2); margin-bottom: 6px; }
.fun-more .ads-finding { margin: 6px 0; }
.fun-bd { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 12px 20px; }
.fun-bd__col { min-width: 0; }
.fun-bd tr.is-weak td, .fun-more tr.is-weak td { color: var(--warning); }
.ads-voice > summary { cursor: pointer; list-style: none; }
.ads-voice > summary::-webkit-details-marker { display: none; }
.voice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.voice-grid ul { margin: 4px 0 0; padding-left: 18px; }

/* Reklam › Meta › Rapor (2026-11-08) */
.rep-steps { list-style: none; margin: 0; padding: 0 var(--sp-4, 16px) var(--sp-4, 16px); display: grid; gap: 6px; }
.rep-step { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; padding: 8px 10px; border-radius: 10px; background: var(--surface-2); }
.rep-step > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rep-step__ico { font-size: 18px; line-height: 1; padding-top: 1px; color: var(--text-3); }
.rep-step--success .rep-step__ico { color: var(--success); }
.rep-step--warning { background: var(--warning-soft); } .rep-step--warning .rep-step__ico { color: var(--warning); }
.rep-step--danger { background: var(--danger-soft); } .rep-step--danger .rep-step__ico { color: var(--danger); }
.rep-ads { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rep-ads li { display: flex; flex-direction: column; gap: 1px; font-size: 13px; min-width: 0; }
.rep-summary { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13.5px; line-height: 1.6; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px;
  background: var(--surface-2); color: var(--text); user-select: text; max-height: 420px; overflow-y: auto; }
/* rapor KPI: 6 kutu, tutar kesilmesin */
.ov-kpis.rep-kpis { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.rep-kpis .ov-kpi__value { font-size: clamp(18px, 2.1vw, 24px); white-space: nowrap; overflow: visible; text-overflow: clip; }
@media (max-width: 720px) { .ov-kpis.rep-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rep-kpis .ov-kpi__value { font-size: 18px; } }

/* Süper admin › müşteri › Yapay zekâ harcaması (gün gün, süzgeçli) */
.aiu-filter { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: flex-end; }
.aiu-filter .field { min-width: 140px; flex: 1 1 140px; max-width: 240px; }
.aiu-filter__acts { display: flex; gap: 6px; align-items: center; }
.aiu-quick { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
.aiu-quick .chip { text-decoration: none; }
.aiu-chart { display: flex; align-items: flex-end; gap: 2px; height: 140px; padding: 4px 0; border-bottom: 1px solid var(--border); }
.aiu-bar { flex: 1 1 0; min-width: 2px; height: 100%; display: flex; align-items: flex-end; border-radius: 3px 3px 0 0; }
.aiu-bar span { display: block; width: 100%; background: var(--primary); border-radius: 3px 3px 0 0; opacity: .8; transition: opacity .15s; }
.aiu-bar:hover span, .aiu-bar.is-sel span { opacity: 1; background: var(--accent); }
.aiu-bar:hover { background: var(--surface-2); }
.aiu-chart__axis { display: flex; justify-content: space-between; margin-top: 6px; }
.aiu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; margin-top: 20px; }
.aiu-grid .aiu-rows { grid-column: 1 / -1; }
.aiu-grid .table-scroll + .table-scroll { margin-top: 10px; border-top: 1px solid var(--border); }
.aiu-more { margin: 8px 12px 12px; }
.aiu-pager { display: flex; gap: 8px; justify-content: flex-end; padding: 10px 16px; }
@media (max-width: 900px) { .aiu-grid { grid-template-columns: minmax(0, 1fr); } }

/* Sosyal Medya › kanal sayfaları (Meta · TikTok · Pinterest · LinkedIn) */
.sch-pf { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: color-mix(in srgb, var(--c) 14%, var(--surface)); color: var(--c); font-size: 13px; }
.sch-pf--lg { width: 34px; height: 34px; border-radius: 10px; font-size: 19px; flex: none; }
.sch-accounts { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.sch-acc { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; }
.sch-acc__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.sch-acc__text small { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sch-grid { margin-top: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sch-posts { list-style: none; margin: 0; padding: 0 0 6px; }
.sch-post a { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 9px 16px; border-top: 1px solid var(--border); color: inherit; text-decoration: none; font-size: 13px; }
.sch-post:first-child a { border-top: 0; }
.sch-post a:hover { background: var(--surface-2); }
.sch-post__when { color: var(--text-2); font-variant-numeric: tabular-nums; font-size: 12px; }
.sch-post__text { min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
.sch-post__text small { font-size: 11px; }
.sch-post__pf { display: inline-flex; gap: 3px; }
@media (max-width: 900px) { .sch-grid { grid-template-columns: minmax(0, 1fr); } .sch-post a { grid-template-columns: 64px minmax(0, 1fr) auto; } .sch-post__pf { display: none; } }

/* Rakip analizi: hamle kararları, reklam işaretleri, AB reklamları */
.comp-moves { margin-top: 10px; }
.comp-moves ul { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.comp-moves li { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.comp-moves li > span:last-child { display: flex; flex-direction: column; }
.comp-signals { margin-top: 10px; padding: 10px 12px; border: 1px dashed var(--border); border-radius: 10px; font-size: 13px; }
.comp-signals.is-likely { border-style: solid; border-color: color-mix(in srgb, var(--warning) 45%, var(--border)); background: var(--warning-soft); }
.comp-signals ul { margin: 6px 0; padding-left: 18px; }
.comp-euads { margin-top: 10px; font-size: 13px; }
.comp-euads ul { margin: 6px 0 0; padding-left: 18px; }

/* Google Alışveriş (Merchant Center) — Satış Operatörü › Web Site */
.mc-labels { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.mc-label { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: var(--text); font-size: 13px; }
.mc-label:hover b { text-decoration: underline; }
.mc-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.wm-checks { display: flex; flex-direction: column; gap: 6px; }
.wm-checks .alert { margin: 0; }

/* ---------- Herkese açık site (views/layouts/site.php): tanıtım + yasal sayfalar ---------- */
.site-body { background: var(--bg); margin: 0; color: var(--text); }
.site-wrap { max-width: 1080px; margin: 0 auto; padding: 0 16px; }
.site-head { border-bottom: 1px solid var(--border); background: var(--surface); position: sticky; top: 0; z-index: 10; }
.site-head__in { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; flex-wrap: wrap; }
.site-head__nav { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.site-head__lang { display: inline-flex; align-items: center; gap: 4px; color: var(--text-2); font-size: 13px; text-decoration: none; margin-right: 6px; }
.site-head__lang:hover { color: var(--text); }
.site-hero { background: var(--brand-grad); color: #fff; padding: 72px 0; }
.site-hero__in { display: flex; flex-direction: column; gap: 18px; max-width: 760px; }
.site-hero h1 { font-size: clamp(28px, 4.4vw, 44px); line-height: 1.12; letter-spacing: -.025em; }
.site-hero p { font-size: 16px; line-height: 1.6; opacity: .9; }
.site-hero__cta { display: flex; gap: 10px; flex-wrap: wrap; }
.site-hero .btn--ghost { color: #fff; border-color: rgba(255,255,255,.35); }
.site-hero .btn--ghost:hover { background: rgba(255,255,255,.12); }
.site-eyebrow { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--accent); }
.site-sec { padding: 56px 0; }
.site-sec--alt { background: var(--surface-2); }
.site-sec h2 { font-size: 26px; letter-spacing: -.02em; margin-bottom: 20px; }
.site-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.site-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.site-card .ph { font-size: 24px; color: var(--accent-text); }
.site-card h3 { font-size: 16px; }
.site-card p { color: var(--text-2); font-size: 14px; line-height: 1.55; }
.site-steps { display: grid; gap: 12px; padding-left: 20px; max-width: 760px; }
.site-steps li { color: var(--text-2); line-height: 1.6; }
.site-steps strong { color: var(--text); }
.site-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.site-chips li { padding: 6px 12px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); font-size: 13.5px; font-weight: 500; }
.site-cta { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.site-cta h2 { margin: 0; }
.site-cta p { color: var(--text-2); }
.site-doc { max-width: 820px; padding-top: 40px; padding-bottom: 56px; line-height: 1.7; color: var(--text-2); }
.site-doc h1 { font-size: 32px; letter-spacing: -.02em; color: var(--text); }
.site-doc h2 { font-size: 19px; color: var(--text); margin: 28px 0 8px; }
.site-doc__meta { font-size: 13px; color: var(--text-3); margin: 6px 0 20px; }
.site-doc p { margin: 0 0 12px; }
.site-doc ul, .site-doc ol { margin: 0 0 12px; padding-left: 22px; display: grid; gap: 6px; }
.site-doc ul { list-style: disc; }
.site-doc ol { list-style: decimal; }
.site-doc a, .site-sec .muted a { color: var(--primary-text); text-decoration: underline; }
.site-doc strong { color: var(--text); }
.site-doc code { font-size: 13px; background: var(--surface-3); padding: 1px 6px; border-radius: 6px; }
.site-foot { border-top: 1px solid var(--border); background: var(--surface-2); padding: 28px 0; font-size: 13px; color: var(--text-3); }
.site-foot__in { display: grid; gap: 14px; }
.site-foot__brand { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.site-foot__links { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.site-foot__links a { color: var(--text); font-weight: 500; text-decoration: none; }
.site-foot__links a:hover { text-decoration: underline; }
.site-foot__legal { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.auth__legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; font-size: 12.5px; }
.auth__legal a { color: var(--text-3); text-decoration: none; }
.auth__legal a:hover { color: var(--text); text-decoration: underline; }
@media (max-width: 560px) { .site-head__in { padding-top: 10px; padding-bottom: 10px; } .site-hero { padding: 48px 0; } }