/* Layout: 1160px içerik kolonu, yapışkan üst menü, ürün alt sitelerinde ikinci bir sekme çubuğu.
   Renkler Documantasyon logosundan: krem zemin (#fffbf3) ve petrol laciverti (#023c5d); ikincil vurgu koyu hardal. */
:root {
  --bg: #fffbf3;
  --surface: #fffdf8;
  --surface-2: #f4eee0;
  --fg: #0d2533;
  --muted: #566673;
  --line: #e6dfcf;
  --accent: #023c5d;
  --accent-soft: #e1ebf1;
  --accent-ink: #fffbf3;
  --sun: #8f5408;
  --sun-soft: #f8ecd3;
  --ok: #1d7a50;
  --danger: #b03722;
  --danger-ink: #fffbf3;
  --logo: #023c5d; --logo-kivrim: #b48a4a; /* logo arayüz rengindedir (--accent) */
  --band-bg: #023c5d;
  --band-fg: #fffbf3;
  --shadow: 0 1px 2px rgba(2, 60, 93, .05), 0 12px 32px -14px rgba(2, 60, 93, .22);
  /* Premium görünüm: logonun lacivertinden türeyen geçiş, yumuşak parıltılar ve derin gölge */
  --shadow-lg: 0 2px 6px rgba(2, 60, 93, .05), 0 30px 70px -28px rgba(2, 60, 93, .38);
  --grad-accent: linear-gradient(135deg, #023c5d 0%, #0a5479 55%, #186f9b 100%);
  --grad-text: linear-gradient(120deg, #023c5d 15%, #13658f 70%, #1b7fb0 100%);
  --glow-1: rgba(24, 111, 155, .20);
  --glow-2: rgba(240, 177, 84, .22);
  --band-glow-1: rgba(56, 146, 196, .55);
  --band-glow-2: rgba(240, 177, 84, .30);
  --line-soft: rgba(2, 60, 93, .09);
  --font-display: "Montserrat", "Segoe UI", system-ui, var(--font-dunya);
  --font-body: "Figtree", "Segoe UI", system-ui, var(--font-dunya);
  /* Marka fontları yalnızca Latin harflerini içerir; diğer yazılar (Arapça, Kiril, Çince, Devanagari, emoji…) sistem fontlarıyla çizilir */
  --font-dunya: "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans Devanagari", "Noto Sans Thai", "Noto Sans CJK SC", "Microsoft YaHei", "Yu Gothic", "Malgun Gothic", "Nirmala UI", "Leelawadee UI", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --radius: 10px;
  --wrap: clamp(1160px, 92vw, 1840px); /* tanıtım sayfaları pencere genişledikçe genişler; çalışma ekranları (body.calisma) tam genişliktedir */
  --show-moon: block;
  --show-sun: none;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #071c29; --surface: #0c2636; --surface-2: #123246; --fg: #f6f1e6; --muted: #a7b7c2;
    --line: #1f4259; --accent: #8fc6e8; --accent-soft: #133a51; --accent-ink: #071c29;
    --sun: #f0b154; --sun-soft: #3b2e17; --ok: #55c895; --danger: #f2917b; --danger-ink: #071c29;
    --logo: #8fc6e8; --logo-kivrim: #c49a58; --band-bg: #f6f1e6; --band-fg: #071c29;
    --shadow: 0 1px 2px rgba(0,0,0,.35), 0 14px 34px -14px rgba(0,0,0,.6);
    --shadow-lg: 0 2px 6px rgba(0,0,0,.35), 0 30px 70px -26px rgba(0,0,0,.75);
    --grad-accent: linear-gradient(135deg, #8fc6e8 0%, #b9def3 100%);
    --grad-text: linear-gradient(120deg, #d6ecf8 10%, #8fc6e8 70%);
    --glow-1: rgba(143, 198, 232, .14); --glow-2: rgba(240, 177, 84, .10);
    --band-glow-1: rgba(143, 198, 232, .45); --band-glow-2: rgba(240, 177, 84, .30);
    --line-soft: rgba(143, 198, 232, .12);
    --show-moon: none; --show-sun: block;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #071c29; --surface: #0c2636; --surface-2: #123246; --fg: #f6f1e6; --muted: #a7b7c2;
  --line: #1f4259; --accent: #8fc6e8; --accent-soft: #133a51; --accent-ink: #071c29;
  --sun: #f0b154; --sun-soft: #3b2e17; --ok: #55c895; --danger: #f2917b; --danger-ink: #071c29;
  --logo: #8fc6e8; --logo-kivrim: #c49a58; --band-bg: #f6f1e6; --band-fg: #071c29;
  --shadow: 0 1px 2px rgba(0,0,0,.35), 0 14px 34px -14px rgba(0,0,0,.6);
  --shadow-lg: 0 2px 6px rgba(0,0,0,.35), 0 30px 70px -26px rgba(0,0,0,.75);
  --grad-accent: linear-gradient(135deg, #8fc6e8 0%, #b9def3 100%);
  --grad-text: linear-gradient(120deg, #d6ecf8 10%, #8fc6e8 70%);
  --glow-1: rgba(143, 198, 232, .14); --glow-2: rgba(240, 177, 84, .10);
  --band-glow-1: rgba(143, 198, 232, .45); --band-glow-2: rgba(240, 177, 84, .30);
  --line-soft: rgba(143, 198, 232, .12);
  --show-moon: none; --show-sun: block;
  color-scheme: dark;
}

/* Temel */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 90px; }
html:has(.subnav) { scroll-padding-top: 150px; }
body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font-body); font-size: 16px; line-height: 1.6; }
img { max-width: 100%; }
[hidden] { display: none !important; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
h1, h2, h3, h4 { font-family: var(--font-display); line-height: 1.12; margin: 0; text-wrap: balance; letter-spacing: -.015em; }
h1 { font-size: clamp(2rem, 4.6vw, 3.3rem); font-weight: 700; }
h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 700; }
h3 { font-size: 1.15rem; font-weight: 600; }
p { margin: 0; }
.wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: 20px; }
.eyebrow { font-family: var(--font-mono); font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--sun); font-weight: 600; }
.lead { font-size: 1.12rem; color: var(--muted); max-width: 62ch; }
.muted { color: var(--muted); }
.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.stack { display: grid; gap: 18px; align-content: start; }
.section { padding-block: 72px; }
.section.tight { padding-top: 0; }
.section-head { display: grid; gap: 12px; margin-bottom: 36px; max-width: 720px; }
.skip { position: absolute; inset-inline-start: -999px; top: 8px; background: var(--surface); padding: 8px 12px; z-index: 100; }
.skip:focus { inset-inline-start: 8px; }

/* Düğmeler */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap;
  font: 600 .95rem/1 var(--font-body); padding: 13px 20px; border-radius: 8px;
  border: 1px solid transparent; cursor: pointer; text-decoration: none !important; transition: transform .15s;
}
.btn-primary { background: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { transform: translateY(-1px); }
.btn-ghost { background: transparent; color: var(--fg); border-color: var(--line); }
.btn-ghost:hover { background: var(--surface-2); }
.btn-sm { padding: 9px 14px; font-size: .88rem; }
.btn[disabled] { opacity: .55; cursor: default; transform: none; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* Üst menü */
.site-header {
  position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50;
  background: color-mix(in srgb, var(--bg) 90%, transparent);
  backdrop-filter: blur(10px); border-bottom: 1px solid var(--line);
}
.nav { display: flex; align-items: center; gap: 24px; min-height: 66px; }
.logo { display: inline-flex; align-items: center; gap: 10px; color: var(--fg); font: 700 1.3rem/1 var(--font-display); letter-spacing: -.02em; text-decoration: none !important; }
/* Kelime işareti satır içi SVG: harfler --logo, d'nin sayfa kıvrımı --logo-kivrim (altın) renginde */
.logo-mark { display: block; flex: none; width: auto; aspect-ratio: 174 / 64; color: var(--logo); overflow: visible; }
.logo-mark .kivrim { fill: var(--logo-kivrim); }
.nav-links { display: flex; gap: 2px; align-items: center; margin: 0; padding: 0; list-style: none; flex: 1; }
.nav-links > li { position: relative; }
.nav-links a, .nav-links button {
  display: inline-flex; align-items: center; gap: 6px; padding: 8px 9px; border-radius: 6px;
  color: var(--fg); font: 500 .94rem/1.2 var(--font-body); background: none; border: 0; cursor: pointer; text-decoration: none;
}
.nav-links a:hover, .nav-links button:hover { background: var(--surface-2); }
.nav-links a[aria-current="page"], .nav-links button.current { color: var(--accent); }
.nav-cta { display: flex; gap: 8px; align-items: center; flex: none; }
.theme-btn { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--fg); cursor: pointer; padding: 0; }
.theme-btn:hover { border-color: var(--muted); }
.theme-btn svg { width: 18px; height: 18px; }
.theme-btn .ico-moon { display: var(--show-moon); }
.theme-btn .ico-sun { display: var(--show-sun); }
.menu-toggle { display: none; margin-inline-start: auto; background: none; border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px; color: var(--fg); font: 500 .9rem var(--font-body); cursor: pointer; }

.mega {
  position: absolute; top: calc(100% + 10px); inset-inline-start: -12px; width: min(780px, 92vw);
  background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow);
  padding: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px 10px;
}
.nav-links .mega a { display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: 8px; }
.mega strong { display: block; font-weight: 600; }
.mega small { display: block; color: var(--muted); font-size: .8rem; line-height: 1.35; margin-top: 2px; }
.mega-foot { grid-column: 1 / -1; border-top: 1px solid var(--line); margin-top: 8px; padding-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: .9rem; }

/* Uygulama simgesi */
.tile {
  --c: var(--accent);
  flex: none; width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center;
  background: color-mix(in srgb, var(--c) 14%, var(--surface)); color: color-mix(in srgb, var(--c) 55%, var(--fg));
  font: 700 .92rem/1 var(--font-display); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent);
}
.tile.sm { width: 28px; height: 28px; font-size: .72rem; border-radius: 7px; }
.tile.lg { width: 56px; height: 56px; border-radius: 13px; font-size: 1.3rem; }

/* Ana sayfa girişi */
.hero { padding-block: 64px 48px; display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }
.hero > * { min-width: 0; }
.hero h1 em { font-style: normal; color: var(--accent); }
.checks { font-size: .88rem; color: var(--muted); display: flex; gap: 18px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.checks li::before { content: "✓ "; color: var(--ok); font-weight: 700; }

/* Önizleme penceresi */
.window { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); overflow: hidden; min-width: 0; }
.window-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--line); background: var(--surface-2); }
.window-bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--line); display: block; }
.window-bar span { margin-inline-start: 10px; font: 500 .76rem var(--font-mono); color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.window-body { padding: 18px; display: grid; gap: 14px; }
.window-body h4 { font-size: 1rem; display: flex; justify-content: space-between; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.window-body h4 small { font: 500 .74rem var(--font-mono); color: var(--muted); }
.pipe { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pipe-col { background: var(--surface-2); border-radius: 8px; padding: 8px; display: grid; gap: 8px; align-content: start; min-width: 0; }
.pipe-col > b { font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.deal { background: var(--surface); border: 1px solid var(--line); border-radius: 6px; padding: 8px; font-size: .8rem; line-height: 1.35; overflow-wrap: anywhere; }
.deal .mono { display: block; color: var(--accent); font-size: .76rem; margin-top: 2px; }
.rows { display: grid; font-size: .86rem; }
.rows > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 2px; border-bottom: 1px solid var(--line); align-items: center; }
.rows > div:last-child { border-bottom: 0; }
.rows .total { font-weight: 700; }
.rows .total .mono { color: var(--accent); }
.chip { font: 600 .7rem/1 var(--font-body); padding: 5px 8px; border-radius: 99px; background: var(--surface-2); color: var(--muted); white-space: nowrap; }
.chip.ok { background: color-mix(in srgb, var(--ok) 16%, transparent); color: color-mix(in srgb, var(--ok) 78%, var(--fg)); }
.chip.warn { background: var(--sun-soft); color: var(--sun); }
.chip.info { background: var(--accent-soft); color: var(--accent); }

/* Rakamlar */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; border-block: 1px solid var(--line); padding-block: 26px; }
.stats.three { grid-template-columns: repeat(3, 1fr); }
.stats div { display: grid; gap: 4px; align-content: start; }
.stats b { font: 700 1.7rem/1.1 var(--font-display); }
.stats span { color: var(--muted); font-size: .9rem; }

/* Filtre sekmeleri ve uygulama kartları */
.tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
.tabs button { font: 500 .9rem var(--font-body); padding: 8px 14px; border-radius: 99px; border: 1px solid var(--line); background: var(--surface); color: var(--fg); cursor: pointer; }
.tabs button[aria-pressed="true"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.app-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.app-card {
  display: grid; gap: 12px; align-content: start; padding: 22px; border-radius: var(--radius);
  background: var(--surface); border: 1px solid var(--line); color: var(--fg); text-decoration: none !important; transition: border-color .15s, transform .15s;
}
.app-card:hover { border-color: var(--accent); transform: translateY(-2px); }
.app-card header { display: flex; gap: 12px; align-items: center; }
.app-card header small { display: block; color: var(--muted); font-size: .78rem; }
.app-card p { color: var(--muted); font-size: .93rem; }
.app-card .more { font-weight: 600; font-size: .88rem; color: var(--accent); }

/* İki kolon */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.split.top { align-items: start; }
.split > * { min-width: 0; }
.checklist { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.checklist li { display: grid; grid-template-columns: 22px 1fr; gap: 12px; }
.checklist li::before { content: "✓"; width: 22px; height: 22px; margin-top: 2px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); display: grid; place-items: center; font-size: .75rem; font-weight: 700; }
.checklist b { display: block; }
.checklist span { color: var(--muted); font-size: .94rem; }

.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 28px; }
.features > div { display: grid; gap: 8px; align-content: start; padding-top: 16px; border-top: 2px solid var(--line); }
.features > div:hover { border-top-color: var(--sun); }
.features p { color: var(--muted); font-size: .95rem; }

.cards-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; display: grid; gap: 10px; align-content: start; min-width: 0; }
.card p { color: var(--muted); font-size: .95rem; }

/* Koyu bant */
.band { background: var(--band-bg); color: var(--band-fg); border-radius: 18px; padding: 52px 48px; display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; }
.band p { opacity: .78; margin-top: 10px; max-width: 56ch; }
.band .btn-primary { background: #f0b154; color: #141821; }
.band .btn-ghost { color: var(--band-fg); border-color: color-mix(in srgb, var(--band-fg) 35%, transparent); }
.band .btn-ghost:hover { background: color-mix(in srgb, var(--band-fg) 10%, transparent); }

/* Alt sayfa başlığı */
.page-hero { padding-block: 56px 32px; display: grid; gap: 16px; }
.crumbs { font-size: .85rem; color: var(--muted); display: flex; gap: 8px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.crumbs li + li::before { content: "/"; margin-inline-end: 8px; color: var(--line); }
.crumbs a { color: var(--muted); }

/* Ürün alt sitesi */
.subnav { background: var(--surface); border-bottom: 1px solid var(--line); position: sticky; top: calc(env(safe-area-inset-top, 0px) + 67px); z-index: 40; }
.subnav-in { display: flex; align-items: center; gap: 18px; min-height: 58px; }
.subnav-brand { display: inline-flex; align-items: center; gap: 10px; font: 650 1.05rem var(--font-display); color: var(--fg); text-decoration: none !important; white-space: nowrap; }
.subnav ul { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; flex: 1; overflow-x: auto; scrollbar-width: none; }
.subnav ul a { display: block; padding: 18px 12px 16px; color: var(--muted); font-weight: 500; font-size: .92rem; white-space: nowrap; border-bottom: 2px solid transparent; text-decoration: none; }
.subnav ul a:hover { color: var(--fg); }
.subnav ul a[aria-current="page"] { color: var(--fg); border-bottom-color: var(--accent); }
.product-hero { padding-block: 48px 40px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.product-hero > * { min-width: 0; }
.product-title { display: flex; gap: 16px; align-items: center; }
.product-title small { display: block; color: var(--muted); font: 500 .85rem var(--font-body); }
.product-title h1 { font-size: clamp(2rem, 4.4vw, 3.1rem); }
.tagline { font: 600 1.25rem/1.4 var(--font-display); }
.price-tag { font-family: var(--font-mono); font-size: .9rem; color: var(--muted); }
.price-tag b { color: var(--fg); font-size: 1.2rem; }
.price-tag a { white-space: nowrap; }
.feature-row { display: flex; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); }
.feature-row .mono { font-size: .78rem; color: color-mix(in srgb, var(--c) 55%, var(--fg)); }
.feature-row span:nth-child(2) { flex: 1; min-width: 0; }
.feature-list { display: grid; gap: 0; }
.feature-list article { display: grid; grid-template-columns: 64px 1fr; gap: 24px; padding-block: 28px; border-top: 1px solid var(--line); }
.feature-list article:last-child { border-bottom: 1px solid var(--line); }
.feature-list .mono { color: var(--sun); font-size: .9rem; padding-top: 4px; }
.feature-list p { color: var(--muted); max-width: 64ch; margin-top: 6px; }
.int-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.int-item { display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; color: var(--fg); min-width: 0; }
a.int-item { text-decoration: none; }
a.int-item:hover { border-color: var(--accent); }
.int-item p { color: var(--muted); font-size: .92rem; }
.badge-ext { flex: none; width: 38px; height: 38px; border-radius: 9px; border: 1px dashed var(--line); display: grid; place-items: center; color: var(--muted); font: 600 .8rem var(--font-mono); }

/* Fiyatlandırma */
.billing { display: inline-flex; background: var(--surface-2); padding: 4px; border-radius: 99px; gap: 4px; justify-self: start; }
.billing button { border: 0; background: none; padding: 8px 16px; border-radius: 99px; font: 600 .88rem var(--font-body); color: var(--muted); cursor: pointer; }
.billing button[aria-pressed="true"] { background: var(--surface); color: var(--fg); box-shadow: var(--shadow); }
.billing em { font-style: normal; color: var(--ok); font-size: .78rem; margin-inline-start: 4px; }
.plans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px; }
.plans.three { grid-template-columns: repeat(3, 1fr); }
.plan { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 26px; display: grid; gap: 16px; align-content: start; position: relative; min-width: 0; }
.plan.featured { border: 2px solid var(--accent); }
.plan .badge { position: absolute; top: -12px; inset-inline-start: 24px; background: var(--accent); color: var(--accent-ink); font: 600 .7rem/1 var(--font-body); padding: 6px 10px; border-radius: 99px; letter-spacing: .05em; }
.plan .amount { font: 700 2.1rem/1 var(--font-display); font-variant-numeric: tabular-nums; }
.plan .per { color: var(--muted); font-size: .8rem; margin-top: 6px; }
.plan ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: .92rem; }
.plan li { display: grid; grid-template-columns: 18px 1fr; gap: 6px; }
.plan li::before { content: "✓"; color: var(--ok); font-weight: 700; }
.note { font-size: .85rem; color: var(--muted); }
.table-scroll { position: relative; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
table { border-collapse: collapse; width: 100%; min-width: 640px; font-size: .93rem; }
th, td { text-align: start; padding: 13px 16px; border-bottom: 1px solid var(--line); vertical-align: middle; }
th { font-family: var(--font-display); font-weight: 600; background: var(--surface-2); }
td:not(:first-child), th:not(:first-child) { text-align: center; }
tbody tr:last-child td { border-bottom: 0; }
.yes { color: var(--ok); font-weight: 700; }
.no { color: var(--muted); }
.app-link { display: inline-flex; gap: 10px; align-items: center; color: var(--fg); font-weight: 600; }

/* SSS */
.faq { display: grid; gap: 10px; max-width: 820px; }
.faq details { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 20px; }
/* summary blok düzende tutulur: bazı Safari sürümlerinde display:flex açılıp kapanmayı bozar */
.faq summary { cursor: pointer; font-weight: 600; list-style: none; display: block; position: relative; padding-inline-end: 28px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-family: var(--font-mono); color: var(--accent); position: absolute; inset-inline-end: 0; top: 0; }
.faq details[open] summary::after { content: "−"; }
.faq p { margin-top: 10px; color: var(--muted); }

/* Hakkımızda */
.timeline { display: grid; border-inline-start: 2px solid var(--line); margin-inline-start: 8px; }
.timeline > div { position: relative; padding: 0 0 28px 28px; display: grid; gap: 4px; }
.timeline > div:last-child { padding-bottom: 0; }
.timeline > div::before { content: ""; position: absolute; inset-inline-start: -9px; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); border: 3px solid var(--sun); }
.timeline b { font-family: var(--font-mono); color: var(--sun); font-size: .85rem; }

/* Çözümler */
.sector { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; padding-block: 40px; border-top: 1px solid var(--line); }
.sector > * { min-width: 0; }
.sector-apps { display: flex; gap: 10px; flex-wrap: wrap; }
.sector-apps a { display: inline-flex; gap: 8px; align-items: center; padding: 6px 12px 6px 6px; border: 1px solid var(--line); border-radius: 99px; color: var(--fg); background: var(--surface); font-size: .9rem; }
.sector-apps a:hover { border-color: var(--accent); text-decoration: none; }
.jump { display: flex; gap: 8px; flex-wrap: wrap; }
.jump a { padding: 7px 13px; border: 1px solid var(--line); border-radius: 99px; color: var(--fg); font-size: .9rem; background: var(--surface); }

/* Kariyer */
.jobs { display: grid; gap: 10px; }
.jobs details { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; }
.jobs summary { cursor: pointer; list-style: none; display: block; }
.jobs summary .meta { margin-top: 8px; }
.jobs summary::-webkit-details-marker { display: none; }
.jobs summary h3 { font-size: 1.05rem; }
.jobs .meta { display: flex; gap: 8px; flex-wrap: wrap; }
.jobs details > div { margin-top: 14px; display: grid; gap: 14px; color: var(--muted); }

/* Yardım merkezi */
.search { display: flex; gap: 10px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 6px 6px 6px 16px; max-width: 640px; }
.search input { flex: 1; min-width: 0; border: 0; background: none; font: inherit; font-size: 1rem; padding: 10px 0; color: var(--fg); }
.search input:focus { outline: none; }
.search:focus-within { outline: 2px solid var(--accent); }
.help-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.help-group { display: grid; gap: 10px; align-content: start; min-width: 0; }

/* Formlar */
.form { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 28px; display: grid; gap: 16px; min-width: 0; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { display: grid; gap: 6px; min-width: 0; }
.field label { font-weight: 600; font-size: .88rem; }
.field input, .field select, .field textarea {
  font: inherit; font-size: .95rem; padding: 11px 12px; border-radius: 8px; border: 1px solid var(--line);
  background: var(--bg); color: var(--fg); width: 100%;
}
.field input:focus, .field select:focus, .field textarea:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: transparent; }
.field [aria-invalid="true"] { border-color: var(--danger); }
.pw { display: flex; gap: 8px; }
.pw button { flex: none; font: 500 .82rem var(--font-body); border: 1px solid var(--line); background: var(--surface); color: var(--fg); border-radius: 8px; padding: 0 12px; cursor: pointer; }
.err { color: var(--danger); font-size: .8rem; }
.consent { display: flex; gap: 10px; align-items: flex-start; font-size: .86rem; color: var(--muted); }
.consent input { margin-top: 4px; }
.success { background: color-mix(in srgb, var(--ok) 12%, var(--surface)); border: 1px solid color-mix(in srgb, var(--ok) 40%, transparent); padding: 16px; border-radius: 10px; }
.auth { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; padding-block: 56px; align-items: center; }
.auth > * { min-width: 0; }
.auth .form { max-width: 480px; width: 100%; justify-self: end; }
.contact { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: start; }
.contact > * { min-width: 0; }
.office { display: grid; gap: 4px; padding-block: 18px; border-bottom: 1px solid var(--line); }
.office:first-child { padding-top: 0; }
.office:last-child { border-bottom: 0; }
.copy-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.copy-row button { font: 500 .78rem var(--font-body); border: 1px solid var(--line); background: var(--surface); color: var(--fg); padding: 4px 8px; border-radius: 6px; cursor: pointer; }

/* Metin sayfaları (gizlilik, koşullar, güvenlik) */
.prose { max-width: 72ch; display: grid; gap: 14px; }
.prose h2 { font-size: 1.35rem; margin-top: 18px; }
.prose p, .prose li { color: var(--muted); }
.prose ul { margin: 0; padding-inline-start: 20px; display: grid; gap: 6px; }
.notice { background: var(--sun-soft); color: var(--fg); border-radius: 10px; padding: 14px 16px; font-size: .92rem; }

/* Alt bilgi */
.site-footer { border-top: 1px solid var(--line); margin-top: 48px; padding-block: 52px 28px; background: var(--surface); }
.foot-grid { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 32px; }
.foot-grid h2 { font-weight: 600; font-size: .74rem; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); font-family: var(--font-mono); margin-bottom: 14px; }
.foot-grid ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: .92rem; }
.foot-grid a { color: var(--fg); }
.foot-bottom { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: .85rem; color: var(--muted); }
.foot-bottom a { color: var(--muted); }

/* Erişilebilirlik yardımcısı */
.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; }

/* Tablo satır başlıkları */
tbody th { background: none; font-family: var(--font-body); font-weight: 600; }

/* Site içi arama */
.search-btn { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font: 500 .88rem var(--font-body); color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 7px 8px 7px 12px; cursor: pointer; }
.search-btn:hover { color: var(--fg); border-color: var(--muted); }
kbd { font: 500 .72rem var(--font-mono); background: var(--surface-2); border: 1px solid var(--line); border-radius: 5px; padding: 2px 6px; color: var(--muted); }
.search-dlg { width: min(640px, calc(100vw - 32px)); max-height: min(560px, calc(100vh - 64px)); margin: 10vh auto auto; padding: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--fg); box-shadow: var(--shadow); }
.search-dlg[open] { display: flex; flex-direction: column; }
.search-dlg::backdrop { background: rgba(14, 17, 24, .45); }
.search-head { display: flex; gap: 10px; padding: 12px; border-bottom: 1px solid var(--line); }
.search-head input { flex: 1; min-width: 0; font: inherit; font-size: 1.05rem; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--fg); }
.search-head input:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: transparent; }
.search-close { font: 500 .85rem var(--font-body); background: none; border: 1px solid var(--line); border-radius: 8px; padding: 0 12px; color: var(--fg); cursor: pointer; }
.search-results { list-style: none; margin: 0; padding: 8px; overflow-y: auto; flex: 1; }
.search-results a { display: grid; gap: 2px; padding: 10px 12px; border-radius: 8px; color: var(--fg); text-decoration: none; }
.search-results a:hover, .search-results a.active { background: var(--accent-soft); }
.search-results small { color: var(--muted); font-size: .82rem; }
.search-results .empty { padding: 16px 12px; color: var(--muted); }
.search-foot { font-size: .78rem; padding: 10px 16px; border-top: 1px solid var(--line); margin: 0; }

/* Ana sayfa önizleme sekmeleri */
.preview-in { display: grid; grid-template-columns: 62px 1fr; min-height: 330px; }
.preview-in > .window-body { min-width: 0; }
.preview-side { border-inline-end: 1px solid var(--line); padding: 10px; display: grid; gap: 8px; align-content: start; }
.preview-side button { background: none; border: 0; padding: 0; border-radius: 10px; cursor: pointer; }
.preview-side button[aria-selected="true"] .tile { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Alt site sayfalayıcı */
.pager { display: flex; justify-content: space-between; gap: 16px; padding-block: 8px 48px; }
.pager a { display: grid; gap: 2px; padding: 14px 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--fg); font-weight: 600; min-width: 0; }
.pager a:hover { border-color: var(--accent); text-decoration: none; }
.pager a.next { text-align: end; margin-inline-start: auto; }
.pager small { color: var(--muted); font-weight: 500; font-size: .78rem; }

/* Paket oluşturucu */
.bundle { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; align-items: start; }
.bundle > * { min-width: 0; }
.bundle-apps { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.bundle-app { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); cursor: pointer; min-width: 0; }
.bundle-app span { flex: 1; min-width: 0; font-weight: 500; }
.bundle-app b { font-size: .85rem; color: var(--muted); }
.bundle-app:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
.bundle-app input { accent-color: var(--accent); width: 16px; height: 16px; margin: 0; }
.bundle-out { position: sticky; top: 90px; }
.verdict { font-weight: 500; }
.verdict.good { color: var(--ok); }

/* Şifre gücü */
.meter { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.meter i { height: 4px; border-radius: 2px; background: var(--line); }
.meter[data-score="1"] i:nth-child(1) { background: var(--danger); }
.meter[data-score="2"] i:nth-child(-n+2) { background: var(--sun); }
.meter[data-score="3"] i { background: var(--ok); }

/* Yenilikler */
.changelog { list-style: none; margin: 0; padding: 0; display: grid; }
.changelog > li { display: grid; grid-template-columns: 180px 1fr; gap: 24px; padding-block: 28px; border-top: 1px solid var(--line); }
.changelog > li:last-child { border-bottom: 1px solid var(--line); }
.changelog time { color: var(--sun); font-size: .85rem; padding-top: 4px; }
.changelog h2 { font-size: 1.3rem; }

/* Ön muhasebe ve gruplu özellikler */
.module-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
ul.plain { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: .94rem; }
ul.plain li { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.feature-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-top: 20px; }
.feature-cards .chip { justify-self: start; }
.feature-cards .card, .module-grid .card { scroll-margin-top: 150px; }
tr.group-row th { background: var(--surface-2); font-family: var(--font-display); font-weight: 650; text-align: start !important; }
table.left td, table.left th { text-align: start !important; }

/* Aktiviteler (canlı uygulama) */
.nav-links a.nav-tool { color: var(--accent); font-weight: 600; }
.akt-hero { padding-bottom: 20px; }
.akt-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
.akt-head > .stack { min-width: 0; flex: 1 1 420px; }
.akt-durum { font-size: .88rem; color: var(--muted); }
.akt-durum.uyari { color: var(--fg); background: var(--sun-soft); padding: 10px 14px; border-radius: 8px; }
.akt-durum.bilgi { color: var(--fg); background: var(--accent-soft); padding: 10px 14px; border-radius: 8px; }
.akt-ozet { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; }
.akt-ozet button { display: grid; gap: 2px; text-align: start; padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); color: var(--fg); cursor: pointer; font: inherit; }
.akt-ozet button:hover { border-color: var(--accent); }
.akt-ozet button[aria-pressed="true"] { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.akt-ozet b { font-size: 1.6rem; line-height: 1.1; font-family: var(--font-display); }
.akt-ozet span { color: var(--muted); font-size: .85rem; }
.akt-ozet .uyari b { color: var(--danger); }
.akt-arac { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 16px; }
.akt-arac .field { gap: 0; }
.akt-arac select, .akt-arac input[type="search"] { padding: 9px 10px; }
.akt-ara { flex: 1 1 220px; }
.akt-bana { display: inline-flex; gap: 8px; align-items: center; font-size: .9rem; white-space: nowrap; }
.akt-gorunum { margin-inline-start: auto; }
.akt-liste { display: grid; gap: 8px; }
.akt-satir { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.akt-satir.gecikmis { border-inline-start: 3px solid var(--danger); }
.akt-satir.kapali .akt-baslik { color: var(--muted); text-decoration: line-through; }
.akt-tik { width: 18px; height: 18px; accent-color: var(--accent); margin: 0; }
.akt-tur { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font: 700 .78rem/1 var(--font-display); background: var(--accent-soft); color: var(--accent); flex: none; }
.akt-tur.t-toplanti { background: var(--sun-soft); color: color-mix(in srgb, var(--sun) 85%, var(--fg)); }
.akt-tur.t-arama, .akt-tur.t-eposta { background: color-mix(in srgb, var(--ok) 14%, var(--surface)); color: color-mix(in srgb, var(--ok) 75%, var(--fg)); }
.akt-tur.t-ziyaret { background: color-mix(in srgb, var(--danger) 12%, var(--surface)); color: color-mix(in srgb, var(--danger) 85%, var(--fg)); }
.akt-ana { min-width: 0; display: grid; gap: 4px; }
.akt-baslik { all: unset; cursor: pointer; font-weight: 600; color: var(--fg); overflow-wrap: anywhere; }
.akt-baslik:hover { color: var(--accent); text-decoration: underline; }
.akt-baslik:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
.akt-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: .82rem; color: var(--muted); }
.akt-meta > span:not(.chip) + span:not(.chip)::before { content: "·"; margin-inline-end: 10px; }
.akt-yan { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; }
.akt-tarih { font-size: .8rem; color: var(--muted); }
.akt-oncelik { font: 600 .72rem/1 var(--font-body); padding: 5px 8px; border-radius: 99px; border: 1px solid var(--line); color: var(--muted); white-space: nowrap; }
.akt-oncelik.o-yuksek { color: var(--sun); border-color: color-mix(in srgb, var(--sun) 45%, transparent); }
.akt-oncelik.o-acil { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 50%, transparent); }
.chip.d-devam { background: var(--accent-soft); color: var(--accent); }
.chip.d-beklemede { background: var(--sun-soft); color: var(--sun); }
.chip.d-tamamlandi { background: color-mix(in srgb, var(--ok) 15%, transparent); color: color-mix(in srgb, var(--ok) 78%, var(--fg)); }
.akt-kisi { display: inline-flex; gap: 6px; align-items: center; font-size: .84rem; white-space: nowrap; }
.akt-kisi img { border-radius: 50%; }
.akt-kisi.bos { color: var(--muted); }
.akt-bos { text-align: center; padding: 48px 20px; border: 1px dashed var(--line); border-radius: 14px; display: grid; gap: 10px; justify-items: center; }
.akt-bos h2 { font-size: 1.3rem; }
.akt-bos p { max-width: 52ch; }
.akt-pano { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; align-items: start; }
.akt-sutun { background: var(--surface-2); border-radius: 12px; padding: 12px; display: grid; gap: 10px; min-width: 0; }
.akt-sutun h2 { font-size: .95rem; display: flex; gap: 6px; align-items: baseline; }
.akt-sutun-bos { font-size: .85rem; padding: 6px 2px; }
.akt-kart { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px; display: grid; gap: 8px; min-width: 0; }
.akt-kart.gecikmis { border-inline-start: 3px solid var(--danger); }
.akt-kart-ust, .akt-kart-alt { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.akt-kart-ilgili { font-size: .84rem; }
.akt-kart-tasi { display: flex; justify-content: space-between; }
.akt-tasi { border: 1px solid var(--line); background: var(--surface); color: var(--fg); border-radius: 6px; min-width: 40px; min-height: 32px; cursor: pointer; font: inherit; }
.akt-tasi[disabled] { opacity: .35; cursor: default; }
.akt-link { all: unset; cursor: pointer; color: var(--accent); font-size: .85rem; text-decoration: underline; justify-self: start; }
.akt-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
/* Pencereler */
.akt-dlg { width: min(720px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--bg); color: var(--fg); box-shadow: var(--shadow); }
.akt-dlg[open] { display: flex; flex-direction: column; }
.akt-dlg::backdrop { background: rgba(7, 28, 41, .5); }
.akt-dlg > form { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.akt-dlg-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.akt-dlg-head h2 { font-size: 1.15rem; overflow-wrap: anywhere; }
.akt-dlg-head .search-close { min-height: 36px; }
.akt-dlg-body { padding: 20px; overflow-y: auto; display: grid; gap: 14px; }
.akt-dlg-foot { display: flex; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--line); }
.akt-sorumlu { position: relative; }
.akt-secili { display: flex; gap: 12px; align-items: center; }
.akt-oneri { list-style: none; margin: 4px 0 0; padding: 6px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); display: grid; gap: 2px; max-height: 220px; overflow-y: auto; }
.akt-oneri button { all: unset; display: flex; gap: 8px; align-items: center; padding: 8px; border-radius: 6px; cursor: pointer; width: 100%; box-sizing: border-box; }
.akt-oneri button:hover, .akt-oneri button:focus-visible { background: var(--accent-soft); }
.akt-oneri img { border-radius: 50%; }
.akt-oneri li.muted { padding: 8px; font-size: .88rem; }
/* Detay */
.akt-detay { width: min(820px, calc(100vw - 24px)); }
.akt-d-ust { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.akt-d-eylem { display: flex; gap: 8px; flex-wrap: wrap; margin-inline-start: auto; }
.akt-sil.onay { border-color: var(--danger); color: var(--danger); }
.akt-d-alan { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 0; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
.akt-d-alan div { min-width: 0; }
.akt-d-alan dt { font-size: .78rem; color: var(--muted); }
.akt-d-alan dd { margin: 2px 0 0; overflow-wrap: anywhere; }
.akt-etiketler { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.akt-d-bolum { display: grid; gap: 10px; }
.akt-d-bolum h3 { font-size: 1rem; display: flex; gap: 8px; align-items: baseline; }
.akt-aciklama, .akt-not-metin { white-space: pre-wrap; overflow-wrap: anywhere; }
.akt-ilerleme { height: 6px; border-radius: 3px; background: var(--surface-2); overflow: hidden; }
.akt-ilerleme i { display: block; height: 100%; background: var(--ok); }
.akt-kontrol { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.akt-kontrol li { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--line); }
.akt-kontrol label { display: flex; gap: 10px; align-items: center; min-width: 0; overflow-wrap: anywhere; }
.akt-kontrol input { width: 18px; height: 18px; accent-color: var(--accent); flex: none; }
.akt-kontrol input:checked + span { text-decoration: line-through; color: var(--muted); }
.akt-satir-form, .akt-not-form { display: flex; gap: 8px; align-items: flex-start; }
.akt-satir-form input, .akt-not-form textarea { flex: 1; min-width: 0; font: inherit; padding: 9px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--fg); }
.akt-sure-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.akt-sure-form .field:first-child { flex: 0 0 120px; }
.akt-sure-form .field:nth-child(2) { flex: 1 1 200px; }
.akt-sure-form .err { flex-basis: 100%; }
.akt-gecmis { list-style: none; margin: 0; padding: 0; padding-inline-start: 14px; border-inline-start: 2px solid var(--line); display: grid; gap: 14px; }
.akt-gecmis li { position: relative; display: grid; gap: 2px; font-size: .92rem; }
.akt-gecmis li::before { content: ""; position: absolute; inset-inline-start: -21px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--bg); border: 2px solid var(--line); }
.akt-gecmis li.g-not::before { border-color: var(--accent); }
.akt-gecmis li.g-olusturma::before { border-color: var(--ok); }
.akt-gecmis li.g-sure::before { border-color: var(--sun); }
.akt-gecmis time { font-size: .75rem; color: var(--muted); }
.akt-not-metin { background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; margin-top: 4px; }
.akt-degisim { margin: 2px 0 0; padding-inline-start: 18px; display: grid; gap: 2px; }
.akt-degisim s { color: var(--muted); }
.akt-toast { position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); background: var(--band-bg); color: var(--band-fg); padding: 12px 18px; border-radius: 10px; box-shadow: var(--shadow); z-index: 200; max-width: calc(100vw - 32px); font-size: .92rem; }
.akt-toast.hata { background: var(--danger); color: var(--danger-ink); }
@media (max-width: 720px) {
  .akt-ozet { grid-template-columns: repeat(2, 1fr); }
  .akt-satir { grid-template-columns: auto auto minmax(0, 1fr); }
  .akt-yan { grid-column: 3; justify-content: flex-start; }
  .akt-gorunum { margin-inline-start: 0; }
  .akt-d-alan { grid-template-columns: 1fr; }
  .akt-d-eylem { margin-inline-start: 0; }
  .akt-gun-liste > li { grid-template-columns: auto minmax(0, 1fr); }
  .akt-gun-liste > li .akt-gun-saat { grid-column: 1 / -1; }
  .akt-gun-liste > li > .akt-kisi { grid-column: 2; }
  .akt-dlg, .akt-detay { inset: 0; width: 100%; max-width: 100%; height: 100%; max-height: 100%; margin: 0; border: 0; border-radius: 0; }
}

/* Arama kısayol ipucu yalnızca geniş ekranlarda (dar masaüstünde menüye yer açar) */
/* Ctrl K etiketi gösterilmez: 1160px içerik kolonunda logo kilidi ve menüyle birlikte sığmıyor (kısayol yine çalışır) */
.search-btn kbd { display: none; }

/* Bildirim zili */
.bildirim { position: relative; flex: none; }
.bildirim-btn { position: relative; }
.bildirim-btn svg { width: 19px; height: 19px; }
.bildirim-sayi { position: absolute; top: -6px; inset-inline-end: -6px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px; background: var(--danger); color: var(--danger-ink); font: 700 .7rem/19px var(--font-body); text-align: center; box-shadow: 0 0 0 2px var(--bg); }
.bildirim-panel { position: absolute; inset-inline-end: 0; top: calc(100% + 10px); width: min(400px, calc(100vw - 32px)); max-height: min(560px, calc(100dvh - 100px)); display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); z-index: 60; }
.bildirim-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.bildirim-govde { overflow-y: auto; padding: 6px 8px 10px; }
.bildirim-baslik { font: 600 .74rem var(--font-mono); text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin: 10px 8px 4px; }
.bildirim-ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.bildirim-oge { display: flex; align-items: flex-start; gap: 6px; border-radius: 10px; }
.bildirim-oge > a { flex: 1; min-width: 0; display: flex; gap: 10px; padding: 10px 8px; border-radius: 10px; color: var(--fg); text-decoration: none; }
.bildirim-oge > a:hover, .bildirim-oge > a:focus-visible { background: var(--accent-soft); }
.bildirim-oge.yeni > a { background: color-mix(in srgb, var(--accent-soft) 60%, transparent); }
.bildirim-metin { display: grid; gap: 2px; min-width: 0; font-size: .88rem; overflow-wrap: anywhere; }
.bildirim-metin small { color: var(--muted); font-size: .76rem; }
.bildirim-alinti { color: var(--muted); font-style: italic; }
.bildirim-nokta { color: var(--accent); font-weight: 700; }
.bildirim-avatar { border-radius: 50%; flex: none; margin-top: 2px; }
.bildirim-ikon { flex: none; width: 24px; height: 24px; border-radius: 50%; margin-top: 2px; background: var(--accent-soft); position: relative; }
.bildirim-ikon::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: var(--accent); }
.bildirim-ikon.i-geciken { background: color-mix(in srgb, var(--danger) 15%, var(--surface)); }
.bildirim-ikon.i-geciken::after { background: var(--danger); }
.bildirim-ikon.i-yaklasan, .bildirim-ikon.i-bugun { background: var(--sun-soft); }
.bildirim-ikon.i-yaklasan::after, .bildirim-ikon.i-bugun::after { background: var(--sun); }
.bildirim-kapat { padding: 12px 8px; font-size: .78rem; }
.bildirim-bos { padding: 8px; font-size: .88rem; }
.bildirim-alt { display: block; padding: 12px 16px; border-top: 1px solid var(--line); font-size: .88rem; font-weight: 600; }
.bildirim-uyari { position: fixed; inset-inline-end: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 210; display: grid; gap: 2px; max-width: min(360px, calc(100vw - 32px)); padding: 12px 16px; border-radius: 10px; background: var(--band-bg); color: var(--band-fg); box-shadow: var(--shadow); font-size: .9rem; overflow-wrap: anywhere; }

/* Aktivite: uygulama bağlantısı, ajanda, kişi seçiciler, şablonlar */
.akt-uyg { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--fg); }
.akt-uyg .tile.sm { width: 20px; height: 20px; font-size: .6rem; border-radius: 5px; }
.akt-uyg-link { text-decoration: none; }
.akt-uyg-link:hover .akt-uyg span:last-child { text-decoration: underline; }
.akt-kart-sol { display: inline-flex; gap: 6px; align-items: center; }
.akt-tekrar { color: var(--accent); font-weight: 600; }
.akt-ajanda { display: grid; gap: 18px; }
.akt-gun h2 { font-size: 1rem; display: flex; gap: 6px; align-items: baseline; margin-bottom: 8px; }
.akt-gun.gecikmis h2 { color: var(--danger); }
.akt-gun-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.akt-gun-liste > li { display: grid; grid-template-columns: 96px auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.akt-gun-liste > li.kapali .akt-baslik { color: var(--muted); text-decoration: line-through; }
.akt-gun-saat { font-size: .82rem; color: var(--muted); }
.akt-gun.gecikmis .akt-gun-liste > li { border-inline-start: 3px solid var(--danger); }
.akt-kisi-sec { position: relative; }
.akt-secili { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.akt-secili-kisi { display: inline-flex; gap: 8px; align-items: center; }
.akt-kisiler { display: inline-flex; flex-wrap: wrap; gap: 6px 12px; }
.akt-etiket { font-weight: 600; font-size: .88rem; }
.akt-sablonlar { display: flex; flex-wrap: wrap; gap: 6px; }
.akt-sablon { display: inline-flex; gap: 6px; align-items: center; padding: 5px 10px 5px 5px; border: 1px solid var(--line); border-radius: 99px; background: var(--surface); color: var(--fg); font: 500 .82rem var(--font-body); cursor: pointer; }
.akt-sablon:hover { border-color: var(--accent); }
.akt-sablon[disabled] { opacity: .5; cursor: default; }
.akt-sablon .akt-tur { width: 22px; height: 22px; font-size: .62rem; border-radius: 6px; }
.akt-bos .akt-sablonlar { justify-content: center; margin-top: 6px; }
.akt-tekrar-baglanti { display: flex; gap: 16px; }
.akt-uygulama-bolum { padding-bottom: 8px; }

/* Mesajlar — WhatsApp tarzı sohbet (mesaj.js) */
.msj-hero { padding-bottom: 16px; }
.msj-kabuk {
  --msj-zemin: #ece8df; --msj-desen: rgba(2, 60, 93, .05); --msj-ben: #d6e9f4; --msj-diger: #ffffff; --msj-ben-cizgi: #b9d7e8; --msj-mavi: #0a77b8;
  --msj-yan: var(--surface); --msj-ust: var(--surface-2); --msj-rozet: #0f7a4f; --msj-rozet-yazi: #ffffff; --msj-hover: color-mix(in srgb, var(--surface-2) 80%, transparent);
  position: relative; display: grid; grid-template-columns: minmax(290px, 360px) minmax(0, 1fr); height: clamp(520px, calc(100dvh - 190px), 880px);
  border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--msj-yan); box-shadow: var(--shadow);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .msj-kabuk { --msj-zemin: #0a2232; --msj-desen: rgba(143, 198, 232, .05); --msj-ben: #154a66; --msj-diger: #12354b; --msj-ben-cizgi: #1f5b7a; --msj-mavi: #6fc6f2; --msj-rozet: #3fb983; --msj-rozet-yazi: #062016; }
}
:root[data-theme="dark"] .msj-kabuk { --msj-zemin: #0a2232; --msj-desen: rgba(143, 198, 232, .05); --msj-ben: #154a66; --msj-diger: #12354b; --msj-ben-cizgi: #1f5b7a; --msj-mavi: #6fc6f2; --msj-rozet: #3fb983; --msj-rozet-yazi: #062016; }
.msj-kabuk[data-duvar="duz"] { --msj-desen: transparent; }
.msj-kabuk[data-duvar="mavi"] { --msj-zemin: #c4dbec; }
.msj-kabuk[data-duvar="yesil"] { --msj-zemin: #dcebdf; }
.msj-kabuk[data-duvar="kum"] { --msj-zemin: #eee3cf; }
.msj-kabuk[data-duvar="gece"] { --msj-zemin: #0f2230; --msj-desen: rgba(255, 255, 255, .04); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .msj-kabuk[data-duvar="mavi"] { --msj-zemin: #0b2b40; }
  :root:not([data-theme="light"]) .msj-kabuk[data-duvar="yesil"] { --msj-zemin: #0d2a22; }
  :root:not([data-theme="light"]) .msj-kabuk[data-duvar="kum"] { --msj-zemin: #29231a; }
  :root:not([data-theme="light"]) .msj-kabuk[data-duvar="gece"] { --msj-zemin: #050f17; }
}
:root[data-theme="dark"] .msj-kabuk[data-duvar="mavi"] { --msj-zemin: #0b2b40; }
:root[data-theme="dark"] .msj-kabuk[data-duvar="yesil"] { --msj-zemin: #0d2a22; }
:root[data-theme="dark"] .msj-kabuk[data-duvar="kum"] { --msj-zemin: #29231a; }
:root[data-theme="dark"] .msj-kabuk[data-duvar="gece"] { --msj-zemin: #050f17; }

.msj-i { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
[dir="rtl"] .msj-i-yon { transform: scaleX(-1); }
.msj-ikon-btn { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 0; background: transparent; color: var(--muted); cursor: pointer; flex: none; }
.msj-ikon-btn:hover { background: var(--msj-hover); color: var(--fg); }
.msj-ikon-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.msj-ikon-btn[disabled] { opacity: .45; cursor: default; background: transparent; }
.msj-av { width: var(--b, 40px); height: var(--b, 40px); border-radius: 50%; flex: none; object-fit: cover; display: inline-grid; place-items: center; }
.msj-av-harf { background: color-mix(in srgb, var(--c, var(--accent)) 22%, var(--surface)); color: var(--fg); font: 700 calc(var(--b, 40px) * .4)/1 var(--font-body); }
.msj-av-grup { background: var(--accent-soft); color: var(--accent); font: 700 calc(var(--b, 40px) * .4)/1 var(--font-body); }
.msj-av-grup .msj-i { width: 52%; height: 52%; }
.msj-av-grup.kanal { background: var(--sun-soft); color: var(--sun); }
.msj-rozet { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 99px; background: var(--msj-rozet); color: var(--msj-rozet-yazi); font: 700 .72rem/20px var(--font-body); text-align: center; flex: none; }
.msj-rozet:empty { min-width: 10px; width: 10px; height: 10px; padding: 0; }
.msj-rozet.sessiz { background: var(--muted); color: var(--surface); }

/* Kenar çubuğu */
.msj-yan { display: flex; flex-direction: column; min-height: 0; border-inline-end: 1px solid var(--line); background: var(--msj-yan); }
.msj-yan-ust { display: flex; align-items: center; gap: 4px; padding: 10px 10px 6px 12px; background: var(--msj-ust); }
.msj-yan-ust h2 { font-size: 1.05rem; flex: 1; margin-inline-start: 6px; }
.msj-ben { border: 0; padding: 0; background: none; border-radius: 50%; cursor: pointer; }
.msj-ben:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#msj-durum-ac.yeni { color: var(--msj-rozet); position: relative; }
#msj-durum-ac.yeni::after { content: ""; position: absolute; top: 7px; inset-inline-end: 7px; width: 8px; height: 8px; border-radius: 50%; background: var(--msj-rozet); }
.msj-ara-kutu { position: relative; padding: 8px 12px 6px; background: var(--msj-ust); }
.msj-ara-kutu .msj-i { position: absolute; inset-inline-start: 24px; top: 50%; transform: translateY(-40%); width: 17px; height: 17px; color: var(--muted); pointer-events: none; }
.msj-ara-kutu input { width: 100%; font: inherit; font-size: .92rem; padding: 8px 12px 8px 38px; padding-inline: 38px 12px; border: 1px solid transparent; border-radius: 10px; background: var(--surface); color: var(--fg); }
.msj-ara-kutu input:focus { outline: 2px solid var(--accent); outline-offset: 0; }
.msj-filtre { display: flex; gap: 6px; padding: 6px 12px 10px; overflow-x: auto; scrollbar-width: none; background: var(--msj-ust); border-bottom: 1px solid var(--line); }
.msj-filtre button { flex: none; border: 1px solid var(--line); background: var(--surface); color: var(--muted); border-radius: 99px; padding: 5px 12px; font: 600 .8rem var(--font-body); cursor: pointer; }
.msj-filtre button[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent); border-color: transparent; }
.msj-arsiv-satir { display: flex; align-items: center; gap: 14px; padding: 12px 20px; border: 0; border-bottom: 1px solid var(--line); background: var(--msj-yan); color: var(--fg); font: 600 .92rem var(--font-body); cursor: pointer; text-align: start; }
.msj-arsiv-satir span:nth-child(2) { flex: 1; }
.msj-arsiv-satir:hover { background: var(--msj-hover); }
.msj-liste { list-style: none; margin: 0; padding: 0; overflow-y: auto; flex: 1; min-height: 0; }
.msj-satir { display: flex; align-items: center; gap: 12px; padding: 9px 12px; color: var(--fg); text-decoration: none !important; position: relative; }
.msj-satir::after { content: ""; position: absolute; inset-inline: 70px 0; bottom: 0; border-bottom: 1px solid var(--line-soft); }
.msj-satir:hover { background: var(--msj-hover); }
.msj-satir.secili { background: var(--accent-soft); }
.msj-satir:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.msj-satir-av { position: relative; flex: none; display: grid; }
.msj-cevrimici-nokta { position: absolute; inset-inline-end: 0; bottom: 1px; width: 12px; height: 12px; border-radius: 50%; background: var(--msj-rozet); border: 2px solid var(--msj-yan); }
.msj-satir-govde { flex: 1; min-width: 0; display: grid; gap: 2px; }
.msj-satir-ust, .msj-satir-alt { display: flex; align-items: center; gap: 6px; min-width: 0; }
.msj-satir-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; unicode-bidi: isolate; }
.msj-satir-kilit .msj-i { width: 13px; height: 13px; color: var(--muted); }
.msj-satir-zaman { font-size: .74rem; color: var(--muted); flex: none; }
.msj-satir-zaman.vurgu { color: var(--msj-rozet); font-weight: 700; }
.msj-satir-onizleme { flex: 1; min-width: 0; display: flex; align-items: center; gap: 3px; color: var(--muted); font-size: .86rem; }
.msj-satir-metin { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; unicode-bidi: plaintext; }
.msj-satir-metin.yaziyor { color: var(--msj-rozet); font-weight: 600; }
.msj-satir.yeni .msj-satir-metin { color: var(--fg); }
.msj-satir-kim { flex: none; }
.msj-taslak { color: var(--danger); font-weight: 600; }
.msj-satir-ikon .msj-i { width: 16px; height: 16px; color: var(--muted); }
.msj-bos-kanal { padding: 16px; display: grid; gap: 10px; justify-items: start; }
.msj-not { font-size: .76rem; padding: 10px 14px 12px; margin: 0; border-top: 1px solid var(--line-soft); }

/* Sohbet alanı */
.msj-sohbet { position: relative; display: flex; flex-direction: column; min-height: 0; min-width: 0; background-color: var(--msj-zemin);
  background-image: radial-gradient(var(--msj-desen) 1.2px, transparent 1.4px), radial-gradient(var(--msj-desen) 1.2px, transparent 1.4px); background-size: 26px 26px; background-position: 0 0, 13px 13px; }
.msj-sohbet-ust { display: flex; align-items: center; gap: 6px; padding: 8px 10px; background: var(--msj-ust); border-bottom: 1px solid var(--line); min-height: 58px; }
.msj-geri { display: none; }
.msj-kim { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 4px 6px; border: 0; background: none; color: var(--fg); text-align: start; cursor: pointer; border-radius: 8px; }
.msj-kim:focus-visible { outline: 2px solid var(--accent); }
.msj-kim[disabled] { cursor: default; }
.msj-kim-av { display: grid; }
.msj-kim-metin { display: grid; min-width: 0; }
.msj-kim-ad { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msj-kim-alt { unicode-bidi: plaintext; text-align: start; font-size: .8rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 1.1em; }
.msj-kim-alt.yaziyor { color: var(--msj-rozet); font-weight: 600; }
.msj-ust-dugmeler { display: flex; align-items: center; gap: 2px; }
.msj-arama { display: flex; align-items: center; gap: 4px; padding: 6px 10px; background: var(--msj-ust); border-bottom: 1px solid var(--line); }
.msj-arama input { flex: 1; min-width: 0; font: inherit; padding: 7px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--fg); }
.msj-arama-sayi { font-size: .8rem; min-width: 3.5em; text-align: center; }
.msj-sabit-bar { display: flex; align-items: center; gap: 10px; padding: 8px 16px; border: 0; border-bottom: 1px solid var(--line); background: var(--surface); color: var(--fg); text-align: start; cursor: pointer; font: inherit; }
.msj-sabit-bar .msj-i { color: var(--muted); }
.msj-sabit-metin { display: grid; min-width: 0; font-size: .85rem; }
.msj-sabit-metin b { color: var(--accent); font-size: .78rem; }
.msj-sabit-metin span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msj-uyari { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 8px 12px 0; padding: 8px 12px; border-radius: 10px; background: var(--sun-soft); color: var(--fg); font-size: .85rem; }
.msj-uyari .msj-i { color: var(--sun); width: 16px; height: 16px; }
.msj-uyari span { flex: 1; min-width: 12rem; }
.msj-akis-kap { position: relative; flex: 1; min-height: 0; display: flex; }
.msj-akis { list-style: none; margin: 0; padding: 10px 6% 14px; overflow-y: auto; flex: 1; display: flex; flex-direction: column; gap: 2px; overscroll-behavior: contain; }
.msj-akis-bos { padding: 0 16px 12px; text-align: center; }
.msj-asagi { position: absolute; bottom: 14px; inset-inline-end: 18px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line); background: var(--surface); color: var(--muted); box-shadow: var(--shadow); display: grid; place-items: center; cursor: pointer; }
.msj-asagi .msj-rozet { position: absolute; top: -6px; inset-inline-end: -4px; }
.msj-gun { align-self: center; position: sticky; top: 4px; z-index: 2; margin: 10px 0 6px; }
.msj-gun span { display: inline-block; font: 600 .74rem var(--font-body); color: var(--muted); background: var(--surface); border-radius: 8px; padding: 5px 12px; box-shadow: 0 1px 1px rgba(0, 0, 0, .06); }
.msj-sistem { align-self: center; max-width: min(520px, 92%); margin: 6px 0; text-align: center; }
.msj-sistem span { display: inline-flex; align-items: center; gap: 6px; font-size: .78rem; color: var(--muted); background: var(--surface); border-radius: 8px; padding: 6px 12px; line-height: 1.4; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.msj-sistem.sifre span { background: var(--sun-soft); color: var(--fg); }
.msj-sistem .msj-i { width: 14px; height: 14px; }
.msj-yeni-ayrac { align-self: stretch; text-align: center; margin: 8px -6%; padding: 4px 0; background: color-mix(in srgb, var(--surface) 75%, transparent); }
.msj-yeni-ayrac span { font: 600 .78rem var(--font-body); color: var(--muted); }
.msj-daha { align-self: center; margin: 4px 0 8px; }

/* Balonlar */
.msj-oge { display: flex; align-items: flex-start; gap: 6px; max-width: 100%; }
.msj-oge.ilk { margin-top: 8px; }
.msj-oge.ben { justify-content: flex-end; }
.msj-oge-av { flex: none; width: 28px; padding-top: 2px; }
.msj-balon-kap { position: relative; max-width: min(78%, 620px); min-width: 0; display: flex; flex-direction: column; }
.msj-oge.ben .msj-balon-kap { align-items: flex-end; }
.msj-balon { --bb: var(--msj-diger); position: relative; min-width: 72px; max-width: 100%; padding: 6px 9px 8px; border-radius: 10px; background: var(--msj-diger); color: var(--fg); box-shadow: 0 1px 1px rgba(0, 0, 0, .08); overflow-wrap: anywhere; transition: transform .12s; }
.msj-oge.ben .msj-balon { --bb: var(--msj-ben); background: var(--msj-ben); }
.msj-oge.ilk .msj-balon { border-start-start-radius: 3px; }
.msj-oge.ben.ilk .msj-balon { border-start-start-radius: 10px; border-start-end-radius: 3px; }
.msj-oge.ilk .msj-balon::before { content: ""; position: absolute; top: 0; inset-inline-start: -7px; width: 8px; height: 12px; background: var(--msj-diger); clip-path: polygon(0 0, 100% 0, 100% 100%); }
[dir="rtl"] .msj-oge.ilk .msj-balon::before { clip-path: polygon(0 0, 100% 0, 0 100%); }
.msj-oge.ben.ilk .msj-balon::before { inset-inline-start: auto; inset-inline-end: -7px; background: var(--msj-ben); clip-path: polygon(0 0, 100% 0, 0 100%); }
[dir="rtl"] .msj-oge.ben.ilk .msj-balon::before { clip-path: polygon(0 0, 100% 0, 100% 100%); }
.msj-oge.bana .msj-balon { box-shadow: inset 3px 0 0 var(--sun), 0 1px 1px rgba(0, 0, 0, .08); }
[dir="rtl"] .msj-oge.bana .msj-balon { box-shadow: inset -3px 0 0 var(--sun), 0 1px 1px rgba(0, 0, 0, .08); }
.msj-oge.parla .msj-balon { animation: msj-parla 1.6s ease-out; }
@keyframes msj-parla { 0%, 30% { box-shadow: 0 0 0 3px var(--sun); } 100% { box-shadow: 0 1px 1px rgba(0, 0, 0, .08); } }
.msj-oge.eslesme .msj-balon { outline: 2px solid color-mix(in srgb, var(--sun) 50%, transparent); }
.msj-oge.eslesme.aktif .msj-balon { outline: 3px solid var(--sun); }
.msj-balon:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.msj-yazar { display: block; font-size: .8rem; font-weight: 700; color: color-mix(in srgb, var(--yc, var(--accent)) 70%, var(--fg)); margin-bottom: 2px; unicode-bidi: isolate; }
.msj-metin { margin: 0; white-space: pre-wrap; font-size: .94rem; line-height: 1.42; unicode-bidi: plaintext; text-align: start; }
.msj-metin.altyazi { margin-top: 6px; }
.msj-metin a { color: var(--accent); text-decoration: underline; overflow-wrap: anywhere; }
.msj-metin code { font-family: var(--font-mono); font-size: .86em; background: color-mix(in srgb, var(--fg) 8%, transparent); padding: 1px 4px; border-radius: 4px; }
.msj-metin code.msj-blok { display: block; white-space: pre-wrap; padding: 6px 8px; margin: 2px 0; }
.msj-metin.silindi { display: flex; align-items: center; gap: 6px; color: var(--muted); font-style: italic; }
.msj-metin.silindi .msj-i { width: 15px; height: 15px; }
.msj-balon.emoji-1 .msj-metin { font-size: 2.6rem; line-height: 1.1; }
.msj-balon.emoji-2 .msj-metin { font-size: 2.1rem; line-height: 1.1; }
.msj-balon.emoji-3 .msj-metin { font-size: 1.8rem; line-height: 1.15; }
.msj-oge .msj-balon[class*="emoji-"] { background: transparent; box-shadow: none; }
.msj-oge .msj-balon[class*="emoji-"]::before { display: none; }
.msj-balon[class*="emoji-"] .msj-meta { background: var(--surface); padding: 2px 7px; border-radius: 8px; top: 0; margin-top: 2px; }
.msj-anma { color: var(--accent); font-weight: 600; unicode-bidi: plaintext; }
.msj-anma.ben { color: var(--sun); }
.msj-meta { float: inline-end; display: inline-flex; align-items: center; gap: 3px; margin: 6px 0 -4px 10px; margin-inline: 12px 0; font-size: .7rem; color: var(--muted); white-space: nowrap; position: relative; top: 3px; }
.msj-meta-i .msj-i { width: 12px; height: 12px; }
.msj-duzen { font-style: italic; }
.msj-tik { display: inline-flex; }
.msj-tik .msj-i { width: 16px; height: 16px; }
.msj-tik.okundu { color: var(--msj-mavi); }
.msj-tik.bekliyor .msj-i { width: 13px; height: 13px; }
.msj-secenek { position: absolute; top: 3px; inset-inline-end: 3px; width: 26px; height: 22px; border: 0; border-radius: 6px; display: grid; place-items: center; background: radial-gradient(closest-side, var(--bb) 70%, transparent); color: var(--muted); cursor: pointer; opacity: 0; transition: opacity .12s; }
.msj-secenek .msj-i { width: 17px; height: 17px; }
.msj-balon:hover .msj-secenek, .msj-secenek:focus-visible, .msj-balon:focus-within .msj-secenek { opacity: 1; }
/* Dokunmatik ekranda menü uzun basınca açılır; düğme ekran okuyucu ve klavye için yerinde kalır */
@media (hover: none) { .msj-secenek { opacity: 0; } .msj-secenek:focus-visible { opacity: 1; } }
.msj-iletildi { display: inline-flex; align-items: center; gap: 4px; font-size: .76rem; font-style: italic; color: var(--muted); margin-bottom: 2px; }
.msj-iletildi .msj-i { width: 14px; height: 14px; }
.msj-alinti { display: grid; width: 100%; text-align: start; gap: 1px; margin: 0 0 4px; padding: 5px 9px; border: 0; border-inline-start: 4px solid var(--yc, var(--accent)); border-radius: 6px; background: color-mix(in srgb, var(--fg) 6%, transparent); color: var(--fg); font: inherit; font-size: .82rem; cursor: pointer; }
.msj-alinti b { color: color-mix(in srgb, var(--yc, var(--accent)) 70%, var(--fg)); font-size: .78rem; }
.msj-alinti span { unicode-bidi: plaintext; color: var(--muted); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.msj-ceviri { margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--line); font-size: .9rem; }
.msj-ceviri p { margin: 2px 0; unicode-bidi: plaintext; }
.msj-tepkiler { align-self: flex-start; display: inline-flex; align-items: center; gap: 3px; margin: -6px 10px 0; padding: 2px 7px; border-radius: 99px; border: 1px solid var(--line); background: var(--surface); color: var(--fg); font-size: .85rem; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); cursor: pointer; position: relative; z-index: 1; }
.msj-oge.ben .msj-tepkiler { align-self: flex-end; }
.msj-tepkiler.benim { border-color: var(--accent); }
.msj-tepki-sayi { font-size: .74rem; color: var(--muted); font-weight: 600; }

/* Ekler */
.msj-foto { display: block; width: min(300px, 62vw); max-width: 100%; max-height: 380px; padding: 0; border: 0; border-radius: 7px; overflow: hidden; background: color-mix(in srgb, var(--fg) 8%, transparent); cursor: zoom-in; margin: -2px -5px 0; }
.msj-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.msj-foto-yer { display: grid; place-items: center; width: 100%; height: 100%; color: var(--muted); }
.msj-foto-yer .msj-i { width: 34px; height: 34px; animation: msj-nabiz 1.4s ease-in-out infinite; }
.msj-foto-yer.hata .msj-i { animation: none; opacity: .5; }
@keyframes msj-nabiz { 50% { opacity: .35; } }
.msj-ses { display: flex; align-items: center; gap: 10px; min-width: min(280px, 60vw); padding: 2px 0; }
.msj-ses-av { position: relative; display: grid; flex: none; }
.msj-ses-mik { position: absolute; bottom: -3px; inset-inline-start: -4px; width: 18px; height: 18px; border-radius: 50%; background: var(--msj-rozet); color: #fff; display: grid; place-items: center; }
.msj-ses-mik .msj-i { width: 11px; height: 11px; }
.msj-oge.ben .msj-ses-av { order: 3; }
.msj-ses-oynat { width: 36px; height: 36px; border-radius: 50%; border: 0; background: transparent; color: var(--muted); display: grid; place-items: center; cursor: pointer; flex: none; }
.msj-ses-oynat .msj-i { width: 26px; height: 26px; }
.msj-ses-orta { flex: 1; min-width: 0; display: grid; gap: 2px; }
.msj-ses-iz { position: relative; height: 30px; display: flex; align-items: center; }
.msj-ses-dalga { display: flex; align-items: center; gap: 2px; width: 100%; height: 30px; }
.msj-ses-dalga i { flex: 1; min-width: 2px; height: var(--y); border-radius: 2px; background: color-mix(in srgb, var(--muted) 55%, transparent); }
.msj-ses-dalga i.gecti { background: var(--msj-mavi); }
.msj-ses-ilerle { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; margin: 0; }
.msj-ses-ilerle:focus-visible { opacity: .6; }
.msj-ses-alt { display: flex; justify-content: space-between; align-items: center; font-size: .72rem; color: var(--muted); }
.msj-ses-hiz { border: 0; border-radius: 99px; padding: 1px 7px; background: color-mix(in srgb, var(--fg) 10%, transparent); color: var(--fg); font: 700 .7rem var(--font-body); cursor: pointer; }
.msj-belge { display: flex; align-items: center; gap: 10px; min-width: min(260px, 60vw); padding: 8px; margin: -2px -4px 0; border-radius: 8px; background: color-mix(in srgb, var(--fg) 6%, transparent); }
.msj-belge-ikon { position: relative; display: grid; place-items: center; width: 38px; height: 44px; color: var(--accent); flex: none; }
.msj-belge-ikon .msj-i { width: 34px; height: 34px; }
.msj-belge-ikon small { position: absolute; bottom: 2px; font: 800 .52rem var(--font-body); background: var(--accent); color: var(--accent-ink); padding: 0 3px; border-radius: 3px; }
.msj-belge-govde { flex: 1; min-width: 0; display: grid; }
.msj-belge-ad { font-weight: 600; font-size: .88rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msj-kisi { display: grid; gap: 8px; min-width: min(240px, 60vw); }
.msj-kisi-ust { display: flex; align-items: center; gap: 10px; }
.msj-kisi-ust > span:last-child { display: grid; }
.msj-kisi-btn { border: 0; border-top: 1px solid var(--line); background: none; color: var(--accent); font: 600 .88rem var(--font-body); padding: 8px 0 2px; cursor: pointer; }
.msj-anket { display: grid; gap: 6px; min-width: min(280px, 64vw); }
.msj-anket-soru { font-size: .98rem; unicode-bidi: plaintext; text-align: start; }
.msj-anket-liste { display: grid; gap: 4px; }
.msj-anket-sec { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; gap: 4px 10px; align-items: center; padding: 6px 2px; border: 0; background: none; color: var(--fg); text-align: start; font: inherit; cursor: pointer; border-radius: 6px; }
.msj-anket-sec:focus-visible { outline: 2px solid var(--accent); }
.msj-anket-sec[disabled] { cursor: default; }
.msj-anket-kutu { grid-row: 1 / span 2; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--muted); display: grid; place-items: center; }
.msj-anket-kutu.kare { border-radius: 5px; }
.msj-anket-sec.secili .msj-anket-kutu { background: var(--msj-rozet); border-color: var(--msj-rozet); color: #fff; }
.msj-anket-kutu .msj-i { width: 14px; height: 14px; stroke-width: 3; }
.msj-anket-ust { display: flex; justify-content: space-between; gap: 8px; font-size: .9rem; }
.msj-anket-ad { unicode-bidi: plaintext; }
.msj-anket-oylar { display: inline-flex; align-items: center; gap: 2px; color: var(--muted); font-size: .8rem; flex: none; }
.msj-anket-oylar .msj-av { margin-inline-start: -5px; border: 1px solid var(--surface); }
.msj-anket-cubuk { height: 6px; border-radius: 99px; background: color-mix(in srgb, var(--muted) 25%, transparent); overflow: hidden; }
.msj-anket-cubuk i { display: block; height: 100%; background: var(--msj-rozet); border-radius: 99px; transition: width .3s; }
.msj-anket-gor { border: 0; border-top: 1px solid var(--line); background: none; color: var(--accent); font: 600 .86rem var(--font-body); padding: 8px 0 0; cursor: pointer; }
.msj-anket-gor[disabled] { color: var(--muted); cursor: default; }

/* Yazma çubuğu */
.msj-yanit-on { display: flex; align-items: center; gap: 8px; padding: 8px 12px 0; background: var(--msj-ust); }
.msj-yanit-govde { flex: 1; min-width: 0; display: grid; padding: 6px 10px; border-inline-start: 4px solid var(--yc, var(--accent)); border-radius: 6px; background: var(--surface); font-size: .84rem; }
.msj-yanit-govde b { display: inline-flex; align-items: center; gap: 6px; color: color-mix(in srgb, var(--yc, var(--accent)) 70%, var(--fg)); }
.msj-yanit-govde b .msj-i { width: 14px; height: 14px; }
.msj-yanit-govde span { unicode-bidi: plaintext; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msj-yaz-kap { background: var(--msj-ust); border-top: 1px solid var(--line); }
.msj-yaz-kap.surukle { outline: 3px dashed var(--accent); outline-offset: -6px; }
.msj-yaz { display: flex; gap: 4px; align-items: flex-end; padding: 8px 10px; }
.msj-yaz-alan { flex: 1; min-width: 0; position: relative; }
.msj-yaz textarea { display: block; width: 100%; font: inherit; font-size: .95rem; line-height: 1.4; padding: 9px 14px; border: 1px solid transparent; border-radius: 22px; background: var(--surface); color: var(--fg); resize: none; min-height: 40px; max-height: 160px; overflow-y: auto; }
.msj-yaz textarea:focus { outline: 2px solid var(--accent); outline-offset: 0; }
.msj-gonder { width: 42px; height: 42px; border-radius: 50%; border: 0; background: var(--msj-rozet); color: #fff; display: grid; place-items: center; cursor: pointer; flex: none; }
.msj-gonder:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.msj-gonder .msj-i { width: 21px; height: 21px; }
.msj-bahset { position: absolute; bottom: calc(100% + 8px); inset-inline-start: 0; width: min(320px, 100%); margin: 0; z-index: 5; box-shadow: var(--shadow); }
.msj-bahset button.aktif { background: var(--accent-soft); }
.msj-kayit { display: flex; align-items: center; gap: 10px; padding: 8px 12px; }
.msj-kayit-nokta { width: 10px; height: 10px; border-radius: 50%; background: var(--danger); animation: msj-nabiz 1s infinite; }
.msj-kayit-sure { font: 600 .9rem var(--font-mono); min-width: 3em; }
.msj-kayit-dalga { flex: 1; display: flex; align-items: center; gap: 2px; height: 30px; overflow: hidden; justify-content: flex-end; }
.msj-kayit-dalga i { width: 3px; height: var(--y); border-radius: 2px; background: var(--muted); flex: none; }
.msj-zk { flex: none; }
.msj-yaz .msj-zk { align-self: center; }

/* Menü ve emoji paneli */
.msj-menu { position: fixed; z-index: 1000; min-width: 200px; max-width: min(320px, calc(100vw - 16px)); max-height: calc(100vh - 16px); overflow: auto; padding: 6px 0; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow-lg); }
.msj-menu-oge { display: flex; align-items: center; gap: 12px; width: 100%; padding: 9px 16px; border: 0; background: none; color: var(--fg); font: inherit; font-size: .92rem; text-align: start; cursor: pointer; }
.msj-menu-oge:hover, .msj-menu-oge:focus-visible { background: var(--msj-hover, var(--surface-2)); outline: none; }
.msj-menu-oge .msj-i { width: 18px; height: 18px; color: var(--muted); }
.msj-menu-oge.tehlike, .msj-menu-oge.tehlike .msj-i { color: var(--danger); }
.msj-tepki-cubuk { display: flex; gap: 2px; padding: 4px 8px 8px; border-bottom: 1px solid var(--line); margin-bottom: 4px; }
.msj-tepki-cubuk button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: none; font-size: 1.35rem; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.msj-tepki-cubuk button:hover, .msj-tepki-cubuk button:focus-visible { background: var(--surface-2); outline: none; transform: scale(1.12); }
.msj-tepki-cubuk button.secili { background: var(--accent-soft); }
.msj-tepki-arti .msj-i { width: 18px; height: 18px; color: var(--muted); }
.msj-emoji-panel { position: fixed; z-index: 1001; width: min(352px, calc(100vw - 16px)); height: 320px; display: flex; flex-direction: column; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow-lg); overflow: hidden; }
.msj-emoji-sekme { display: flex; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--line); padding: 4px; gap: 2px; flex: none; }
.msj-emoji-sekme button { flex: none; width: 34px; height: 32px; border: 0; border-radius: 8px; background: none; font-size: 1.1rem; cursor: pointer; opacity: .6; }
.msj-emoji-sekme button[aria-selected="true"] { opacity: 1; background: var(--accent-soft); }
.msj-emoji-izgara { flex: 1; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); align-content: start; padding: 6px; gap: 2px; }
.msj-emoji { height: 38px; border: 0; border-radius: 8px; background: none; font-size: 1.45rem; line-height: 1; cursor: pointer; }
.msj-emoji:hover, .msj-emoji:focus-visible { background: var(--surface-2); outline: none; }

/* Bilgi paneli */
.msj-bilgi { display: flex; flex-direction: column; min-height: 0; overflow-y: auto; background: var(--surface-2); border-inline-start: 1px solid var(--line); }
.msj-kabuk.bilgi-acik { grid-template-columns: minmax(270px, 330px) minmax(0, 1fr) minmax(280px, 340px); }
.msj-bilgi-ust { display: flex; align-items: center; gap: 8px; padding: 10px 12px; min-height: 58px; background: var(--msj-ust); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 1; }
.msj-bilgi-ust h2 { font-size: 1rem; }
.msj-bilgi-kimlik { display: grid; justify-items: center; gap: 6px; padding: 22px 16px; background: var(--surface); text-align: center; }
.msj-bilgi-kimlik h3 { font-size: 1.2rem; overflow-wrap: anywhere; }
.msj-bilgi-kimlik p { font-size: .88rem; margin: 0; }
.msj-bilgi-bolum { margin-top: 8px; padding: 12px 16px; background: var(--surface); display: grid; gap: 8px; }
.msj-bilgi-bolum-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.msj-bilgi-bolum h3 { font-size: .86rem; color: var(--muted); font-weight: 600; }
.msj-bilgi-bolum p { margin: 0; overflow-wrap: anywhere; }
.msj-bilgi-satir { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 8px; padding: 14px 16px; border: 0; background: var(--surface); color: var(--fg); font: inherit; text-align: start; cursor: pointer; }
.msj-bilgi-satir + .msj-bilgi-satir { margin-top: 1px; }
.msj-bilgi-satir > span:nth-child(2) { flex: 1; display: grid; }
.msj-bilgi-satir small { font-size: .78rem; }
.msj-bilgi-satir .msj-i { color: var(--muted); }
.msj-bilgi-satir:hover { background: var(--msj-hover); }
.msj-bilgi-satir[disabled] { cursor: default; opacity: .6; }
.msj-bilgi-satir.tehlike, .msj-bilgi-satir.tehlike .msj-i { color: var(--danger); }
.msj-bilgi-tehlike { margin: 8px 0 16px; }
.msj-medya { display: grid; gap: 10px; }
.msj-medya-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.msj-medya-oge { aspect-ratio: 1; padding: 0; border: 0; border-radius: 6px; overflow: hidden; background: var(--surface-2); cursor: zoom-in; }
.msj-medya-oge img { width: 100%; height: 100%; object-fit: cover; display: block; }
.msj-medya-belge { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.msj-medya-belge a, .msj-medya-belge button { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; font-size: .86rem; }
.msj-medya-belge span, .msj-medya-belge bdi { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msj-kisi-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.msj-kisi-satir { display: flex; align-items: center; gap: 12px; padding: 6px 0; }
.msj-kisi-ad { flex: 1; min-width: 0; display: grid; }
.msj-kisi-ad b, .msj-kisi-ad small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msj-etiket { font: 600 .7rem var(--font-body); color: var(--msj-rozet, var(--ok)); border: 1px solid currentColor; border-radius: 6px; padding: 1px 6px; flex: none; }
.msj-tepki-buyuk { font-size: 1.4rem; }

/* Pencereler */
.msj-dlg .akt-dlg-body { display: grid; gap: 12px; }
.msj-dlg.genis { width: min(640px, calc(100vw - 24px)); }
.msj-dlg-hata { color: var(--danger); font-size: .88rem; margin: 0; }
.msj-kisi-secici { display: grid; gap: 8px; }
.msj-kisi-secici input, .msj-dlg input[type="search"] { width: 100%; font: inherit; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--fg); }
.msj-kisi-secici .msj-kisi-liste { max-height: 320px; overflow-y: auto; }
.msj-kisi-sec { display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px; border: 0; border-radius: 10px; background: none; color: var(--fg); font: inherit; text-align: start; cursor: pointer; }
.msj-kisi-sec:hover, .msj-kisi-sec:focus-visible { background: var(--surface-2); outline: none; }
.msj-kisi-sec > span { display: grid; min-width: 0; }
.msj-kisi-sec b, .msj-kisi-sec small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msj-kisi-bos { padding: 8px; }
.msj-yeni-ust { display: grid; gap: 2px; }
.msj-yeni-satir { display: flex; align-items: center; gap: 12px; padding: 8px; border: 0; border-radius: 10px; background: none; color: var(--fg); font: 600 .95rem var(--font-body); cursor: pointer; text-align: start; }
.msj-yeni-satir:hover, .msj-yeni-satir:focus-visible { background: var(--surface-2); outline: none; }
.msj-yeni-baslik { font-size: .82rem; color: var(--muted); font-weight: 600; margin-top: 4px; }
.msj-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.msj-cipler:empty { display: none; }
.msj-cip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 4px; border-radius: 99px; background: var(--accent-soft); color: var(--fg); font-size: .85rem; border: 0; }
.msj-cip img { border-radius: 50%; }
.msj-cip button { display: grid; place-items: center; width: 20px; height: 20px; border: 0; border-radius: 50%; background: none; color: var(--muted); cursor: pointer; padding: 0; }
.msj-cip button .msj-i { width: 14px; height: 14px; }
.msj-cip.secilebilir { padding: 5px 12px; cursor: pointer; background: var(--surface-2); }
.msj-onay-kutu { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.msj-onay-kutu input { margin-top: 3px; width: 18px; height: 18px; flex: none; }
.msj-onay-kutu > span { display: grid; gap: 2px; }
.msj-onay-kutu small { font-size: .8rem; }
.msj-anket-fs { border: 0; padding: 0; margin: 0; display: grid; gap: 8px; }
.msj-anket-fs legend { font-weight: 600; font-size: .9rem; margin-bottom: 6px; }
.msj-anket-girdiler { display: grid; gap: 6px; }
.msj-anket-girdiler input, .msj-dlg .field input, .msj-dlg .field select, .msj-dlg .field textarea, .msj-durum-yazi { width: 100%; font: inherit; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--fg); }
.msj-radyolar { display: grid; gap: 4px; }
.msj-radyo { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; cursor: pointer; }
.msj-radyo:hover { background: var(--surface-2); }
.msj-radyo input { width: 18px; height: 18px; }
.msj-oy-bolum { display: grid; gap: 6px; }
.msj-oy-bolum h3 { display: flex; justify-content: space-between; gap: 8px; align-items: center; font-size: .95rem; }
.msj-oy-bolum h3 .msj-tik { margin-inline-end: 4px; }
.msj-oy-bolum h3 > span:not(.msj-tik) { flex: 1; }
.msj-bilgi-onizleme { padding: 10px 12px; border-radius: 10px; background: var(--surface-2); }
.msj-bilgi-onizleme p { margin: 0 0 4px; overflow-wrap: anywhere; }
.msj-ilet-liste { list-style: none; margin: 0; padding: 0; max-height: 360px; overflow-y: auto; display: grid; gap: 2px; }
.msj-ilet-satir { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 10px; cursor: pointer; }
.msj-ilet-satir:hover { background: var(--surface-2); }
.msj-ilet-satir input { width: 18px; height: 18px; flex: none; }
.msj-ilet-satir bdi { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msj-ilet-satir .msj-i { width: 14px; height: 14px; color: var(--muted); }
.msj-foto-onizle { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; }
.msj-foto-onizle img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
.msj-foto-onizle img:only-child { aspect-ratio: auto; max-height: 50vh; object-fit: contain; grid-column: 1 / -1; background: var(--surface-2); }
.msj-gor-dlg { width: min(960px, calc(100vw - 16px)); }
.msj-gor { position: relative; display: grid; place-items: center; background: #000; border-radius: 10px; min-height: 200px; }
.msj-gor-img { max-width: 100%; max-height: 70vh; display: block; }
.msj-gor .msj-ikon-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, .5); color: #fff; }
.msj-gor-onceki { inset-inline-start: 8px; }
.msj-gor-sonraki { inset-inline-end: 8px; }
.msj-gor-sonraki .msj-i { transform: scaleX(-1); }
[dir="rtl"] .msj-gor-sonraki .msj-i { transform: none; }
.msj-gor-alt { margin: 0; font-size: .88rem; color: var(--muted); display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: baseline; }
.msj-gor-yazi { flex-basis: 100%; color: var(--fg); unicode-bidi: plaintext; }
.msj-gor-dugmeler { display: flex; justify-content: flex-end; }
.msj-guvenlik-kodu { display: grid; grid-template-columns: repeat(4, auto); justify-content: center; gap: 8px 16px; padding: 12px; border-radius: 10px; background: var(--surface-2); font: 600 1.05rem var(--font-mono); letter-spacing: .04em; }
.msj-ayar-kimlik { display: flex; align-items: center; gap: 16px; }
.msj-ayar-kimlik > div { display: grid; gap: 2px; }
.msj-duvar-sec { display: flex; flex-wrap: wrap; gap: 10px; }
.msj-duvar { position: relative; cursor: pointer; }
.msj-duvar input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.msj-duvar span { display: block; width: 52px; height: 52px; border-radius: 12px; border: 2px solid var(--line); background: var(--msj-zemin, #ece8df); }
.msj-duvar input:checked + span { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); }
.msj-duvar input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 3px; }
.msj-duvar[data-duvar="desen"] span { background: #ece8df radial-gradient(rgba(2, 60, 93, .18) 1.5px, transparent 1.7px) 0 0 / 10px 10px; }
.msj-duvar[data-duvar="duz"] span { background: #ece8df; }
.msj-duvar[data-duvar="mavi"] span { background: #c4dbec; }
.msj-duvar[data-duvar="yesil"] span { background: #dcebdf; }
.msj-duvar[data-duvar="kum"] span { background: #eee3cf; }
.msj-duvar[data-duvar="gece"] span { background: #0f2230; }
.msj-yildiz-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.msj-yildiz-oge { display: grid; gap: 4px; width: 100%; padding: 10px 12px; border: 0; border-radius: 10px; background: var(--surface-2); color: var(--fg); font: inherit; text-align: start; cursor: pointer; }
.msj-yildiz-ust { display: flex; gap: 4px; align-items: baseline; font-size: .84rem; flex-wrap: wrap; }
.msj-yildiz-ust > span:last-child { margin-inline-start: auto; font-size: .76rem; }
.msj-yildiz-metin { overflow-wrap: anywhere; unicode-bidi: plaintext; }

/* Durumlar */
.msj-durum-liste { display: grid; gap: 10px; }
.msj-durum-ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.msj-durum-satir { display: flex; align-items: center; gap: 14px; width: 100%; padding: 8px; border: 0; border-radius: 10px; background: none; color: var(--fg); font: inherit; text-align: start; cursor: pointer; }
.msj-durum-satir:hover { background: var(--surface-2); }
.msj-durum-satir > span:last-child { display: grid; }
.msj-durum-halka { padding: 3px; border-radius: 50%; background: conic-gradient(var(--muted) 0 100%); display: grid; -webkit-mask: none; }
.msj-durum-halka.yeni { background: conic-gradient(var(--msj-rozet, var(--ok)) 0 100%); }
.msj-durum-halka .msj-av { border: 2px solid var(--surface); }
.msj-durum-halka.bos { background: transparent; border: 2px dashed var(--muted); padding: 1px; }
.msj-durum-ekle { display: flex; flex-wrap: wrap; gap: 8px; }
.msj-durum-ekle .btn { display: inline-flex; align-items: center; gap: 6px; }
.msj-durum-ekle .msj-i { width: 16px; height: 16px; }
.msj-durum-not { font-size: .8rem; }
.msj-durum-onizle { border-radius: 14px; padding: 24px 18px; background: var(--dr); min-height: 200px; display: grid; place-items: center; }
.msj-durum-onizle textarea { width: 100%; border: 0; background: transparent; color: #fff; font: 600 1.25rem/1.4 var(--font-body); text-align: center; resize: none; }
.msj-durum-onizle textarea::placeholder { color: rgba(255, 255, 255, .85); }
.msj-durum-onizle textarea:focus { outline: 2px dashed rgba(255, 255, 255, .8); outline-offset: 4px; }
.msj-durum-renkler { display: flex; gap: 8px; flex-wrap: wrap; }
.msj-durum-renkler button { width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--surface); background: var(--dr); box-shadow: 0 0 0 1px var(--line); cursor: pointer; }
.msj-durum-renkler button[aria-checked="true"] { box-shadow: 0 0 0 3px var(--accent); }
.msj-durum-foto-onizle { width: 100%; max-height: 50vh; object-fit: contain; border-radius: 10px; background: var(--surface-2); }
.msj-durum-dlg { width: min(460px, calc(100vw - 16px)); }
.msj-durum-gor { position: relative; display: grid; gap: 8px; user-select: none; }
.msj-durum-cubuklar { display: flex; gap: 4px; }
.msj-durum-cubuklar span { flex: 1; height: 3px; border-radius: 3px; background: color-mix(in srgb, var(--muted) 35%, transparent); overflow: hidden; }
.msj-durum-cubuklar span i { display: block; height: 100%; width: 0; background: var(--fg); }
.msj-durum-cubuklar span.dolu i { width: 100%; }
.msj-durum-cubuklar span.aktif i { animation: msj-durum-ilerle 5s linear forwards; }
.msj-durum-gor.durdu .msj-durum-cubuklar span.aktif i { animation-play-state: paused; }
@keyframes msj-durum-ilerle { from { width: 0; } to { width: 100%; } }
.msj-durum-ust { display: flex; align-items: center; gap: 10px; }
.msj-durum-ust > span { display: grid; }
.msj-durum-ust small { color: var(--muted); font-size: .78rem; }
.msj-durum-sahne { min-height: 320px; display: grid; place-items: center; border-radius: 12px; overflow: hidden; background: #000; position: relative; }
.msj-durum-sahne img { max-width: 100%; max-height: 60vh; display: block; }
.msj-durum-metin { width: 100%; min-height: 320px; display: grid; place-items: center; padding: 24px; background: var(--dr); }
.msj-durum-metin p { margin: 0; color: #fff; font: 600 1.3rem/1.45 var(--font-body); text-align: center; white-space: pre-wrap; overflow-wrap: anywhere; unicode-bidi: plaintext; }
.msj-durum-altyazi { position: absolute; bottom: 0; inset-inline: 0; margin: 0; padding: 12px; background: rgba(0, 0, 0, .55); color: #fff; text-align: center; }
.msj-durum-onceki, .msj-durum-sonraki { position: absolute; top: 60px; bottom: 60px; width: 34%; border: 0; background: transparent; cursor: pointer; }
.msj-durum-onceki { inset-inline-start: 0; }
.msj-durum-sonraki { inset-inline-end: 0; }
.msj-durum-onceki:focus-visible, .msj-durum-sonraki:focus-visible { outline: 2px solid var(--accent); outline-offset: -4px; }
.msj-durum-alt { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 32px; }
.akt-link.tehlike { color: var(--danger); }

/* Dar ekran */
@media (max-width: 1100px) {
  .msj-kabuk.bilgi-acik { grid-template-columns: minmax(270px, 330px) minmax(0, 1fr); }
  .msj-bilgi { position: absolute; inset-block: 0; inset-inline-end: 0; width: min(380px, 100%); z-index: 6; box-shadow: var(--shadow-lg); }
}
@media (max-width: 820px) {
  .msj-sarma { padding-inline: 0; }
  .msj-kabuk, .msj-kabuk.bilgi-acik { grid-template-columns: 1fr; height: calc(100dvh - 128px); min-height: 460px; border-radius: 0; border-inline: 0; }
  .msj-yan { border-inline-end: 0; }
  .msj-sohbet { display: none; }
  .msj-kabuk.sohbet-acik .msj-yan { display: none; }
  .msj-kabuk.sohbet-acik .msj-sohbet { display: flex; }
  /* Telefonda açık sohbet tam ekran: yazma çubuğu hep görünür */
  .msj-kabuk.sohbet-acik { position: fixed; inset: 0; z-index: 90; height: 100dvh; min-height: 0; border: 0; box-shadow: none; padding-bottom: env(safe-area-inset-bottom, 0px); }
  html:has(.msj-kabuk.sohbet-acik) { overflow: hidden; }
  .msj-geri { display: inline-grid; }
  .msj-akis { padding-inline: 8px; }
  .msj-yeni-ayrac { margin-inline: -8px; }
  .msj-balon-kap { max-width: 86%; }
  .msj-bilgi { width: 100%; }
  .msj-yaz { padding: 6px; }
  .msj-ust-dugmeler .msj-zk span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .msj-ust-dugmeler .msj-zk { padding-inline: 10px; }
  .msj-yaz .msj-zk { display: none !important; } /* telefonda "Yanıt öner" ek menüsündedir */
}
@media (max-width: 400px) {
  .msj-yaz > .msj-ikon-btn { width: 34px; }
  .msj-ust-dugmeler #msj-ara-ac { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .msj-oge.parla .msj-balon, .msj-foto-yer .msj-i, .msj-kayit-nokta { animation: none; }
  .msj-durum-cubuklar span.aktif i { animation-duration: 0s; width: 100%; }
}

/* Dar ekranda uzun dillerdeki düğme metinleri satır kırabilsin, sayfa yana taşmasın */
@media (max-width: 560px) {
  .btn { white-space: normal; text-align: center; }
}
/* Duyarlı düzen */
@media (max-width: 980px) {
  .hero, .split, .product-hero, .contact, .auth, .sector { grid-template-columns: 1fr; gap: 32px; }
  .auth .form { justify-self: stretch; max-width: none; }
  .plans, .plans.three { grid-template-columns: repeat(2, 1fr); }
  .features { grid-template-columns: repeat(2, 1fr); }
  .foot-grid { grid-template-columns: repeat(3, 1fr); }
  .foot-grid > :first-child { grid-column: 1 / -1; }
  .stats { grid-template-columns: repeat(2, 1fr); }
  .band { grid-template-columns: minmax(0, 1fr); padding: 40px 28px; }
  .help-groups { grid-template-columns: 1fr; }
  .bundle { grid-template-columns: 1fr; }
  .bundle-out { position: static; }
}
/* Üst menü tek satıra yaklaşık 1215px'in altında sığmıyor; bu yüzden menü sayfa düzeninden daha erken katlanır.
   Ürün sekme çubuğunun yapışkan konumu üst menünün yüksekliğine bağlı olduğu için o da aynı eşikte değişir. */
@media (max-width: 1220px) {
  .site-header.menu-open { max-height: 100vh; max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; }
  .menu-toggle { display: inline-flex; margin-inline-start: 0; }
  .bildirim { order: 1; margin-inline-start: auto; }
  .theme-btn { order: 1; }
  .bildirim-panel { position: fixed; inset-inline-start: 12px; inset-inline-end: 12px; top: calc(env(safe-area-inset-top, 0px) + 64px); width: auto; max-height: calc(100dvh - 80px); }
  .menu-toggle { order: 2; }
  .nav-links, .nav-cta { order: 3; }
  .nav { flex-wrap: wrap; gap: 12px; padding-block: 12px; }
  .nav-links, .nav-cta { display: none; flex-basis: 100%; }
  .nav.open .nav-links { display: grid; gap: 2px; }
  .nav.open .nav-cta { display: flex; flex-wrap: wrap; padding-bottom: 8px; }
  .mega { position: static; width: 100%; grid-template-columns: 1fr 1fr; box-shadow: none; margin-top: 6px; padding: 10px; }
  .search-btn kbd { display: none; }
  .subnav { position: static; }
  .subnav-in { flex-wrap: wrap; gap: 0; padding-top: 12px; }
  .subnav ul { flex-basis: 100%; }
  .subnav ul a { padding: 12px 10px; }
  .subnav ul { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
  .subnav .btn { display: none; }
}
@media (max-width: 620px) {
  .section { padding-block: 52px; }
  .plans, .plans.three, .features, .cards-2, .form-row, .int-list, .mega { grid-template-columns: 1fr; }
  .stats.three { grid-template-columns: 1fr; }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .pipe { grid-template-columns: 1fr 1fr; }
  .pipe-col:last-child { display: none; }
  .feature-list article { grid-template-columns: 1fr; gap: 6px; }
  .form { padding: 20px; }
  .bundle-apps { grid-template-columns: 1fr; }
  .changelog > li { grid-template-columns: 1fr; gap: 8px; }
  .pager { flex-direction: column; }
  .pager a.next { margin-inline-start: 0; }
  .preview-in { grid-template-columns: 54px 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Çalışma alanı sekmeleri (Panom / Aktiviteler / Mesajlar) */
.calisma-sekme { display: flex; gap: 4px; padding-top: 20px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.calisma-sekme a { padding: 10px 16px; color: var(--muted); font-weight: 600; font-size: .92rem; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.calisma-sekme a:hover { color: var(--fg); text-decoration: none; }
.calisma-sekme a[aria-current="page"] { color: var(--accent); border-bottom-color: var(--accent); }
.bildirim-alt { display: flex; justify-content: space-between; gap: 12px; }

/* Takvim görünümü */
.akt-takvim { display: grid; gap: 8px; }
.akt-takvim-ust { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 6px; }
.akt-takvim-ust h2 { font-size: 1.15rem; min-width: 9.5em; text-align: center; text-transform: capitalize; }
.akt-takvim-not { font-size: .84rem; margin-inline-start: auto; }
.akt-takvim-baslik, .akt-takvim-izgara { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.akt-takvim-baslik span { font-size: .78rem; font-weight: 600; color: var(--muted); text-align: center; }
.akt-gun-hucre { min-height: 108px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); padding: 6px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.akt-gun-hucre.bos { background: transparent; border-style: dashed; }
.akt-gun-hucre.bugun { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.akt-gun-no { font: 600 .8rem/1.2 var(--font-mono); color: var(--muted); }
.akt-gun-hucre.bugun .akt-gun-no { color: var(--accent); }
.akt-gun-ad { display: none; }
.akt-takvim-is { all: unset; box-sizing: border-box; cursor: pointer; display: block; width: 100%; font-size: .76rem; line-height: 1.3; padding: 3px 6px; border-radius: 5px; background: var(--accent-soft); color: var(--fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-inline-start: 3px solid var(--accent); }
.akt-takvim-is.t-toplanti { background: var(--sun-soft); border-inline-start-color: var(--sun); }
.akt-takvim-is.t-arama, .akt-takvim-is.t-eposta { background: color-mix(in srgb, var(--ok) 14%, var(--surface)); border-inline-start-color: var(--ok); }
.akt-takvim-is.gecikmis { border-inline-start-color: var(--danger); }
.akt-takvim-is.kapali { color: var(--muted); text-decoration: line-through; }
.akt-takvim-is:hover { text-decoration: underline; }
.akt-takvim-is:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.akt-takvim-fazla { font-size: .76rem; }
@media (max-width: 720px) {
  .akt-takvim-baslik { display: none; }
  .akt-takvim-izgara { grid-template-columns: 1fr; }
  .akt-gun-hucre { min-height: 0; }
  .akt-gun-hucre.bos, .akt-gun-hucre.isiz:not(.bugun) { display: none; }
  .akt-gun-ad { display: inline; }
  .akt-takvim-is { font-size: .88rem; padding: 8px 10px; white-space: normal; }
  .akt-takvim-not { margin-inline-start: 0; }
}

/* Aktiviteyi kanalda paylaşma ve mesajlardaki aktivite kartı */
.akt-paylas-satir { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.akt-paylas-satir select, .akt-paylas-satir input { font: inherit; padding: 9px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--fg); min-width: 0; }
.akt-paylas-satir select { flex: 0 1 200px; }
.akt-paylas-satir input { flex: 1 1 200px; }
/* Kart kendi satırında durur; önündeki ve arkasındaki metin kartın yanında bölünmez */
.msj-akt-kart { display: flex; width: fit-content; gap: 10px; align-items: center; max-width: 100%; margin: 6px 0; padding: 8px 12px; border: 1px solid var(--line); border-inline-start: 3px solid var(--accent); border-radius: 8px; background: var(--surface); color: var(--fg); white-space: normal; vertical-align: middle; }
a.msj-akt-kart:hover { border-color: var(--accent); text-decoration: none; }
a.msj-akt-kart:hover b { text-decoration: underline; }
.msj-akt-kart.yok { color: var(--muted); font-style: italic; border-inline-start-color: var(--line); }
.msj-akt-govde { display: grid; min-width: 0; line-height: 1.35; }
.msj-akt-govde b { overflow-wrap: anywhere; }
.msj-akt-ikon { width: 28px; height: 28px; border-radius: 7px; display: grid; place-items: center; flex: none; background: var(--accent-soft); color: var(--accent); font: 700 .72rem/1 var(--font-display); }

/* Panom */
.pnm-hero { padding-block: 32px 20px; }
.akt-ozet a { display: grid; gap: 2px; padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); color: var(--fg); }
.akt-ozet a:hover { border-color: var(--accent); text-decoration: none; }
.pnm-hizli { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-2); }
.pnm-hizli input[type="text"] { flex: 1 1 260px; }
.pnm-hizli input, .pnm-hizli select { padding: 9px 10px; font: inherit; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--fg); min-width: 0; }
.pnm-hizli input:focus, .pnm-hizli select:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: transparent; }
.pnm-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 56px; }
.pnm-kutu { border: 1px solid var(--line); border-radius: 14px; background: var(--surface); padding: 18px; min-width: 0; display: grid; gap: 12px; align-content: start; }
.pnm-genis { grid-column: 1 / -1; }
.pnm-kutu-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.pnm-kutu-ust h2 { font-size: 1.1rem; }
.pnm-kutu-ust a { font-size: .88rem; font-weight: 600; white-space: nowrap; }
.pnm-erp { margin-bottom: 0; }
.pnm-erp a { background: var(--bg); }

/* Canlı araçlar arası bağlantılar: aktivitenin kaynağı (ERP / mesaj), ERP'deki bağlı aktiviteler */
.akt-bagli { display: inline-flex; align-items: center; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
.erp-akt-sayi { margin-inline-start: 6px; font-size: .72rem; white-space: nowrap; }
.erp-bagli { display: grid; gap: 8px; border-top: 1px solid var(--line); padding-top: 12px; }
.erp-bagli h3 { font-size: 1rem; margin: 0; }
.erp-bagli li a { min-width: 0; overflow-wrap: anywhere; }
.erp-bagli li.kapali a { color: var(--muted); }
.erp-bagli .actions { gap: 8px; }
#pnm-isler { display: grid; gap: 16px; }
.pnm-grup h3 { font-size: .92rem; margin-bottom: 6px; }
.pnm-is-liste, .pnm-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pnm-is > a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius); color: var(--fg); }
.pnm-is.gecikmis > a { border-inline-start: 3px solid var(--danger); }
.pnm-is > a:hover { border-color: var(--accent); text-decoration: none; }
.pnm-is > a:hover b { text-decoration: underline; }
.pnm-genel { width: 28px; height: 28px; border-radius: 7px; background: var(--accent-soft); }
.pnm-is-govde { display: grid; min-width: 0; line-height: 1.35; }
.pnm-is-govde b { overflow-wrap: anywhere; }
.pnm-is-sag { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; align-items: center; }
.pnm-liste > li > a { display: grid; gap: 2px; padding: 10px 12px; border-radius: 8px; color: var(--fg); line-height: 1.35; }
.pnm-liste > li > a:hover { background: var(--accent-soft); text-decoration: none; }
.pnm-liste > li + li { border-top: 1px solid var(--line); }
.pnm-alinti { color: var(--muted); font-size: .88rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pnm-bos { font-size: .9rem; padding: 4px 0; }
@media (max-width: 820px) {
  .pnm-izgara { grid-template-columns: 1fr; }
  .pnm-is > a { grid-template-columns: auto minmax(0, 1fr); }
  .pnm-is-sag { grid-column: 2; justify-content: flex-start; }
  .akt-ozet { grid-template-columns: repeat(2, 1fr); }
}

/* Kullanıcı metni her dilde: sağdan sola yazılar (Arapça, İbranice, Farsça, Urduca) kendi yönünde çizilir,
   satır içi başlıklar çevresindeki Türkçe arayüz metnini ters çevirmez */
.msj-metin, .akt-aciklama, .akt-not-metin { unicode-bidi: plaintext; text-align: start; }
.akt-baslik, .msj-kanal-ad, .msj-akt-govde b, .pnm-is-govde b, .pnm-alinti, .akt-takvim-is, .bildirim-alinti, .akt-kisi, .chip, .akt-dlg-head h2 { unicode-bidi: isolate; }
/* @bahsetme: yön adın kendi yazısına göre ("@" Latin adlarda solda, Arapça adlarda sağda) */
.msj-anma { unicode-bidi: plaintext; }
.msj-yazar { font-weight: 700; }
.akt-gecmis b, .akt-gecmis bdi, .bildirim-metin b, .pnm-liste b, .akt-kisi span { unicode-bidi: isolate; }

/* Boşluksuz uzun kullanıcı metni (Almanca birleşik kelime, boşluksuz Arapça, URL, emoji dizisi) dar ekranda taşmasın:
   iç ızgaralar en uzun kelimeye göre genişlemez, metin gerekirse her yerden kırılır, etiketler üç noktayla kısalır */
.akt-ana, .akt-kart, .pnm-is-govde, .msj-akt-govde { grid-template-columns: minmax(0, 1fr); }
.akt-ana > *, .akt-kart > *, .akt-kart-ust > *, .akt-kart-alt > *, .akt-meta > *, .pnm-is-govde > *, .msj-akt-govde > *, .pnm-liste a > *, .bildirim-metin > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.akt-meta .chip, .akt-kart .chip, .akt-etiketler .chip, .akt-gun-liste .chip { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.akt-baslik { max-width: 100%; }
/* Dar telefonlarda dört görünüm düğmesi satıra eşit bölünür */
@media (max-width: 480px) {
  .akt-gorunum { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; }
  .akt-gorunum button { padding-inline: 4px; }
}

/* ---------- Docu ERP (canlı) ----------
   Arayüz 26 dilde; Arapça, Farsça, İbranice ve Urduca için #erp ve #erp-dlg dir="rtl" alır.
   Bu yüzden burada yalnızca mantıksal yön özellikleri (inline-start/end) kullanılır. */
.erp { padding-block: 24px 64px; display: grid; gap: 16px; }
.erp-ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; }
.erp-ust .lead { max-width: 62ch; }
.erp-dil { min-width: 200px; }
.erp-sekmeler { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.erp-sekmeler button { flex: none; border: 1px solid var(--line); background: var(--surface); color: var(--fg); border-radius: 99px; padding: 8px 16px; font: 600 .9rem/1.2 var(--font-body); cursor: pointer; white-space: nowrap; }
.erp-sekmeler button:hover { border-color: var(--accent); }
.erp-sekmeler button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.erp-panel { display: grid; gap: 16px; min-width: 0; }
.erp-arac { margin-bottom: 0; }
.erp-arac .btn { white-space: nowrap; }
.erp-liste { display: grid; gap: 12px; min-width: 0; }
.erp-tablo-kap { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.erp-tablo { width: 100%; border-collapse: collapse; font-size: .9rem; }
.erp-tablo th, .erp-tablo td { text-align: start; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.erp-tablo th { font-size: .78rem; font-weight: 600; color: var(--muted); background: var(--surface-2); white-space: nowrap; }
.erp-tablo tbody tr:last-child td { border-bottom: 0; }
.erp-tablo td { overflow-wrap: anywhere; min-width: 0; }
.erp-tablo td .mono { white-space: nowrap; overflow-wrap: normal; } /* belge no ve ürün kodu (SS-00012) bölünmez */
.erp-ana { font-weight: 600; }
.erp-eylem { display: flex; flex-wrap: wrap; gap: 4px 12px; justify-content: flex-end; }
.erp-eylem .akt-link { white-space: nowrap; }
.erp-sil.onay { color: var(--danger); font-weight: 600; }
.erp-stok { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.erp-stok small { flex-basis: 100%; }
.erp-miktar.arti { color: color-mix(in srgb, var(--ok) 78%, var(--fg)); }
.erp-miktar.eksi { color: var(--danger); }
.erp-sayac { font-size: .85rem; }
.erp-bos { padding: 32px 20px; }
.chip.erp-d-teklif, .chip.erp-d-taslak, .chip.erp-d-planlandi { background: var(--surface-2); color: var(--muted); }
.chip.erp-d-onaylandi, .chip.erp-d-verildi, .chip.erp-d-uretimde { background: var(--accent-soft); color: var(--accent); }
.chip.erp-d-sevk, .chip.erp-d-teslim { background: var(--sun-soft); color: var(--sun); }
.chip.erp-d-fatura, .chip.erp-d-tamamlandi { background: color-mix(in srgb, var(--ok) 15%, transparent); color: color-mix(in srgb, var(--ok) 78%, var(--fg)); }
.chip.erp-d-iptal { background: color-mix(in srgb, var(--danger) 12%, transparent); color: var(--danger); text-decoration: line-through; }
.erp-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.erp-kart { display: grid; gap: 2px; text-align: start; padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); color: var(--fg); cursor: pointer; font: inherit; }
.erp-kart:hover { border-color: var(--accent); }
.erp-kart b { font: 700 1.6rem/1.1 var(--font-display); }
.erp-kart span { color: var(--muted); font-size: .85rem; }
.erp-kart.uyari b { color: var(--danger); }
.erp-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.erp-izgara .pnm-kutu h2 { font-size: 1.05rem; }
.erp-genis { grid-column: 1 / -1; }
.erp-basit { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.erp-basit li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.erp-basit li:last-child { border-bottom: 0; }
.erp-basit li.eksik span { color: var(--danger); font-weight: 600; }
.erp-bolum { display: grid; gap: 10px; }
.erp-bolum h2 { font-size: 1.15rem; }
/* Form penceresi */
.erp-dlg-genis { width: min(980px, calc(100vw - 24px)); }
.erp-form { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.erp-form > .erp-tam, .erp-form > .erp-hata, .erp-form > .erp-mevcut { grid-column: 1 / -1; }
.erp-form .field { min-width: 0; }
.erp-form .field > input, .erp-form .field > select, .erp-form .field > textarea { width: 100%; }
.erp-hata { margin: 0; padding: 10px 14px; border-radius: 8px; background: color-mix(in srgb, var(--danger) 12%, var(--bg)); color: var(--fg); border-inline-start: 3px solid var(--danger); }
.erp-mevcut { margin: 0; font-size: .88rem; }
.erp-kalemler { display: grid; gap: 8px; justify-items: start; }
.erp-kalemler .table-scroll { width: 100%; border: 1px solid var(--line); border-radius: var(--radius); }
.erp-kalemler h3 { font-size: 1rem; }
.erp-kalem-tablo td { padding: 6px 8px; }
.erp-kalem-tablo input, .erp-kalem-tablo select { width: 100%; min-width: 72px; padding: 7px 8px; }
.erp-kalem-tablo td:first-child { min-width: 200px; }
.erp-toplam { display: grid; gap: 4px; margin: 0; justify-self: end; min-width: min(320px, 100%); }
.erp-toplam div { display: flex; justify-content: space-between; gap: 24px; }
.erp-toplam dt { color: var(--muted); }
.erp-toplam dd { margin: 0; }
.erp-toplam .genel { border-top: 1px solid var(--line); padding-top: 6px; font-weight: 700; }
.erp-toplam .genel dt { color: var(--fg); }
.erp-ihtiyac h3 { font-size: .95rem; margin-bottom: 6px; }
@media (max-width: 820px) {
  .erp-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .erp-izgara { grid-template-columns: 1fr; }
  .erp-form { grid-template-columns: 1fr; }
  .erp-dil { min-width: 0; width: 100%; }
  .erp-eylem { justify-content: flex-start; }
}
/* Miktar ve tutarlar: gövde yazı tipi + sabit genişlikli rakamlar (mono yazı tipi Arapça, Hint ve Tay birimlerini bozuyordu) */
.erp-sayi { font-variant-numeric: tabular-nums; white-space: nowrap; }
.erp-sayi bdi { unicode-bidi: isolate; }
.erp .mono { unicode-bidi: isolate; }
[dir="rtl"] .erp-konum { text-align: start; }
/* ERP tabloları: geniş ekranda tablo, telefonda her satır etiketli bir kart (her dilde ve yazı yönünde okunur) */
.erp-tablo td { overflow-wrap: break-word; }
@media (max-width: 720px) {
  .erp-tablo { min-width: 0; }
  .erp-tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .erp-tablo, .erp-tablo tbody, .erp-tablo tr, .erp-tablo td { display: block; }
  .erp-tablo tr { padding: 10px 0; border-bottom: 1px solid var(--line); }
  .erp-tablo tbody tr:last-child { border-bottom: 0; }
  .erp-tablo td { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 4px 14px; border: 0; text-align: end; }
  .erp-tablo td::before { content: attr(data-baslik); color: var(--muted); font-size: .8rem; text-align: start; flex: none; max-width: 45%; }
  .erp-tablo td:not([data-baslik])::before { content: none; }
  .erp-tablo td:not([data-baslik]) { justify-content: flex-end; }
  .erp-tablo td > * { min-width: 0; }
  .erp-tablo-kap, .erp-kalemler .table-scroll { overflow-x: visible; }
  .erp-kalem-tablo td { padding: 4px 10px; }
  .erp-kalem-tablo td > input, .erp-kalem-tablo td > select { width: 60%; flex: 1 1 auto; }
  .erp-kalem-tablo td:first-child { min-width: 0; }
  .erp-kalem-tablo tr { padding: 10px 0; }
}


/* Site dili: seçilen dilin sözlüğü yüklenip sayfa çevrilene kadar içerik gizli (Türkçenin bir an görünmesini önler) */
html.ceviriliyor body { visibility: hidden; }
.dil-secici { display: inline-flex; align-items: center; gap: 8px; font-size: .88rem; }
.dil-secici label { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); white-space: nowrap; }
.dil-secici select { font: inherit; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--fg); max-width: 100%; }
.hero-dil { justify-self: start; }
.foot-bottom .dil-secici { margin-inline-start: auto; }

/* ================= Premium görünüm =================
   Logonun lacivertinden türeyen geçişler, yumuşak parıltılar, katmanlı gölgeler ve daha cömert boşluklar.
   Renkler yalnızca değişkenlerden gelir (açık ve iki koyu tema bloğunda tanımlı); yön özellikleri mantıksaldır (RTL). */

/* Logo kilidi: "docu" kelime işareti ve altında, işaretin genişliğini dolduran "Documantasyon" yazısı */
.logo-kilit { --logo-h: 40px; display: inline-grid; justify-items: center; gap: 3px; }
.logo-kilit .logo-mark { height: var(--logo-h); }
.logo-yazi { display: block; color: var(--logo); font: 700 calc(var(--logo-h) * .314) / 1 var(--font-display); letter-spacing: .004em; white-space: nowrap; }
.logo-kilit.buyuk { --logo-h: 56px; gap: 5px; }
.logo-foot .logo-kilit { justify-items: start; }

/* Tipografi */
h1 { font-weight: 800; letter-spacing: -.035em; }
h2 { letter-spacing: -.028em; }
.hero h1 { font-size: clamp(2.5rem, 5.6vw, 4.3rem); line-height: 1.04; }
.hero h1 em, .grad-metin { background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lead { font-size: 1.16rem; line-height: 1.65; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; justify-self: start; width: fit-content; padding: 6px 12px; border-radius: 99px;
  background: var(--sun-soft); border: 1px solid color-mix(in srgb, var(--sun) 22%, transparent); }
.section { padding-block: 92px; }
.section-head { gap: 14px; margin-bottom: 44px; }
.section-head h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }

/* Üst menü: cam efekti */
.site-header { background: color-mix(in srgb, var(--bg) 76%, transparent); backdrop-filter: saturate(170%) blur(18px); -webkit-backdrop-filter: saturate(170%) blur(18px);
  border-bottom: 1px solid var(--line-soft); box-shadow: 0 1px 0 var(--line-soft), 0 10px 30px -24px rgba(2, 60, 93, .35); }
.nav { min-height: 78px; }
.nav-links a, .nav-links button { border-radius: 8px; }
.mega { border-radius: 18px; box-shadow: var(--shadow-lg); border-color: var(--line-soft); padding: 22px; }
.nav-links .mega a { border-radius: 12px; }
.subnav { top: calc(env(safe-area-inset-top, 0px) + 79px); background: color-mix(in srgb, var(--surface) 82%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }

/* Düğmeler */
.btn { border-radius: 12px; padding: 14px 22px; transition: transform .18s, box-shadow .18s, background-color .18s, border-color .18s; }
.btn-sm { padding: 9px 15px; border-radius: 10px; }
.btn-primary { background: var(--grad-accent); color: var(--accent-ink); box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--accent) 80%, transparent), inset 0 1px 0 rgba(255, 255, 255, .16); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -14px color-mix(in srgb, var(--accent) 90%, transparent), inset 0 1px 0 rgba(255, 255, 255, .16); }
.btn-ghost { background: var(--surface); border-color: var(--line); box-shadow: 0 1px 2px rgba(2, 60, 93, .05); }
.btn-ghost:hover { background: var(--surface); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); transform: translateY(-1px); }
.theme-btn { border-radius: 11px; }
/* Arama masaüstünde yalnızca simge (erişilebilir adı aria-label); katlanmış menüde yazısıyla görünür */
.nav { gap: 16px; }
.search-btn { width: 38px; height: 38px; padding: 0; justify-content: center; border-radius: 11px; border-color: var(--line); }
.search-btn svg { width: 18px; height: 18px; flex: none; }
.ara-yazi { display: none; }
.nav-dar .search-btn { width: auto; padding: 0 14px; gap: 8px; }
.nav-dar .ara-yazi { display: inline; }
@media (max-width: 1220px) { .search-btn { width: auto; padding: 0 14px; gap: 8px; } .ara-yazi { display: inline; } }

/* Ana sayfa girişi: arkada yumuşak renk parıltıları */
.hero { position: relative; isolation: isolate; padding-block: 84px 64px; }
/* Parıltı içerik kolonunda kesilmesin: ekran genişliğine yayılır; taşan kısım html'deki overflow-x: clip ile kırpılır */
html, body { overflow-x: clip; }
.hero::before { content: ""; position: absolute; z-index: -1; inset-block: -120px -60px; inset-inline: calc(50% - 50vw); pointer-events: none;
  background: radial-gradient(42% 60% at 74% 40%, var(--glow-1), transparent 72%), radial-gradient(36% 50% at 18% 12%, var(--glow-2), transparent 72%); }

/* Önizleme penceresi */
.window { border-radius: 20px; box-shadow: var(--shadow-lg); border-color: var(--line-soft); }
.window-bar { background: color-mix(in srgb, var(--surface-2) 70%, var(--surface)); }
.window-bar i:nth-child(1) { background: #ff5f57; }
.window-bar i:nth-child(2) { background: #febc2e; }
.window-bar i:nth-child(3) { background: #28c840; }
.deal { border-radius: 9px; box-shadow: 0 1px 2px rgba(2, 60, 93, .06); }
.pipe-col { border-radius: 11px; }

/* Rakamlar: tek bir yüzen panel */
.stats { border: 1px solid var(--line-soft); border-radius: 22px; background: var(--surface); box-shadow: var(--shadow); padding: 30px 34px; }
.stats b { font-size: 2.15rem; font-weight: 800; letter-spacing: -.03em; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; width: fit-content; }

/* Kartlar */
.app-card, .card, .int-item, .faq details, .jobs details, .form, .plan, .table-scroll, .search, .feature-row { border-color: var(--line-soft); }
.app-card, .card, .int-item, .plan, .form { border-radius: 18px; box-shadow: var(--shadow); }
.app-card { padding: 26px; transition: transform .2s, box-shadow .2s, border-color .2s; }
.app-card:hover, a.int-item:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: color-mix(in srgb, var(--accent) 30%, var(--line)); }
a.int-item { transition: transform .2s, box-shadow .2s, border-color .2s; }
.tile { border-radius: 11px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); }
.tile.sm { border-radius: 8px; }
.tile.lg { border-radius: 16px; }
.faq details, .jobs details { border-radius: 14px; transition: box-shadow .2s; }
.faq details[open], .jobs details[open] { box-shadow: var(--shadow); }
.features > div { border-top: 0; padding: 22px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line-soft); box-shadow: var(--shadow); transition: transform .2s, box-shadow .2s; }
.features > div:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.table-scroll { border-radius: 16px; box-shadow: var(--shadow); }
.tabs button { padding: 9px 16px; transition: background-color .15s, border-color .15s; }
.tabs button[aria-pressed="true"] { background: var(--grad-accent); color: var(--accent-ink); border-color: transparent; }

/* Fiyatlar: öne çıkan plan geçişli çerçeveyle */
.plan { padding: 30px; }
.plan.featured { border: 2px solid transparent; background: linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad-accent) border-box; box-shadow: var(--shadow-lg); }
.plan .badge { background: var(--grad-accent); box-shadow: 0 6px 16px -8px var(--accent); }
.plan .amount { font-weight: 800; letter-spacing: -.03em; font-size: 2.3rem; }
.billing { box-shadow: inset 0 1px 2px rgba(2, 60, 93, .08); }

/* Koyu bant: geçiş ve parıltı */
.band { border-radius: 26px; padding: 60px 56px; box-shadow: var(--shadow-lg);
  background: radial-gradient(520px 260px at 92% 0%, var(--band-glow-1), transparent 70%), radial-gradient(420px 220px at 0% 100%, var(--band-glow-2), transparent 70%), var(--band-bg); }
.band h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); }
/* Bant içindeki ikincil düğme koyu zeminde saydam kalır (genel .btn-ghost zemini burada geçerli değil) */
.band .btn-ghost { background: transparent; box-shadow: none; }
.band .btn-ghost:hover { background: color-mix(in srgb, var(--band-fg) 10%, transparent); border-color: color-mix(in srgb, var(--band-fg) 60%, transparent); }
.band .btn-primary { box-shadow: 0 12px 26px -12px rgba(240, 177, 84, .7); }

/* Alt sayfa başlığı ve ürün girişi de hafif parıltı alır */
.page-hero, .product-hero { position: relative; isolation: isolate; }
.page-hero::before, .product-hero::before { content: ""; position: absolute; z-index: -1; inset-block: -90px 0; inset-inline: calc(50% - 50vw); pointer-events: none;
  background: radial-gradient(40% 70% at 80% 20%, var(--glow-1), transparent 72%); }

/* Alt bilgi */
.site-footer { border-top: 1px solid var(--line-soft); background: linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface-2) 70%, var(--surface))); padding-block: 64px 30px; }

@media (max-width: 1220px) {
  .nav { min-height: 0; }
  .logo-kilit { --logo-h: 34px; }
  .bildirim-panel { top: calc(env(safe-area-inset-top, 0px) + 76px); }
}
/* Menü satırı seçilen dilde sığmıyorsa (uzun kelimeli diller: Yunanca, Macarca …) app.js html'e .nav-dar ekler;
   menü masaüstünde de 1220px altındaki gibi "Menü" düğmesine katlanır. */
.nav-dar .site-header.menu-open { max-height: 100vh; max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; }
.nav-dar .menu-toggle { display: inline-flex; margin-inline-start: 0; order: 2; }
.nav-dar .bildirim { order: 1; margin-inline-start: auto; }
.nav-dar .theme-btn { order: 1; }
.nav-dar .bildirim-panel { position: fixed; inset-inline-start: 12px; inset-inline-end: 12px; top: calc(env(safe-area-inset-top, 0px) + 76px); width: auto; max-height: calc(100dvh - 80px); }
.nav-dar .nav { flex-wrap: wrap; gap: 12px; padding-block: 12px; min-height: 0; }
.nav-dar .nav-links, .nav-dar .nav-cta { order: 3; display: none; flex-basis: 100%; }
.nav-dar .nav.open .nav-links { display: grid; gap: 2px; }
.nav-dar .nav.open .nav-cta { display: flex; flex-wrap: wrap; padding-bottom: 8px; }
.nav-dar .mega { position: static; width: 100%; grid-template-columns: 1fr 1fr; box-shadow: none; margin-top: 6px; padding: 10px; }
.nav-dar .logo-kilit { --logo-h: 34px; }
.nav-dar .subnav { position: static; }
@media (max-width: 980px) {
  .hero { padding-block: 56px 40px; }
  .band { padding: 44px 28px; }
}
@media (max-width: 620px) {
  .section { padding-block: 60px; }
  .stats { padding: 22px; }
  .hero h1 { font-size: clamp(2.2rem, 10vw, 2.8rem); }
}

/* Çerez izni bildirimi: Reddet / Tercihler / Tümünü kabul et (izin olmadan izleme betiği yüklenmez) */
.cerez-bildirim { position: fixed; inset-inline: 16px; inset-block-end: 16px; z-index: 60; margin-inline: auto; max-width: 760px; display: flex; gap: 16px; align-items: center; padding: 14px 18px; background: var(--surface); color: var(--fg); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-lg); font-size: .9rem; }
.cerez-bildirim[hidden] { display: none; }
.cerez-bildirim p { margin: 0; flex: 1; min-width: 0; color: var(--muted); }
.cerez-bildirim .btn { flex: none; }
@media (max-width: 560px) { .cerez-bildirim { flex-direction: column; align-items: stretch; } }
.onaylar { border: 0; padding: 0; margin: 0; display: grid; gap: 8px; min-width: 0; }
.onaylar .note { margin: 0; }

/* Logonun yanında ziyaretçinin ülke kodu ("docu TR"): işaretin sağında, yazı işaretin altında ortalı kalır. Marka soldan sağa yazılır. */
.logo-kilit.ulkeli { grid-template-columns: auto auto; column-gap: 6px; direction: ltr; }
.logo-kilit.ulkeli .logo-mark { grid-column: 1; grid-row: 1; }
.logo-kilit.ulkeli .logo-yazi { grid-column: 1; grid-row: 2; }
.logo-ulke { grid-column: 2; grid-row: 1; align-self: center; padding: 3px 6px 2px; border: 2px solid currentColor; border-radius: 7px; color: var(--logo); font: 800 calc(var(--logo-h) * .46) / 1 var(--font-display); letter-spacing: .04em; }
.logo-ulke[hidden] { display: none; }

/* Dar telefonlar (≤ 400 px): logo, ülke kodu, tema ve Menü düğmesi tek satıra sığsın */
@media (max-width: 400px) {
  .nav { gap: 10px; }
  .logo-kilit { --logo-h: 30px; }
}

/* Uygulamalar menüsündeki "Aktiviteler" girişi: harf yerine çizimli kutucuk */
.tile-simge svg { width: 62%; height: 62%; }

/* Uygulamalar menüsü: kategori grupları */
.mega-grup { display: grid; align-content: start; gap: 2px; min-width: 0; }
.mega-baslik { padding: 10px 10px 4px; font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }

/* Ana sayfa: hero altındaki uygulama başlatıcısı (büyük simgeler, adları altında) */
.baslatici { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 18px 12px; padding-block: 8px 28px; }
.baslatici a { display: grid; justify-items: center; gap: 8px; padding: 12px 6px; border-radius: 14px; color: var(--fg); text-decoration: none; text-align: center; font-size: .9rem; font-weight: 500; min-width: 0; overflow-wrap: break-word; hyphens: auto; transition: background .15s, transform .15s; }
.baslatici a:hover { background: var(--surface); transform: translateY(-2px); }
.baslatici a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 980px) { .baslatici { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 620px) { .baslatici { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 4px; } .baslatici a { font-size: .8rem; padding-inline: 2px; } .baslatici .tile.lg { width: 48px; height: 48px; font-size: 1.1rem; } }
@media (prefers-reduced-motion: reduce) { .baslatici a { transition: none; } .baslatici a:hover { transform: none; } }

/* Hero: tek fiyat notu */
.fiyat-not { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; justify-self: start; align-self: start; padding: 10px 16px; border: 1px dashed var(--accent); border-radius: 12px; color: var(--fg); text-decoration: none; font-size: .9rem; }
.fiyat-not b { font-size: 1.35rem; color: var(--accent); font-variant-numeric: tabular-nums; }
.fiyat-not small { color: var(--muted); font-size: .82rem; }
.fiyat-not:hover { background: var(--accent-soft); }

/* Çözümler açılır menüsü (sektörler) */
.mega.mega-dar { width: min(460px, 92vw); grid-template-columns: 1fr; }

/* Kayıt: uygulama seçimi (1. adım) ve hesap formu (2. adım) */
.uyg-sec { display: grid; gap: 14px; padding: 26px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; min-width: 0; }
.uyg-grup { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; min-width: 0; }
.uyg-grup legend { grid-column: 1 / -1; padding: 0 0 6px; font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.uyg-kart { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; min-width: 0; font-weight: 500; font-size: .92rem; }
.uyg-kart span:last-child { min-width: 0; overflow-wrap: break-word; }
.uyg-kart input { margin: 0; flex: none; accent-color: var(--accent); }
.uyg-kart:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
.uyg-kart:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
.uyg-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.uyg-alt #uyg-devam { margin-inline-start: auto; }
.uyg-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.uyg-secilen { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.uyg-cip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px 3px 4px; border: 1px solid var(--line); border-radius: 999px; font-size: .82rem; }
@media (max-width: 420px) { .uyg-grup { grid-template-columns: 1fr; } .uyg-sec { padding: 18px; } }

/* Uygulamalar menüsü, Odoo'daki gibi yalnızca adlarla. Geniş ekranda her kategori bir sütun: menü düğmeye değil
   sayfa genişliğindeki gezinme satırına bağlanır, böylece altı sütun sağdan taşmadan tek sırada durur */
.mega-grup small { display: none; }
.nav-links .mega-grup a { padding: 4px 10px; align-items: center; }
.mega { max-height: calc(100vh - 90px); max-height: calc(100dvh - 90px); overflow-y: auto; }
@media (min-width: 1221px) {
  html:not(.nav-dar) .nav.wrap { position: relative; }
  html:not(.nav-dar) .nav-links li:has(> .mega .mega-grup) { position: static; }
  html:not(.nav-dar) .mega:has(.mega-grup) { grid-template-columns: repeat(6, minmax(0, 1fr)); inset-inline: 0; width: auto; top: calc(100% - 4px); }
}

/* Marka sayfası (logo sistemi). Numune zeminleri markanın sabit renkleridir; harfler ve kıvrım SVG içinde renklidir */
.marka-kahraman { color: var(--logo); max-width: 640px; margin-top: 12px; }
.marka-kahraman svg { width: 100%; height: auto; aspect-ratio: 174 / 64; overflow: visible; }
.marka-kahraman .kivrim { fill: var(--logo-kivrim); }
.marka-brif { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; background: var(--line); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.marka-brif div { background: var(--surface); padding: 16px 18px; display: grid; gap: 4px; }
.marka-brif dt { font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.marka-brif dd { margin: 0; }
.marka-kurgu { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 16px; overflow-x: auto; color: var(--fg); }
.marka-kurgu svg { width: 100%; min-width: 520px; height: auto; }
.marka-kurgu .k-cizgi line { stroke: var(--line); stroke-width: .35; }
.marka-kurgu .k-yardim { fill: none; stroke: var(--muted); stroke-width: .3; stroke-dasharray: 1.2 1.2; }
.marka-kurgu .k-harf { color: var(--logo); opacity: .92; }
.marka-kurgu .k-harf .kivrim { fill: var(--logo-kivrim); }
.marka-kurgu text { font: 500 3.1px var(--font-mono); fill: var(--muted); }
.marka-kurgu .k-vurgu { fill: var(--logo-kivrim); }
.marka-numuneler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.marka-numuneler figure, .marka-yanlislar figure { margin: 0; display: grid; gap: 8px; }
.marka-numuneler figcaption { display: flex; justify-content: space-between; gap: 10px; font-size: .9rem; }
.marka-numuneler figcaption span { color: var(--muted); font-size: .82rem; text-align: end; }
.marka-zemin { aspect-ratio: 16 / 10; max-width: 100%; display: grid; place-items: center; padding: 12%; border-radius: 12px; border: 1px solid var(--line); overflow: hidden; }
.marka-zemin svg { width: 100%; height: auto; aspect-ratio: 174 / 64; }
.marka-zemin.kare svg { width: auto; height: 100%; aspect-ratio: 1; }
.z-kagit { background: #fbfaf7; color: #023c5d; }
.z-petrol { background: #023c5d; color: #fbfaf7; border-color: #023c5d; }
.marka-imza { display: grid; justify-items: center; gap: 6%; width: 80%; }
.marka-imza span { font: 600 clamp(.55rem, 1.4vw, .9rem)/1 var(--font-display); letter-spacing: .42em; margin-inline-end: -.42em; }
.marka-ulkeli { display: flex; align-items: center; gap: 5%; width: 82%; direction: ltr; }
.marka-ulkeli svg { flex: 1; min-width: 0; }
.marka-ulkeli span { font: 700 clamp(.85rem, 2.4vw, 1.4rem)/1 var(--font-display); letter-spacing: .04em; border: 2px solid currentColor; border-radius: 8px; padding: .22em .32em .16em; }
.marka-merdiven { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 20px 28px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 24px; }
.marka-merdiven > div { display: grid; justify-items: start; gap: 8px; }
.marka-merdiven small { font: 400 .74rem var(--font-mono); color: var(--muted); }
.marka-kelime { color: var(--logo); }
.marka-kelime svg { width: auto; aspect-ratio: 174 / 64; }
.marka-kelime .kivrim { fill: var(--logo-kivrim); }
.marka-renkler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.marka-renkler > div { display: grid; gap: 4px; }
.marka-renkler .renk { aspect-ratio: 1; max-width: 100%; border-radius: 12px; border: 1px solid var(--line); margin-bottom: 6px; }
.marka-renkler small { color: var(--muted); }
.marka-yanlislar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.marka-yanlislar .marka-zemin { aspect-ratio: 4 / 3; padding: 16%; }
.marka-yanlislar figcaption { font-size: .86rem; display: flex; gap: 6px; }
.marka-yanlislar figcaption::before { content: "×"; color: var(--danger-ink); font-weight: 700; }
.marka-dosyalar { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid var(--line); }
.marka-dosyalar li { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 12px; align-items: center; padding-block: 12px; border-bottom: 1px solid var(--line); }
.marka-dosyalar .mono { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .marka-numuneler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marka-renkler, .marka-yanlislar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marka-brif { grid-template-columns: 1fr; }
  .marka-dosyalar li { grid-template-columns: minmax(0, 1fr) auto; }
  .marka-dosyalar li > span:nth-child(2) { grid-column: 1; grid-row: 2; color: var(--muted); font-size: .86rem; }
  .marka-dosyalar li button { grid-row: 1 / span 2; grid-column: 2; }
}
@media (max-width: 460px) { .marka-numuneler { grid-template-columns: 1fr; } }

/* İş ortakları: numaralı adımlar */
.ortak-adim { list-style: none; counter-reset: adim; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ortak-adim li { counter-increment: adim; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); min-width: 0; }
.ortak-adim li::before { content: counter(adim); display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--accent); color: var(--bg); font-weight: 700; margin-block-end: 12px; }
.ortak-adim h3 { font-size: 1.05rem; margin: 0 0 6px; }
.ortak-adim p { margin: 0; color: var(--muted); font-size: .92rem; overflow-wrap: anywhere; }
@media (max-width: 900px) { .ortak-adim { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .ortak-adim { grid-template-columns: 1fr; } }

/* Tek fiyat: ortada tek paket kartı ve bant içindeki fiyat */
.plans.tek { grid-template-columns: minmax(0, 460px); justify-content: center; }
.band-fiyat { display: grid; gap: 2px; text-align: center; }
.band-fiyat b { font: 800 2rem/1 var(--font-display); font-variant-numeric: tabular-nums; }
.band-fiyat small { opacity: .78; font-size: .82rem; }
.ozellik-sutun { columns: 3 240px; column-gap: 28px; display: block; }
.ozellik-sutun li { break-inside: avoid; margin-block-end: 10px; }
@media (max-width: 720px) { .plans.tek { grid-template-columns: minmax(0, 1fr); } }

/* Başlık düzeni (kullanıcı isteği): ülke kodu küçük, logo büyük; menü başlıkları, simgeler ve düğmeler logonun altında.
   Masaüstünde (menü katlanmamışken) iki satır: logo, ince çizgi (::after satırı kırar), altında menü satırı.
   Başlığın yüksekliği app.js'te ölçülür (--ust-h): ürün sekme çubuğu ve çapa kaydırması ona göre konumlanır. */
.logo-ulke { font-size: calc(var(--logo-h) * .3); padding: 2px 5px 1px; border-width: 1.5px; border-radius: 6px; }
.subnav { top: calc(env(safe-area-inset-top, 0px) + var(--ust-h, 79px)); }
html { scroll-padding-top: calc(var(--ust-h, 78px) + 12px); }
html:has(.subnav) { scroll-padding-top: calc(var(--ust-h, 78px) + 72px); }
@media (min-width: 1221px) {
  html:not(.nav-dar) .nav { flex-wrap: wrap; column-gap: 12px; row-gap: 0; min-height: 0; padding-block: 10px 4px; }
  html:not(.nav-dar) .nav > .logo { order: 0; margin-inline: auto; } /* logo üst satırda ortalı (kullanıcı isteği) */
  html:not(.nav-dar) .nav::after { content: ""; order: 1; flex: 0 0 100%; height: 1px; margin-block: 8px 4px; background: var(--line-soft); }
  html:not(.nav-dar) .nav > :not(.logo) { order: 2; }
  html:not(.nav-dar) .nav-links { margin-inline-start: -12px; }
  html:not(.nav-dar) .logo-kilit { --logo-h: 50px; }
  /* Açılır menü ve bildirim paneli başlığın altında kalan yüksekliğe sığar (başlık iki satır olduğu için daha uzun) */
  html:not(.nav-dar) .mega { max-height: calc(100vh - var(--ust-h, 90px) - 12px); max-height: calc(100dvh - var(--ust-h, 90px) - 12px); }
  html:not(.nav-dar) .bildirim-panel { max-height: min(560px, calc(100dvh - var(--ust-h, 90px) - 24px)); }
}
/* Katlanmış menüde de logo ortada: kendi satırında, düğmeler (arama, tema, bildirim, Menü) altında ortalı */
@media (max-width: 1220px) {
  .nav { row-gap: 6px; padding-block: 8px; justify-content: center; }
  .nav > .bildirim { margin-inline-start: 0; }
  .nav > .logo { order: 0; flex: 0 0 100%; justify-content: center; }
  .bildirim-panel { top: calc(env(safe-area-inset-top, 0px) + var(--ust-h, 110px) + 4px); max-height: calc(100dvh - var(--ust-h, 110px) - 16px); }
}
.nav-dar .nav { row-gap: 6px; padding-block: 8px; justify-content: center; }
.nav-dar .nav > .bildirim { margin-inline-start: 0; }
.nav-dar .nav > .logo { order: 0; flex: 0 0 100%; justify-content: center; }
.nav-dar .bildirim-panel { top: calc(env(safe-area-inset-top, 0px) + var(--ust-h, 110px) + 4px); max-height: calc(100dvh - var(--ust-h, 110px) - 16px); }

/* Çerez izni: bildirimde Reddet / Tercihler / Tümünü kabul et (eşit görünürlükte), tercihler penceresinde kategori satırları */
.cerez-eylem { display: flex; flex-wrap: wrap; gap: 8px; flex: none; }
@media (max-width: 560px) { .cerez-eylem { display: grid; grid-template-columns: 1fr 1fr; } .cerez-eylem [data-cerez="kabul"] { grid-column: 1 / -1; } }
.cerez-dlg { width: min(560px, calc(100vw - 24px)); }
.cerez-dlg .akt-dlg-body { display: grid; gap: 12px; }
.cerez-tur { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); cursor: pointer; }
.cerez-tur input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--accent); }
.cerez-tur input:disabled { cursor: not-allowed; }
.cerez-tur span { display: grid; gap: 3px; min-width: 0; }
.cerez-tur small { color: var(--muted); font-size: .85rem; overflow-wrap: anywhere; }
.cerez-dlg .akt-dlg-foot { flex-wrap: wrap; }
.link-btn { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.link-btn:hover { color: var(--accent); }

/* Ülkelere göre ödeme yöntemleri (Fiyatlandırma #odeme): ziyaretçinin ülkesi başta ve vurgulu */
.odeme-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 14px; }
.odeme-ulke { min-width: 0; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; }
.odeme-ulke.sizin { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.odeme-ulke header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin-block-end: 10px; }
.odeme-ad { font-size: 1.02rem; overflow-wrap: anywhere; }
.odeme-fiyat { margin-inline-start: auto; font-weight: 700; color: var(--accent); white-space: nowrap; }
.odeme-sizin { font-size: .72rem; }
.odeme-ulke ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.odeme-ulke li { display: grid; gap: 1px; font-size: .9rem; min-width: 0; }
.odeme-ulke li small { color: var(--muted); overflow-wrap: anywhere; }

/* Yeni logo (görsel): simge + "documantasyon.com" tek parça. Açık ve koyu tema için iki sürüm; tema seçimine göre biri görünür.
   Yükseklik --logo-h ile yönetilir (başlıkta 50/34/30 px, altbilgide 48 px); ülke kodu yanında küçük kalır. */
.logo-kilit, .logo-kilit.ulkeli, .logo-kilit.buyuk { display: inline-flex; align-items: center; gap: 8px; direction: ltr; }
.logo-img { display: block; flex: none; height: var(--logo-h); width: auto; max-width: 100%; }
.logo-img-koyu { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .logo-img-acik { display: none; }
  :root:not([data-theme="light"]) .logo-img-koyu { display: block; }
}
:root[data-theme="dark"] .logo-img-acik { display: none; }
:root[data-theme="dark"] .logo-img-koyu { display: block; }
.logo-kilit.buyuk { --logo-h: 48px; }
.logo-ulke { align-self: center; color: var(--fg); }
@media (max-width: 400px) { .logo-img { max-width: calc(100vw - 96px); } }

/* Marka sayfası: yeni logo numuneleri */
.marka-kahraman .logo-img, .marka-zemin .logo-img { height: auto; width: 100%; }
.marka-kahraman .logo-img { max-width: 560px; }
.marka-zemin .logo-img-acik { display: block; }
.marka-zemin .logo-img-koyu { display: none; }
.z-petrol .logo-img-acik, .z-koyu .logo-img-acik { display: none; }
.z-petrol .logo-img-koyu, .z-koyu .logo-img-koyu { display: block; }
.z-koyu { background: #111827; border-color: #111827; }
.marka-zemin.kare .logo-img { width: auto; height: 100%; max-width: 100%; }
.marka-ulkeli .logo-img { width: auto; flex: 1 1 0; min-width: 0; }
.marka-merdiven .logo-img { width: auto; max-width: none; }
.marka-yanlislar .marka-zemin .logo-img { width: 100%; }
.marka-dosyalar li .btn { justify-self: end; }
@media (max-width: 760px) { .marka-dosyalar li .btn { grid-row: 1 / span 2; grid-column: 2; } }

/* Yönetim paneli (yonetim.html, assets/yonetim.js) */
.yon-ilk, .yon-izinsiz { border: 1px solid var(--line); border-radius: 14px; background: var(--surface); padding: 24px; max-width: 640px; display: grid; gap: 12px; margin-bottom: 56px; justify-items: start; }
.yon-sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--line); overflow-x: auto; margin-bottom: 20px; }
.yon-sekmeler button { all: unset; box-sizing: border-box; cursor: pointer; padding: 10px 16px; color: var(--muted); font-weight: 600; font-size: .92rem; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.yon-sekmeler button:hover { color: var(--fg); }
.yon-sekmeler button[aria-selected="true"] { color: var(--accent); border-bottom-color: var(--accent); }
.yon-sekmeler button:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
#yon-icerik { margin-bottom: 56px; display: grid; gap: 16px; }
#yon-icerik:focus { outline: none; }
.yon-kutu { border: 1px solid var(--line); border-radius: 14px; background: var(--surface); padding: 18px; min-width: 0; display: grid; gap: 12px; }
.yon-kutu h2 { font-size: 1.1rem; }
.yon-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.yon-cubuk { display: grid; grid-template-columns: minmax(90px, 160px) minmax(0, 1fr) auto; gap: 10px; align-items: center; font-size: .9rem; }
.yon-cubuk i { display: block; height: 10px; border-radius: 99px; background: var(--surface-2); overflow: hidden; }
.yon-cubuk i s { display: block; height: 100%; background: var(--accent); border-radius: 99px; }
.yon-cubuk span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yon-tablo { overflow-x: auto; }
.yon-tablo table { min-width: 720px; }
.yon-tablo th, .yon-tablo td { text-align: start; padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: middle; overflow-wrap: anywhere; }
.yon-tablo th { font-size: .8rem; color: var(--muted); font-weight: 600; white-space: nowrap; }
.yon-tablo td.dar, .yon-tablo th.dar { width: 1%; white-space: nowrap; }
.yon-tablo tr.gecikmis td:first-child { box-shadow: inset 3px 0 0 var(--danger); }
.yon-toplu { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 12px; border: 1px solid var(--accent); border-radius: 12px; background: var(--accent-soft); }
.yon-toplu select { padding: 8px 10px; }
.yon-tehlike { background: var(--danger) !important; color: var(--danger-ink) !important; border-color: var(--danger) !important; }
.yon-msj { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.yon-msj p { overflow-wrap: anywhere; white-space: pre-wrap; }
.yon-msj small { color: var(--muted); }
.yon-msj.silindi p { color: var(--muted); font-style: italic; }
.yon-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.yon-liste li { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--line); }
@media (max-width: 760px) { .yon-ikili { grid-template-columns: 1fr; } .yon-cubuk { grid-template-columns: 90px minmax(0, 1fr) auto; } }

/* ---- Erişilebilirlik: metin içi bağlantılar yalnızca renkle ayrılmaz (WCAG 1.4.1) ---- */
p a:not(.btn):not(.link-btn), label a, .consent a, .notice a, small a, .muted a:not(.btn):not(.link-btn), .prose li a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
p a:not(.btn):not(.link-btn):hover, label a:hover, .consent a:hover, .notice a:hover, small a:hover, .muted a:not(.btn):not(.link-btn):hover, .prose li a:hover { text-decoration-thickness: 2px; }

/* Yüksek karşıtlık tercihi: soluk metin tam renk olur, çizgiler belirginleşir */
@media (prefers-contrast: more) {
  :root:root:root { --muted: var(--fg); --line: color-mix(in srgb, var(--fg) 60%, transparent); }
  a { text-decoration: underline; }
}
/* Windows yüksek karşıtlık / zorlanmış renkler: renk dolgusuna güvenen öğelere sınır eklenir */
@media (forced-colors: active) {
  .btn, .chip, .card, .plan, .window, .tile, .jump a, input, select, textarea { border: 1px solid CanvasText; }
  .btn-primary { border-color: Highlight; }
  :focus-visible { outline: 2px solid Highlight; }
  [aria-current="page"], [aria-pressed="true"] { text-decoration: underline; }
}

/* ---- Yazdırma: gezinme, düğme ve bildirim öğeleri gizlenir; metin ve tablolar sayfaya uygun akar ---- */
@media print {
  :root:root:root { --bg: #fff; --surface: #fff; --surface-2: #f2f2f2; --fg: #111; --muted: #444; --line: #bbb; --accent: #023c5d; --shadow: none; color-scheme: light; }
  html, body { background: #fff !important; color: #111 !important; }
  body { font-size: 11pt; line-height: 1.5; }
  .skip, .site-header, .subnav, .jump, .actions, .btn, .link-btn, button, .cerez-bildirim, .akt-toast, .bildirim, dialog, [data-dil-secici], .site-footer .foot-grid, #cerez-bildirim { display: none !important; }
  .site-footer { border: 0; padding: 12px 0 0; }
  .foot-bottom { border-top: 1px solid #bbb; padding-top: 8px; font-size: 9pt; }
  main { display: block; }
  .wrap { max-width: none; padding-inline: 0; }
  h1, h2, h3, h4 { break-after: avoid; }
  p, li, .card, .plan, tr, figure, .window, .office { break-inside: avoid; }
  a { color: inherit; text-decoration: underline; }
  .prose a[href^="http"]::after, .muted a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .85em; word-break: break-all; }
  * { box-shadow: none !important; text-shadow: none !important; animation: none !important; transition: none !important; }
  .card, .plan, .window, .office { border: 1px solid #bbb !important; background: #fff !important; }
}

/* Marka › Uygulama logoları */
.uyg-logolar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 8px; }
.uyg-logolar a { display: grid; justify-items: center; gap: 8px; padding: 14px 6px 12px; border-radius: 14px; color: var(--fg); text-align: center; font-size: .84rem; line-height: 1.25; text-decoration: none; }
.uyg-logolar a:hover, .uyg-logolar a:focus-visible { background: var(--surface); box-shadow: var(--shadow); }
.uyg-logolar img { width: 56px; height: 56px; border-radius: 13px; box-shadow: 0 2px 6px rgba(2, 30, 46, .14); }

/* ---- Uygulama logoları (documantasyon.com ailesi): uygulama rengi, beyaz simge, markanın altın kıvrımı — logo/uret.py üretir ---- */
.tile[data-app] { position: relative; overflow: hidden; border: 0; color: transparent; font-size: 0 !important; forced-color-adjust: none;
  background: linear-gradient(225deg, #c79a55 0 15%, color-mix(in srgb, #000 22%, #c79a55) 15% 16%, transparent 16%), linear-gradient(135deg, color-mix(in srgb, var(--c) 84%, #fff), color-mix(in srgb, var(--c) 78%, #000));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 1px 2px rgba(2, 30, 46, .18); }
.tile[data-app]::after { content: ""; position: absolute; inset: 20%; background: #fff; -webkit-mask: var(--g) center / contain no-repeat; mask: var(--g) center / contain no-repeat; }
.tile[data-app="crm"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16l-6 7v6l-4 2v-8z%22/%3E%3C/svg%3E"); }
.tile[data-app="kampanya"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 10v4h3l7 4V6L7 10z M17.5 9a4 4 0 0 1 0 6%22/%3E%3C/svg%3E"); }
.tile[data-app="form"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 4h8v3H8z M6 5.5H5v15h14v-15h-1 M8.5 11h7 M8.5 15h5%22/%3E%3C/svg%3E"); }
.tile[data-app="defter"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 5h6a3 3 0 0 1 3 3v12a2 2 0 0 0-2-2H3z M21 5h-6a3 3 0 0 0-3 3v12a2 2 0 0 1 2-2h7z%22/%3E%3C/svg%3E"); }
.tile[data-app="envanter"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7.5l9-4.5 9 4.5v9L12 21l-9-4.5z M3 7.5l9 4.5 9-4.5 M12 12v9%22/%3E%3C/svg%3E"); }
.tile[data-app="erp"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 4h6.5v6.5H4z M13.5 4H20v6.5h-6.5z M4 13.5h6.5V20H4z M13.5 13.5H20V20h-6.5z%22/%3E%3C/svg%3E"); }
.tile[data-app="destek"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 15v-3a8 8 0 0 1 16 0v3 M4 14h3v6H5a1 1 0 0 1-1-1z M20 14h-3v6h2a1 1 0 0 0 1-1z%22/%3E%3C/svg%3E"); }
.tile[data-app="toplanti"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h12v10H3z M15 11l6-4v10l-6-4%22/%3E%3C/svg%3E"); }
.tile[data-app="posta"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 6h18v12H3z M3 7l9 6 9-6%22/%3E%3C/svg%3E"); }
.tile[data-app="mesaj"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 4h12v8H7l-4 3z M10 15.5V16h7l4 3V8h-3%22/%3E%3C/svg%3E"); }
.tile[data-app="proje"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 6h9 M8 12h12 M4 18h11%22/%3E%3C/svg%3E"); }
.tile[data-app="ik"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6z M3 20a6 6 0 0 1 12 0 M16.5 11a2.5 2.5 0 1 0 0-5 M17 14a5 5 0 0 1 4 6%22/%3E%3C/svg%3E"); }
.tile[data-app="analitik"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 20v-8 M10 20V5 M15 20v-6 M20 20V9%22/%3E%3C/svg%3E"); }
.tile[data-app="kilit"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 11h12v9H6z M8.5 11V8a3.5 3.5 0 0 1 7 0v3 M12 15v2%22/%3E%3C/svg%3E"); }
.tile[data-app="belge"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3h8l5 5v13H6z M14 3v5h5 M9 13h7 M9 17h5%22/%3E%3C/svg%3E"); }
.tile[data-app="imza"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 4l5 5L9 20H4v-5z M13 6l5 5%22/%3E%3C/svg%3E"); }
.tile[data-app="site"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z M3 12h18 M12 3c3.5 3.5 3.5 14.5 0 18 M12 3c-3.5 3.5-3.5 14.5 0 18%22/%3E%3C/svg%3E"); }
.tile[data-app="magaza"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 8h14l-1 12H6z M9 8V6a3 3 0 0 1 6 0v2%22/%3E%3C/svg%3E"); }
.tile[data-app="masraf"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3h12v18l-3-2-3 2-3-2-3 2z M9 8h6 M9 12h6 M9 16h3%22/%3E%3C/svg%3E"); }
.tile[data-app="saha"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z M12 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z%22/%3E%3C/svg%3E"); }
.tile[data-app="abonelik"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19.5 13a7.5 7.5 0 0 1-13.4 3.6 M4.5 11a7.5 7.5 0 0 1 13.4-3.6 M18 3.5v4.5h-4.5 M6 20.5V16h4.5%22/%3E%3C/svg%3E"); }
.tile[data-app="kiralama"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8z M12 12h9 M18 12v3 M15 12v2%22/%3E%3C/svg%3E"); }
.tile[data-app="filo"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 6h12v10H2z M14 9h4l3 3.5V16h-7 M4 18a2 2 0 1 0 4 0 2 2 0 0 0-4 0z M15 18a2 2 0 1 0 4 0 2 2 0 0 0-4 0z%22/%3E%3C/svg%3E"); }
.tile[data-app="etkinlik"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h18v3a2 2 0 0 0 0 4v3H3v-3a2 2 0 0 0 0-4z M14 7v10%22/%3E%3C/svg%3E"); }
.tile[data-app="planlama"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 6h16v14H4z M4 10h16 M8 3v5 M16 3v5 M8 14h2 M14 14h2 M8 17h2%22/%3E%3C/svg%3E"); }
.tile[data-app="bilgi"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 18h6 M10 21h4 M12 3a6 6 0 0 0-4 10.5c.6.6 1 1.4 1 2.5h6c0-1.1.4-1.9 1-2.5A6 6 0 0 0 12 3z%22/%3E%3C/svg%3E"); }
.tile[data-app="egitim"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 9l10-5 10 5-10 5z M6 11v5c3 2 9 2 12 0v-5 M22 9v5%22/%3E%3C/svg%3E"); }
.tile[data-app="sosyal"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 14.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z M18 8.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z M18 20.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z M8.2 10.8l7.6-4.1 M8.2 13.2l7.6 4.1%22/%3E%3C/svg%3E"); }
.tile[data-app="onay"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z M8 12l3 3 5-6%22/%3E%3C/svg%3E"); }
.tile[data-app="kalite"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3a6 6 0 1 0 0 12 6 6 0 0 0 0-12z M9 14.2L7.5 21l4.5-2.5 4.5 2.5-1.5-6.8%22/%3E%3C/svg%3E"); }
.tile[data-app="bakim"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.5 4.5a4.5 4.5 0 0 0-5.3 5.9L4 15.6a2 2 0 0 0 2.8 2.8l5.2-5.2a4.5 4.5 0 0 0 5.9-5.3l-2.6 2.6-2.4-.6-.6-2.4z%22/%3E%3C/svg%3E"); }
.tile[data-app="satis"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12V4h8l10 10-8 8z M7.5 8h.01%22/%3E%3C/svg%3E"); }
.tile[data-app="satinalma"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 4h2.5l2.2 11h11l2-8H6.6 M9 20h.01 M18 20h.01%22/%3E%3C/svg%3E"); }
.tile[data-app="kasa"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 6h18v12H3z M3 10h18 M7 14.5h4%22/%3E%3C/svg%3E"); }
.tile[data-app="restoran"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 3v7a2 2 0 0 0 4 0V3 M9 12v9 M17 21V3c-2.5 1.5-3 5-3 8h3%22/%3E%3C/svg%3E"); }
.tile[data-app="plm"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z M12 2.5v3 M12 18.5v3 M2.5 12h3 M18.5 12h3 M5.3 5.3l2.1 2.1 M16.6 16.6l2.1 2.1 M5.3 18.7l2.1-2.1 M16.6 7.4l2.1-2.1%22/%3E%3C/svg%3E"); }
.tile[data-app="puantaj"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z M12 7v5l3.5 2%22/%3E%3C/svg%3E"); }
.tile[data-app="randevu"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 6h16v14H4z M4 10h16 M8 3v5 M16 3v5 M9 15l2 2 4-4%22/%3E%3C/svg%3E"); }
.tile[data-app="bordro"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 7h18v10H3z M12 9.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z M6.5 10v4 M17.5 10v4%22/%3E%3C/svg%3E"); }
.tile[data-app="mesai"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 3h10 M7 21h10 M8 3c0 5 8 5 8 9s-8 4-8 9 M16 3c0 5-8 5-8 9s8 4 8 9%22/%3E%3C/svg%3E"); }
.tile[data-app="isealim"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z M3 21a7 7 0 0 1 14 0 M19.5 8v6 M16.5 11h6%22/%3E%3C/svg%3E"); }
.tile[data-app="degerlendirme"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z%22/%3E%3C/svg%3E"); }
.tile[data-app="anket"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3v9h9 M20.3 15.5A9 9 0 1 1 8.5 3.7%22/%3E%3C/svg%3E"); }
.tile[data-app="canlisohbet"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v11H9l-5 4z M8.5 10.5h.01 M12 10.5h.01 M15.5 10.5h.01%22/%3E%3C/svg%3E"); }
.tile[data-app="blog"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 20h16 M14 4l4 4-9 9H5v-4z%22/%3E%3C/svg%3E"); }
.tile[data-app="forum"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9.5 4L7.5 20 M16.5 4l-2 16 M4.5 9h16 M3.5 15h16%22/%3E%3C/svg%3E"); }
.tile[data-app="otomasyon"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 2L4 14h7l-1 8 9-12h-7z%22/%3E%3C/svg%3E"); }
.tile[data-app="studyo"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3a9 9 0 0 0 0 18c1.5 0 2-1 2-2s-1-2 0-3h3a4 4 0 0 0 4-4c0-5-4-9-9-9z M7.5 11.5h.01 M10 7.5h.01 M15 7.5h.01%22/%3E%3C/svg%3E"); }
.tile[data-app="yemek"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12h18a9 8 0 0 1-18 0z M8.5 8.5c0-2 2-2 2-4.5 M13.5 8.5c0-2 2-2 2-4.5%22/%3E%3C/svg%3E"); }
.tile[data-app="resepsiyon"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 20h18 M5 17a7 7 0 0 1 14 0z M12 7v3 M10 7h4%22/%3E%3C/svg%3E"); }
.tile[data-app="barkod"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5v14 M7 5v14 M10.5 5v14 M13.5 5v14 M16 5v14 M20 5v14%22/%3E%3C/svg%3E"); }
.tile[data-app="tablo"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v14H4z M4 10h16 M4 15h16 M10 5v14%22/%3E%3C/svg%3E"); }
.tile[data-app="yapilacak"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 6l1.5 1.5L8 5 M11 6h9 M4 12l1.5 1.5L8 11 M11 12h9 M4 18h4 M11 18h9%22/%3E%3C/svg%3E"); }
.tile[data-app="aktar"] { --g: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8.5%206H6.2L4%2013v6h16v-6l-2.2-7h-2.3%20M4%2013h4l2%203h4l2-3h4%20M12%203v9%20M9%209l3%203%203-3%22/%3E%3C/svg%3E"); }
/* ---- /Uygulama logoları ---- */

/* ---- Premium dokunuşlar: kaydırınca beliren içerik, kart ışığı, sayaçlar, okuma çubuğu ---- */
::selection { background: color-mix(in srgb, var(--accent) 24%, transparent); color: inherit; }
html { scrollbar-color: color-mix(in srgb, var(--fg) 26%, transparent) transparent; }
p, li, dd, .lead { text-wrap: pretty; }
.stats b, .price-tag b, [data-tl], [data-tl-sabit] { font-variant-numeric: tabular-nums; }

.site-header { transition: box-shadow .3s, background-color .3s; }
html.kaydi .site-header { box-shadow: 0 10px 30px -20px rgba(2, 30, 46, .5); }

html.hareket .belir { opacity: 0; transform: translateY(18px); transition: opacity .7s cubic-bezier(.2, .7, .2, 1), transform .7s cubic-bezier(.2, .7, .2, 1); transition-delay: var(--gecik, 0s); }
html.hareket .belir.gorundu { opacity: 1; transform: none; }

.app-card, .int-item, .plan { isolation: isolate; }
.app-card, .int-item { position: relative; }
.app-card::before, .int-item::before, .plan::before { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1; pointer-events: none; opacity: 0; transition: opacity .3s;
  background: radial-gradient(320px circle at var(--mx, 50%) var(--my, 0%), color-mix(in srgb, var(--accent) 11%, transparent), transparent 70%); }
.app-card:hover::before, .int-item:hover::before, .plan:hover::before { opacity: 1; }
.app-card .tile, .int-item .tile { transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
.app-card:hover .tile, .int-item:hover .tile { transform: translateY(-2px) rotate(-4deg) scale(1.06); }

.btn-primary { position: relative; overflow: hidden; }
.btn-primary::after { content: ""; position: absolute; inset: 0; pointer-events: none; transform: translateX(-120%); background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .22) 50%, transparent 70%); }
.btn-primary:hover::after { transform: translateX(120%); transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.btn:active { transform: translateY(0) scale(.98); }

.okuma-cubugu { position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 300; pointer-events: none; transform-origin: 0 50%; transform: scaleX(var(--ilerleme, 0)); background: var(--grad-accent); }
[dir="rtl"] .okuma-cubugu { transform-origin: 100% 50%; }

@media (prefers-reduced-motion: reduce) {
  html.hareket .belir { opacity: 1; transform: none; }
  .app-card:hover .tile, .int-item:hover .tile { transform: none; }
}
@media print { .belir { opacity: 1 !important; transform: none !important; } .okuma-cubugu { display: none; } }
.pnm-baslatici .uyg-logolar { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
.pnm-baslatici .uyg-logolar a { font-size: .8rem; }
.pnm-baslatici .uyg-logolar .tile { transition: transform .3s cubic-bezier(.2, .7, .2, 1); }
.pnm-baslatici .uyg-logolar a:hover .tile { transform: translateY(-2px) scale(1.06); }
/* Klavye kısayolları penceresi */
.kisayol-dlg .search-head h2 { flex: 1; font-size: 1.05rem; }
.kisayol-liste { list-style: none; margin: 0; padding: 8px 18px 18px; display: grid; overflow-y: auto; }
.kisayol-liste li { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.kisayol-liste li:last-child { border-bottom: 0; }
.kisayol-tus { display: inline-flex; gap: 6px; direction: ltr; }
kbd { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 7px; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 7px; background: var(--surface); color: var(--fg); font: 600 .78rem/1 var(--font-mono); }
.kisayol-dlg .search-head { align-items: center; padding: 14px 18px; }
/* Arama: kişinin kayıtları grubu ve eşleşen harf vurgusu */
.search-results .arama-grup { padding: 12px 12px 4px; font: 600 .72rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.search-results mark { background: color-mix(in srgb, var(--accent) 22%, transparent); color: inherit; border-radius: 3px; padding: 0 1px; }

/* =====================================================================
   Premium arayüz — "Mürekkep ve kıvrım"
   Marka işaretindeki katlanan sayfa ve altın kıvrım tek imza olarak kullanılır:
   ana sayfa girişi ve alt bilgi mürekkep laciverti bir bant, sayfalar serin kâğıt zemin,
   altın yalnızca kıvrımda ve bölüm işaretlerinde. Büyük harfli, aralıklı etiketler kaldırıldı.
   ===================================================================== */
:root {
  --murekkep: #061826; --murekkep-2: #0b2436; --kivrim: #c79a55; --kivrim-koyu: #8d6630;
  --bg: #f6f7f4; --surface: #ffffff; --surface-2: #eef1ee; --line: #dde3e1; --line-soft: rgba(6, 24, 38, .08);
  --muted: #52626d; --sun: #7d5a22; --sun-soft: #f3ead9; --accent-ink: #ffffff;
  --shadow: 0 1px 2px rgba(6, 24, 38, .05), 0 10px 28px -16px rgba(6, 24, 38, .22);
  --shadow-lg: 0 2px 6px rgba(6, 24, 38, .06), 0 40px 80px -36px rgba(6, 24, 38, .45);
  --radius: 14px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --murekkep: #030e17; --murekkep-2: #071a28; --sun: #e3bf86; --line-soft: rgba(143, 198, 232, .10); }
}
:root[data-theme="dark"] { --murekkep: #030e17; --murekkep-2: #071a28; --sun: #e3bf86; --line-soft: rgba(143, 198, 232, .10); }

/* Tipografi: sakin, sıkı başlıklar; etiketler cümle düzeninde */
h1 { letter-spacing: -.04em; }
.section-head h2 { letter-spacing: -.03em; max-width: 22ch; }
.lead { color: var(--muted); max-width: 60ch; }
.eyebrow { font: 600 .92rem/1.2 var(--font-body); letter-spacing: 0; text-transform: none; color: var(--sun);
  background: none; border: 0; padding: 0; border-radius: 0; gap: 10px; }
.eyebrow::before { content: ""; flex: none; width: 13px; height: 13px; border-top-right-radius: 3px;
  background: linear-gradient(225deg, var(--kivrim) 0 50%, transparent 50%); }
.mega-baslik, .foot-grid h2, .bildirim-baslik, .uyg-grup legend, .marka-brif dt, .search-results .arama-grup {
  text-transform: none; letter-spacing: 0; font-family: var(--font-body); font-size: .84rem; font-weight: 600; }
.pipe-col > b { text-transform: none; letter-spacing: 0; font-size: .78rem; }

/* Düğmeler: düz mürekkep, gradyan yok */
.btn-primary { background: var(--murekkep); color: #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 10px 22px -14px rgba(6, 24, 38, .7); }
.btn-primary:hover { background: var(--murekkep-2); box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 16px 30px -16px rgba(6, 24, 38, .75); }
:root[data-theme="dark"] .btn-primary { background: #e8eff3; color: var(--murekkep); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .btn-primary { background: #e8eff3; color: #030e17; } }
.btn-primary::after { display: none; }

/* Ana sayfa girişi: mürekkep bandı ve sağ üst köşede altın kıvrım */
.hero { color: #e9f0f4; padding-block: 96px 112px; }
.hero::before { inset-block: 0; inset-inline: calc(50% - 50vw);
  background: radial-gradient(55% 75% at 82% 28%, rgba(26, 110, 148, .42), transparent 70%),
              radial-gradient(40% 55% at 6% 100%, rgba(26, 110, 148, .22), transparent 70%), var(--murekkep); }
.hero::after { content: ""; position: absolute; z-index: -1; top: 0; inset-inline-end: calc(50% - 50vw); pointer-events: none;
  width: clamp(72px, 9vw, 150px); aspect-ratio: 1;
  background: linear-gradient(225deg, var(--kivrim) 0 49.6%, var(--kivrim-koyu) 49.6% 50.4%, transparent 50.4%); }
[dir="rtl"] .hero::after { transform: scaleX(-1); }
.hero h1 { color: #fff; font-size: clamp(2.6rem, 6vw, 4.8rem); line-height: 1; }
.hero h1 em { background: none; -webkit-text-fill-color: currentColor; color: inherit; }
.hero .lead, .hero .checks { color: rgba(233, 240, 244, .74); }
.hero .checks li::before { color: var(--kivrim); }
.hero .eyebrow { color: #e3bf86; }
.hero .dil-secici, .hero .dil-secici label { color: rgba(233, 240, 244, .74); }
.hero .btn-primary { background: #fff; color: var(--murekkep); box-shadow: 0 12px 30px -16px rgba(0, 0, 0, .7); }
.hero .btn-primary:hover { background: #eef3f6; }
.hero .btn-ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .28); box-shadow: none; }
.hero .btn-ghost:hover { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .5); }
.hero .fiyat-not { color: #e9f0f4; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .04); border-radius: 14px; }
.hero .fiyat-not b { color: #fff; }
.hero .fiyat-not small { color: rgba(233, 240, 244, .65); }
.hero .window { color: var(--fg); box-shadow: 0 2px 6px rgba(0, 0, 0, .2), 0 50px 100px -40px rgba(0, 0, 0, .8); border-color: rgba(255, 255, 255, .08); }
.hero :focus-visible { outline-color: var(--kivrim); }

/* Kartlar: ince çizgi, gölge yalnızca etkileşimde */
.app-card, .card, .int-item, .plan, .features > div { box-shadow: none; border: 1px solid var(--line); background: var(--surface); }
.app-card:hover, a.int-item:hover { box-shadow: var(--shadow); border-color: color-mix(in srgb, var(--accent) 30%, var(--line)); transform: translateY(-2px); }
.features > div:hover { transform: none; box-shadow: none; }
.stats { background: var(--surface); border: 1px solid var(--line); box-shadow: none; }
.window { box-shadow: var(--shadow-lg); }

/* Alt bilgi: girişle aynı mürekkep bandı; sayfa kapanışı */
.site-footer { background: var(--murekkep); color: rgba(233, 240, 244, .74); border-top: 0; margin-top: 96px; position: relative; isolation: isolate; }
.site-footer::after { content: ""; position: absolute; top: 0; inset-inline-start: 0; width: 56px; aspect-ratio: 1; pointer-events: none;
  background: linear-gradient(135deg, var(--bg) 0 49.6%, transparent 50.4%); }
.site-footer .muted, .foot-bottom, .foot-grid h2 { color: rgba(233, 240, 244, .6); }
.foot-grid a, .foot-bottom a, .site-footer .link-btn { color: #e9f0f4; }
.foot-grid a:hover, .foot-bottom a:hover { color: #fff; }
.foot-bottom { border-top-color: rgba(255, 255, 255, .12); }
.site-footer .logo-img-acik { display: none !important; }
.site-footer .logo-img-koyu { display: block !important; }
.site-footer .dil-secici, .site-footer .dil-secici label { color: rgba(233, 240, 244, .7); }
.site-footer :focus-visible { outline-color: var(--kivrim); }

/* Sayfa girişleri (ürün ve iç sayfalar): başlığın üstünde ince altın kıvrım çizgisi */
.page-hero h1, .product-title h1 { letter-spacing: -.04em; }

/* Abartısız hareket: kaydırma belirmesi ve kart ışığı kaldırıldı; yalnızca etkileşim yanıtları kalır */
html.hareket .belir { opacity: 1 !important; transform: none !important; transition: none !important; }
.app-card::before, .int-item::before, .plan::before { display: none; }
.app-card:hover .tile, .int-item:hover .tile { transform: none; }
/* Giriş: tek bir yükleme anı */
@media (prefers-reduced-motion: no-preference) {
  .hero > .stack > * { animation: giris .7s cubic-bezier(.2, .7, .2, 1) both; }
  .hero > .stack > :nth-child(2) { animation-delay: .05s; } .hero > .stack > :nth-child(3) { animation-delay: .1s; }
  .hero > .stack > :nth-child(4) { animation-delay: .16s; } .hero > .stack > :nth-child(n+5) { animation-delay: .22s; }
  .hero > .window { animation: giris-pencere .9s .15s cubic-bezier(.2, .7, .2, 1) both; }
}
@keyframes giris { from { opacity: 0; transform: translateY(14px); } }
@keyframes giris-pencere { from { opacity: 0; transform: translateY(28px) scale(.98); } }
@media print { .hero, .site-footer { color: #111 !important; } .hero::before, .hero::after, .site-footer::after { display: none; } .site-footer { background: none; } }
/* Fiyat kartı: taban fiyatın (10 €) ülke parasındaki karşılığı; tablodaki "Sizin ülkeniz" satırı */
.plan-kur { margin: 6px 0 0; font-size: .82rem; color: var(--muted); }
.ulke-satir th, .ulke-satir td { background: color-mix(in srgb, var(--kivrim) 9%, transparent); }
.ulke-satir .chip { margin-inline-start: 6px; vertical-align: middle; }
/* Masaüstü uygulaması indirme sayfası */
.indir-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.indir-kart { display: grid; gap: 10px; align-content: start; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.indir-kart.onerilen { border-color: color-mix(in srgb, var(--kivrim) 70%, var(--line)); box-shadow: var(--shadow); order: -1; }
.indir-ust { display: flex; gap: 14px; align-items: center; }
.indir-ikon { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--surface-2); color: var(--fg); }
.indir-ikon svg { width: 24px; height: 24px; }
.indir-kart .btn { width: 100%; justify-content: center; }
.indir-kart:not(.onerilen) .btn-primary { background: var(--surface); color: var(--fg); border: 1px solid var(--line); box-shadow: none; }
.indir-meta { margin: 0; font-size: .8rem; color: var(--muted); }
.indir-adimlar { margin: 0; padding-inline-start: 22px; display: grid; gap: 10px; max-width: 70ch; color: var(--muted); }
.btn-indir svg { width: 18px; height: 18px; margin-inline-end: 8px; flex: none; }
.indir-ust > div { flex: 1; min-width: 0; }
.indir-ust { flex-direction: column; align-items: stretch; }
.indir-ikon { align-self: flex-start; }
.indir-kart .btn { white-space: normal; text-align: center; line-height: 1.3; }
/* E-postayla giriş */
.oturum-baglanti { width: 100%; justify-content: center; }
.success.oturum-hata { color: var(--danger); background: color-mix(in srgb, var(--danger) 8%, transparent); border-color: color-mix(in srgb, var(--danger) 30%, transparent); }
/* ---- Yapay zekâ (zeka.js) ---- */
.zk-ikon { width: 1.05em; height: 1.05em; flex: none; fill: var(--kivrim); }
.zk-dugme { display: inline-flex; align-items: center; gap: 7px; background: var(--surface); color: var(--sun);
  border: 1px solid color-mix(in srgb, var(--kivrim) 55%, var(--line)); font-weight: 600; }
.zk-dugme:hover { background: color-mix(in srgb, var(--kivrim) 10%, var(--surface)); border-color: var(--kivrim); }
.zk-dugme[hidden], .zk-bant[hidden], .zk-panel[hidden] { display: none; }
.zk-bant { border: 1px solid color-mix(in srgb, var(--kivrim) 45%, var(--line)); border-radius: 12px; margin: 0 0 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--kivrim) 9%, var(--surface)) 0%, var(--surface) 70%); }
.zk-bant.zk-surukle { outline: 2px dashed var(--kivrim); outline-offset: 2px; }
.zk-ac { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 8px; width: 100%; padding: 11px 14px; cursor: pointer;
  font: 600 .95rem/1.3 var(--font-body); color: var(--sun); border-radius: 12px; }
.zk-ac::after { content: ""; margin-inline-start: auto; width: 8px; height: 8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s; }
.zk-ac[aria-expanded="true"]::after { transform: rotate(-135deg); }
.zk-ac:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.zk-govde { padding: 0 14px 14px; display: grid; gap: 10px; }
.zk-govde[hidden] { display: none; }
.zk-ipucu { margin: 0; font-size: .9rem; }
.zk-govde textarea { width: 100%; min-height: 72px; resize: vertical; font: inherit; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--fg); }
.zk-govde textarea:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: transparent; }
.zk-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.zk-bosluk { flex: 1 1 auto; }
.zk-dosya-ad { font-size: .88rem; overflow-wrap: anywhere; }
.zk-durum { margin: 0; font-size: .9rem; color: var(--muted); min-height: 1.2em; }
.zk-durum:empty { min-height: 0; }
.zk-durum.hata { color: var(--danger); }
.zk-panel { border: 1px solid color-mix(in srgb, var(--kivrim) 45%, var(--line)); border-radius: var(--radius); padding: 14px 16px; margin: 0 0 16px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--kivrim) 8%, var(--surface)) 0%, var(--surface) 60%); }
.zk-panel-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.zk-rozet { display: inline-flex; align-items: center; gap: 7px; font: 600 1rem/1.3 var(--font-display); color: var(--fg); }
.zk-cikti { margin-top: 8px; }
.zk-cikti:empty { margin: 0; }
.zk-metin { white-space: pre-wrap; margin: 0; line-height: 1.6; overflow-wrap: anywhere; }
.zk-dusunuyor { margin: 0; }
.zk-dusunuyor::after { content: ""; display: inline-block; width: 1.2em; text-align: start; animation: zk-nokta 1.2s steps(4) infinite; }
@keyframes zk-nokta { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } }
@media (prefers-reduced-motion: reduce) { .zk-dusunuyor::after { animation: none; } }
.zk-panel .search-close { margin-inline-start: 4px; }
/* Belgeden oluştur: inceleme tablosu */
.zk-inceleme small.muted { display: block; margin-top: 3px; font-size: .8rem; }
.zk-inceleme select { min-width: 12rem; }
.erp-urun-aciklama { display: block; font-size: .82rem; color: var(--muted); max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Arama: yapay zekâya sor */
#search-results li a.zk-sor b { display: inline-flex; align-items: center; gap: 7px; color: var(--sun); }
.zk-arama { margin: 10px 0 4px; }
.msj-sohbet .zk-panel { margin: 10px 12px 0; max-height: 45%; overflow: auto; flex: none; }

/* ---------- Hesabım ---------- */
.hesap { padding-block: 40px 72px; display: grid; gap: 24px; }
.hesap-izgara { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); align-items: start; }
.hesap-kart h2 { font-size: 1.15rem; }
.hesap-kart:has(.hesap-tablo) { grid-column: 1 / -1; }
.hesap-form { display: grid; gap: 10px; }
.hesap-satir { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.hesap-dugmeler, .hesap-uygulamalar { display: flex; flex-wrap: wrap; gap: 8px; }
.hesap-alan { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hesap-alan-ad { font-size: 1.2rem; overflow-wrap: anywhere; }
.hesap-tablo { width: 100%; border-collapse: collapse; font-size: .9rem; }
.hesap-tablo th, .hesap-tablo td { text-align: start; padding: 8px 6px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.hesap-tablo td small { overflow-wrap: anywhere; }
.hesap-tablo select { padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface, transparent); color: inherit; font: inherit; }
.hesap-kucuk { padding: 4px 10px; font-size: .8rem; min-height: 0; }
.hesap-davetler { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.hesap-davetler li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.hesap-tehlike { color: var(--danger); }
.hesap-not { font-size: .85rem; }
.hesap-toast { position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); background: var(--band-bg); color: var(--band-fg); padding: 12px 18px; border-radius: 10px; box-shadow: var(--shadow); z-index: 200; max-width: calc(100vw - 32px); font-size: .92rem; }
.hesap-toast.hata { background: var(--danger); color: var(--danger-ink); }
@media (max-width: 520px) { .hesap-satir { grid-template-columns: 1fr; } }

/* ---------- Uygulama ekranları (urunler/<uygulama>/uygulama.html, assets/uygulama.js) ---------- */
.uyg-ust-eylem { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.uyg-sekmeler { display: flex; gap: 4px; overflow-x: auto; margin-bottom: 18px; border-bottom: 1px solid var(--line); scrollbar-width: thin; }
.uyg-sekmeler button { border: 0; background: none; padding: 10px 14px; font: 600 .92rem var(--font-body); color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; display: inline-flex; gap: 8px; align-items: center; }
.uyg-sekmeler button:hover { color: var(--fg); }
.uyg-sekmeler button[aria-selected="true"] { color: var(--fg); border-bottom-color: var(--accent); }
.uyg-sekmeler button:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: 6px; }
.uyg-sayac { font-size: .75rem; color: var(--muted); background: var(--surface-2); border-radius: 99px; padding: 2px 7px; }
.uyg-sayac:empty { display: none; }
#uyg-panel > .akt-durum.bilgi { margin-bottom: 14px; }
.uyg-ozet { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.uyg-ozet-tutar { display: grid; gap: 2px; padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); min-width: 0; }
.uyg-ozet-tutar b { font-size: 1.2rem; line-height: 1.25; font-family: var(--font-display); overflow-wrap: anywhere; }
.uyg-ozet-tutar span { color: var(--muted); font-size: .85rem; }
.uyg-hizli, .uyg-damga { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.uyg-hizli[hidden], .uyg-damga[hidden] { display: none; }
.uyg-hizli input { flex: 1 1 260px; min-width: 0; font: inherit; padding: 9px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--fg); }
.uyg-damga-not { font-size: .85rem; }
.uyg-satir { grid-template-columns: auto minmax(0, 1fr) auto; }
.uyg-daha { display: block; margin: 14px auto 0; }
.akt-sutun.uzerinde { outline: 2px dashed var(--accent); outline-offset: -2px; }
.akt-kart.suruklen { opacity: .5; }
.akt-kart[draggable="true"] { cursor: grab; }
.uyg-form-govde { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.uyg-form-govde > .field { min-width: 0; }
.uyg-form-govde .uyg-genis { grid-column: 1 / -1; }
.uyg-para { display: flex; gap: 8px; align-items: center; }
.uyg-para input { flex: 1; min-width: 0; }
.uyg-onay { align-self: end; padding-bottom: 10px; }
.uyg-hesap { display: block; font-size: 1.05rem; padding: 9px 0; }
.uyg-tablo-kap { overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.uyg-tablo { width: 100%; border-collapse: collapse; font-size: .9rem; }
.uyg-tablo th, .uyg-tablo td { padding: 6px 8px; border-bottom: 1px solid var(--line); text-align: start; vertical-align: middle; }
.uyg-tablo thead th { background: var(--surface-2); font-size: .8rem; color: var(--muted); font-weight: 600; }
.uyg-tablo tbody tr:last-child td, .uyg-tablo tbody tr:last-child th { border-bottom: 0; }
.uyg-tablo tfoot th, .uyg-tablo tfoot td { font-weight: 600; border-top: 1px solid var(--line); border-bottom: 0; }
.uyg-tablo input { width: 100%; min-width: 72px; box-sizing: border-box; font: inherit; padding: 6px 8px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); color: var(--fg); }
.uyg-kalem td:first-child input { min-width: 170px; }
.uyg-kalem-alt { display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 8px; }
.uyg-puan { color: var(--sun); letter-spacing: 1px; }
.uyg-url { overflow-wrap: anywhere; }
.uyg-madde { margin: 0; padding-inline-start: 22px; display: grid; gap: 4px; }
.uyg-iz { font-size: .8rem; }
.uyg-akt-liste li a { overflow-wrap: anywhere; min-width: 0; }
.uyg-akt-form { flex-wrap: wrap; }
.uyg-akt-form input[type="date"] { flex: 0 0 auto; }
.uyg-analitik { margin-bottom: 24px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); display: grid; gap: 14px; }
.uyg-analitik-ust { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.uyg-analitik-ust h2 { font-size: 1.1rem; }
.uyg-analitik-ad { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; }
.uyg-analitik-tur { display: inline-block; margin-inline-end: 14px; }
@media (max-width: 720px) {
  .uyg-form-govde { grid-template-columns: 1fr; }
  .uyg-satir { grid-template-columns: auto minmax(0, 1fr); }
  .uyg-satir .akt-yan { grid-column: 2; justify-content: flex-start; }
  .uyg-ust-eylem { width: 100%; }
}
.uyg-onay input[type="checkbox"] { width: 18px; height: 18px; padding: 0; accent-color: var(--accent); flex: none; }
.uyg-onay label { font-weight: 600; font-size: .88rem; }
.uyg-tablo .akt-tasi { min-width: 32px; }

/* ---------- Uygulama başlatıcı (Panom ve Hesabım) ---------- */
.uyg-baslatici { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 168px), 1fr)); }
.uyg-baslatici a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: var(--fg); text-decoration: none; font-weight: 500; font-size: .92rem; min-height: 44px; }
.uyg-baslatici a:hover { background: var(--surface-2); }
.uyg-baslatici a:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.uyg-baslatici .tile { flex: none; }
.hesap-kart:has(.uyg-baslatici) { grid-column: 1 / -1; }

/* ---------- Site yönetimi (yonetici.html, assets/yonetici.js) ---------- */
.syn { padding-bottom: 72px; display: grid; gap: 20px; }
.syn-ust { display: flex; justify-content: flex-end; }
.syn-sayilar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.syn-sayi { display: grid; gap: 2px; padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); }
.syn-sayi b { font-size: 1.6rem; line-height: 1.1; font-family: var(--font-display); }
.syn-sayi span { color: var(--muted); font-size: .85rem; }
.syn-sayi.uyari b { color: var(--danger); }
.syn-grafik-kart { display: grid; gap: 12px; }
.syn-grafik-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.syn-grafik-ust h2 { font-size: 1.1rem; }
.syn-grafik { display: flex; align-items: flex-end; gap: 3px; height: 120px; padding-top: 4px; border-bottom: 1px solid var(--line); }
.syn-cubuk { flex: 1; min-width: 2px; height: var(--y); border-radius: 4px 4px 0 0; background: var(--accent); }
.syn-cubuk.bos { background: var(--line); }
.syn-grafik-alt { display: flex; justify-content: space-between; font-size: .8rem; }
.syn-alanlar { display: flex; flex-wrap: wrap; gap: 6px; }
.syn-tablo td { vertical-align: top; }
.syn-tehlike { color: var(--danger); }
.hesap-yonetici { border-color: var(--accent); }
@media (max-width: 760px) { .syn-sayilar { grid-template-columns: repeat(2, 1fr); } }

/* ---------- Çalışma ekranları tarayıcı penceresinin tamamını kullanır ----------
   (Panom, Aktiviteler, uygulama ekranları, Mesajlar, ERP, Yönetim, Hesabım, Site yönetimi).
   Tanıtım sayfaları ortalı kalır ama --wrap ile pencerenin %92'sine kadar genişler. */
body.calisma { --wrap: none; }
body.calisma .wrap { padding-inline: clamp(16px, 2.6vw, 48px); }

/* ---------- Dosyalar: kayıt ekleri, dosya kuyruğu, tablo içe aktarma (assets/dosya.js) ---------- */
.dsy-bolum.uzerinde { outline: 2px dashed var(--accent); outline-offset: 6px; border-radius: 12px; }
.dsy-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.dsy-oge { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.dsy-tur { width: 40px; height: 40px; border-radius: 8px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); font: 700 .66rem/1 var(--font-mono); letter-spacing: .02em; overflow: hidden; flex: none; }
.dsy-tur.gorsel { background: var(--surface-2); }
.dsy-tur img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dsy-bilgi { display: grid; gap: 2px; min-width: 0; }
.dsy-ad { font-size: .95rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsy-meta { font-size: .8rem; overflow-wrap: anywhere; }
.dsy-eylem { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.dsy-birak { margin-top: 10px; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1.5px dashed color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius: 12px; cursor: pointer; }
.dsy-birak:hover, .dsy-birak:focus-visible, .dsy-bolum.uzerinde .dsy-birak { border-color: var(--accent); background: var(--accent-soft); outline: none; }
.dsy-birak-ikon { font-size: 1.4rem; line-height: 1; color: var(--accent); }
.dsy-durum:empty { display: none; }
.dsy-rozet { display: inline-flex; align-items: center; }
.dsy-form-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.dsy-sec { cursor: pointer; }
.dsy-kuyruk { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 4px; font-size: .9rem; }
.dsy-kuyruk:empty { display: none; }
.dsy-kuyruk li { display: flex; align-items: center; gap: 6px; }
.dsy-dlg { width: min(960px, calc(100vw - 24px)); }
.dsy-esle { display: grid; gap: 12px; }
.dsy-esle-tablo select { width: 100%; min-width: 150px; font: inherit; font-size: .9rem; padding: 7px 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--bg); color: var(--fg); }
.dsy-esle-tablo select:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: transparent; }
#uyg-ice-govde input[type=file] { font: inherit; }
.dsy-esle-tablo td { vertical-align: middle; }
.dsy-esle-tablo td:nth-child(2) { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsy-esle-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.dsy-uyari { color: var(--danger); }
.dsy-tamam { color: var(--ok); font-weight: 600; }
.dsy-ilerleme { width: 100%; height: 8px; accent-color: var(--accent); }
.dsy-ipucu { font-size: .88rem; border-top: 1px solid var(--line); padding-top: 12px; }
@media (max-width: 560px) { .dsy-oge { grid-template-columns: 40px minmax(0, 1fr); } .dsy-eylem { grid-column: 1 / -1; } }

/* ---------- Docu Aktar (assets/aktar.js) ---------- */
.akr-birak { display: grid; justify-items: center; text-align: center; gap: 10px; padding: clamp(28px, 5vw, 56px) 20px; border: 2px dashed color-mix(in srgb, var(--accent) 40%, var(--line)); border-radius: 18px; background: var(--surface); transition: background .15s, border-color .15s; }
.akr-birak h2 { font-size: clamp(1.2rem, 2.4vw, 1.6rem); }
.akr-birak p { max-width: 68ch; }
.akr-birak.uzerinde { border-color: var(--accent); background: var(--accent-soft); }
.akr-birak.kapali { opacity: .55; }
.akr-birak.kapali label { pointer-events: none; }
.akr-birak-ikon { width: 56px; height: 56px; border-radius: 14px; background: var(--accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13h4l2 3h4l2-3h4 M4 13l2.2-7h11.6L20 13v6H4z M12 3v8 M9 8l3 3 3-3'/%3E%3C/svg%3E") center / 70% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13h4l2 3h4l2-3h4 M4 13l2.2-7h11.6L20 13v6H4z M12 3v8 M9 8l3 3 3-3'/%3E%3C/svg%3E") center / 70% no-repeat; }
.akr-bolum { margin-top: 32px; display: grid; gap: 14px; }
.akr-bolum > h2 { font-size: 1.2rem; display: flex; align-items: baseline; gap: 8px; }
.akr-kartlar { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 520px), 1fr)); }
.akr-kart { display: grid; gap: 14px; align-content: start; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }
.akr-kart.tamam { box-shadow: none; background: color-mix(in srgb, var(--ok) 6%, var(--surface)); }
.akr-kart-ust { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.akr-kart-ad { display: grid; gap: 2px; min-width: 0; }
.akr-kart-ad h3 { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.akr-kart-ad .muted { font-size: .84rem; overflow-wrap: anywhere; }
.akr-kaldir { all: unset; cursor: pointer; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; font-size: 1.2rem; color: var(--muted); }
.akr-kaldir:hover, .akr-kaldir:focus-visible { background: var(--surface-2); color: var(--fg); outline: none; }
.akr-hedef select { width: 100%; }
.akr-neden { font-size: .82rem; }
.akr-not { font-size: .88rem; margin: 0; }
.akr-mod { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .92rem; }
.akr-mod label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.akr-alanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 12px; }
.akr-alanlar .akr-genis { grid-column: 1 / -1; }
.akr-alanlar input, .akr-alanlar select, .akr-alanlar textarea { width: 100%; }
.akr-onay { align-self: end; }
.akr-eylem { display: flex; flex-wrap: wrap; gap: 10px; }
.akr-sonuc { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; }
.akr-mesaj { margin: 0; }
.akr-bekle::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-inline-start: 8px; border: 2px solid var(--accent); border-right-color: transparent; border-radius: 50%; animation: akr-don .8s linear infinite; vertical-align: -1px; }
@keyframes akr-don { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .akr-bekle::after { animation: none; } }
.akr-bos:not([hidden]) + .akr-kartlar:empty { display: none; }
.akr-gecmis td { vertical-align: top; }
@media (max-width: 560px) { .dsy-esle-tablo th:nth-child(2), .dsy-esle-tablo td:nth-child(2) { display: none; } .dsy-esle-tablo select { min-width: 0; } .akr-kart { padding: 14px; } }

/* ---------- Üst menüde dil seçici (assets/dil.js [data-dil-ust]) ----------
   Küre ve dil kodu görünür; üstüne binen şeffaf <select> tıklanınca cihazın kendi dil listesini açar. Tema düğmesiyle aynı boyda. */
.dil-ust { position: relative; flex: none; display: inline-flex; align-items: center; gap: 5px; height: 38px; padding-inline: 10px 8px; border-radius: 11px; border: 1px solid var(--line); background: var(--surface); color: var(--fg); font: 700 .78rem/1 var(--font-display); letter-spacing: .04em; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.dil-ust:hover { border-color: var(--muted); }
.dil-ust:has(select:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
.dil-ust .dil-ust-kure { width: 17px; height: 17px; flex: none; }
.dil-ust .dil-ust-ok { width: 10px; height: 10px; flex: none; opacity: .65; }
.dil-ust select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; border: 0; font-size: 16px; color: var(--fg); background: var(--surface); }
@media (max-width: 1220px) { .dil-ust { order: 1; } }
.nav-dar .dil-ust { order: 1; }
@media (max-width: 400px) { .dil-ust { padding-inline: 8px 6px; gap: 4px; } .dil-ust .dil-ust-ok { display: none; } }