/* selvi.org v7 · ana sayfa üst çubuğu, komut paleti ve bildirim — OTOMATİK ÜRETİLİR (scripts/build-sd-css.py).
   Kaynak: css/sd/00-temel.css (token + temel) ve css/sd/10-krom.css (üst çubuk, komut paleti, bildirim, düzeltmeler).
   İç sayfalarla aynı kurallar; yalnız #ust, #palet, #bildirim ve atlama bağlantısı içinde geçerli. Elle düzenlemeyin. */
:where(#ust, #palet, #bildirim, .atla) { --background: oklch(0.135 0.004 270); --background-deep: oklch(0.105 0.004 270); --foreground: oklch(0.975 0.002 270); --card: oklch(0.175 0.005 270); --card-foreground: oklch(0.975 0.002 270); --popover: oklch(0.185 0.006 270); --primary: oklch(0.975 0.002 270); --primary-foreground: oklch(0.155 0.004 270); --secondary: oklch(0.225 0.006 270); --muted: oklch(0.205 0.005 270); --muted-foreground: oklch(0.73 0.01 270); --subtle-foreground: oklch(0.6 0.01 270); --accent: oklch(0.80 0.15 62); --accent-strong: oklch(0.72 0.17 48); --accent-foreground: oklch(0.2 0.05 55); --accent-soft: oklch(0.80 0.15 62 / 0.12); --water: oklch(0.88 0.05 215); --destructive: oklch(0.63 0.2 25); --border: oklch(1 0 0 / 0.08); --border-strong: oklch(1 0 0 / 0.14); --input: oklch(1 0 0 / 0.1); --ring: oklch(0.80 0.15 62 / 0.7); --font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --radius: 0.875rem; --radius-md: 10px; --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 6px); --shadow-xs: 0 1px 0 0 oklch(1 0 0 / 0.05) inset, 0 1px 2px 0 oklch(0 0 0 / 0.4); --shadow-sm: 0 1px 0 0 oklch(1 0 0 / 0.06) inset, 0 2px 6px -1px oklch(0 0 0 / 0.5); --shadow: 0 1px 0 0 oklch(1 0 0 / 0.06) inset, 0 8px 20px -6px oklch(0 0 0 / 0.55); --shadow-md: 0 1px 0 0 oklch(1 0 0 / 0.07) inset, 0 14px 32px -10px oklch(0 0 0 / 0.6); --shadow-lg: 0 1px 0 0 oklch(1 0 0 / 0.07) inset, 0 24px 48px -16px oklch(0 0 0 / 0.65); --shadow-xl: 0 1px 0 0 oklch(1 0 0 / 0.08) inset, 0 36px 72px -20px oklch(0 0 0 / 0.75); --shadow-2xl: 0 0 0 1px oklch(1 0 0 / 0.07), 0 50px 100px -30px oklch(0 0 0 / 0.85), 0 0 140px -50px oklch(0.80 0.15 62 / 0.22); --tracking-normal: -0.011em; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --kap: 1200px; --yan: clamp(16px, 4vw, 32px); --ust-h: 64px; --prose-size: clamp(17px, 16.2px + 0.25vw, 18px); --prose-leading: 1.72; --prose-measure: calc(35 * var(--prose-size)); --prose-fg: oklch(0.90 0.004 270); --prose-strong: oklch(0.985 0 0); --prose-heading: oklch(0.975 0.002 270); --prose-link: oklch(0.80 0.15 62); --prose-link-line: oklch(0.80 0.15 62 / 0.45); --prose-rule: oklch(1 0 0 / 0.07); --h2-size: clamp(1.55rem, 1.2rem + 1vw, 2rem); --h1-sayfa: clamp(2.1rem, 1.25rem + 2.9vw, 3.75rem); --h3-size: 1.18rem; --ok: oklch(0.86 0.13 165); --bad: oklch(0.72 0.17 25); --bg: var(--background); --bg-secondary: oklch(0.155 0.005 270); --card-solid: oklch(0.165 0.005 270); --card-border: var(--border); --card-border-hover: var(--border-strong); --glass-tint: oklch(1 0 0 / 0.02); --text: var(--foreground); --text-secondary: var(--muted-foreground); --text-muted: var(--subtle-foreground); --accent-light: oklch(0.86 0.11 66); --accent-glow: oklch(0.80 0.15 62 / 0.25); --accent-fire: var(--accent); --accent-mep: oklch(0.82 0.09 210); --accent-santiye: oklch(0.76 0.11 250); --purple-gradient: linear-gradient(135deg, var(--accent), var(--accent-strong)); --radius-sm: 10px; --transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1); --max-width: 1200px; --font: var(--font-sans); }
:where(#ust, #palet, #bildirim, .atla) { color: var(--foreground); font-family: var(--font-sans); font-size: 16px; line-height: 1.6; letter-spacing: var(--tracking-normal); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: normal; }
*:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), *:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::before, *:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::after { margin: 0; padding: 0; box-sizing: border-box; }
a:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: inherit; text-decoration: none; }
img:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), video:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { max-width: 100%; height: auto; display: block; }
svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { flex-shrink: 0; }
button:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), input:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), select:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), textarea:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { font: inherit; color: inherit; letter-spacing: inherit; }
h1:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), h2:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), h3:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), h4:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { font-weight: 600; color: var(--foreground); text-wrap: balance; }
p:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { text-wrap: pretty; }
:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::selection { background: oklch(0.80 0.15 62 / 0.35); color: var(--foreground); }
:focus-visible:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { outline: 2px solid var(--ring); outline-offset: 3px; border-radius: 6px; }
.sr-only:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.mono:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { font-family: var(--font-mono); letter-spacing: 0; }
.soluk:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--subtle-foreground); }
.kap:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { max-width: var(--kap); margin-inline: auto; padding-inline: var(--yan); }
svg.i:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.atla:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { position: fixed; left: 16px; top: -60px; z-index: 100; background: var(--primary); color: var(--primary-foreground); padding: 10px 14px; border-radius: 10px; font-weight: 500; transition: top .2s var(--ease-out); }
.atla:focus:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { top: 12px; }
.ust:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { position: fixed; inset: 0 0 auto 0; z-index: 50; border-bottom: 1px solid transparent; transition: background-color .35s, border-color .35s; }
.ust.kaydi:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .ust.acik:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { background: oklch(0.135 0.004 270 / 0.78); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); border-bottom-color: var(--border); }
.ust-ic:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: flex; align-items: center; gap: 28px; height: var(--ust-h); }
.logo:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15.5px; letter-spacing: -0.02em; color: var(--foreground); white-space: nowrap; }
.logo svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 22px; height: 22px; flex: none; }
.ust-menu:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: flex; align-items: center; gap: 2px; list-style: none; }
.ust-link:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: inline-flex; align-items: center; gap: 4px; padding: 7px 11px; border-radius: 8px; color: var(--muted-foreground); font-size: 13.5px; line-height: 1.4; white-space: nowrap; background: transparent; border: 0; cursor: pointer; transition: color .2s, background-color .2s; }
.ust-link:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .ust-link[aria-expanded="true"]:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .ust-link.etkin:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--foreground); }
.ust-link:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .ust-link[aria-expanded="true"]:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { background: oklch(1 0 0 / 0.05); }
.ust-link.etkin:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { position: relative; }
.ust-link.etkin:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::after { content: ""; position: absolute; left: 11px; right: 11px; bottom: 1px; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); opacity: .8; }
.ust-link svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 14px; height: 14px; opacity: .7; transition: transform .25s var(--ease-out); }
.ust-link[aria-expanded="true"] svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { transform: rotate(180deg); }
.menu:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { position: relative; }
.menu-panel:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { position: absolute; top: calc(100% + 10px); left: -12px; width: 380px; padding: 8px; border-radius: 16px; background: oklch(0.175 0.005 270 / 0.94); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border: 1px solid var(--border-strong); box-shadow: var(--shadow-xl); opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.98); transform-origin: top left; transition: opacity .18s, transform .25s var(--ease-out), visibility 0s .25s; }
.menu:hover .menu-panel:not(.kapali):where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .menu:has(.menu-panel :focus-visible) .menu-panel:not(.kapali):where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .menu-panel.acik:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { opacity: 1; visibility: visible; transform: none; transition: opacity .18s, transform .25s var(--ease-out), visibility 0s; }
.menu-panel.kapali:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { opacity: 0 !important; visibility: hidden !important; }
.menu-oge:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: grid; grid-template-columns: 36px 1fr; gap: 12px; align-items: center; padding: 10px; border-radius: 10px; transition: background-color .15s; }
.menu-oge:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .menu-oge:focus-visible:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { background: oklch(1 0 0 / 0.05); }
.menu-oge .ikon:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center; background: oklch(1 0 0 / 0.04); border: 1px solid var(--border); color: var(--muted-foreground); transition: color .2s, border-color .2s; }
.menu-oge:hover .ikon:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--accent); border-color: oklch(0.80 0.15 62 / 0.3); }
.menu-oge .ikon svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 17px; height: 17px; }
.menu-oge b:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: block; font-weight: 500; font-size: 14px; color: var(--foreground); }
.menu-oge small:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: block; color: var(--subtle-foreground); font-size: 12.5px; line-height: 1.35; }
.ust-sag:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.ara-dugme:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 6px 0 12px; border-radius: 10px; border: 1px solid var(--border-strong); background: oklch(1 0 0 / 0.04); color: var(--muted-foreground); font-size: 13.5px; cursor: pointer; transition: border-color .2s, background-color .2s, color .2s; }
.ara-dugme:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--foreground); border-color: oklch(1 0 0 / 0.22); background: oklch(1 0 0 / 0.07); }
.ara-dugme svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 15px; height: 15px; }
kbd:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .kbd:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { font-family: var(--font-mono); font-size: 11px; line-height: 1; padding: 4px 6px; border-radius: 6px; border: 1px solid var(--border-strong); background: oklch(1 0 0 / 0.05); color: var(--muted-foreground); white-space: nowrap; }
.dil:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { font-family: var(--font-mono); font-size: 12px; padding: 7px 9px; border-radius: 8px; color: var(--muted-foreground); border: 1px solid transparent; }
.dil:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--foreground); border-color: var(--border); }
.menu-dugme:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; width: 36px; height: 36px; place-items: center; border-radius: 10px; border: 1px solid var(--border-strong); background: oklch(1 0 0 / 0.04); color: var(--foreground); cursor: pointer; }
.menu-dugme svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 18px; height: 18px; }
.mobil-menu:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { border-top: 1px solid var(--border); background: oklch(0.135 0.004 270 / 0.97); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); max-height: calc(100vh - var(--ust-h)); max-height: calc(100dvh - var(--ust-h)); overflow-y: auto; overscroll-behavior: contain; }
.mobil-menu[hidden]:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; }
.mobil-menu .kap:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { padding-bottom: 16px; }
.mobil-menu a:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: flex; justify-content: space-between; align-items: center; min-height: 48px; padding: 12px 4px; border-bottom: 1px solid var(--border); font-size: 15px; color: var(--foreground); }
.mobil-menu a:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::after { content: ""; width: 15px; height: 15px; flex: none; background: var(--subtle-foreground); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat; }
.mobil-menu a[aria-current]:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--accent); }
.sd-uye:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: flex; align-items: center; list-style: none; gap: 6px; }
.sd-uye:empty:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; }
.sd-uye .uye-nav-li:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: flex; align-items: center; gap: 6px; }
.sd-uye .uye-nav-btn:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { height: 34px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--border-strong); background: oklch(1 0 0 / 0.04); color: var(--muted-foreground) !important; font-size: 13px; font-weight: 500; gap: 7px; }
.sd-uye .uye-nav-btn:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--foreground) !important; background: oklch(1 0 0 / 0.08); }
.sd-uye .uye-nav-btn--fav:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--accent) !important; border-color: oklch(0.80 0.15 62 / 0.35); background: var(--accent-soft); }
.okuma-cubuk:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; }
.okuma-cubuk span:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: block; height: 100%; width: 100%; transform-origin: 0 50%; transform: scaleX(var(--ilerleme, 0)); background: linear-gradient(90deg, oklch(0.72 0.17 48 / 0), var(--accent-strong) 30%, var(--accent)); box-shadow: 0 0 12px 0 oklch(0.80 0.15 62 / 0.6); }
@media (max-width: 1099px) { .ust-menu:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; } .menu-dugme:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: grid; } }
@media (min-width: 1100px) { .mobil-menu:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none !important; } }
@media (max-width: 640px) { .ara-dugme .ara-yazi:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .ara-dugme kbd:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; } .ara-dugme:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { padding: 0 10px; } .sd-uye .uye-nav-btn:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { padding: 0 10px; } .ust-ic:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { gap: 12px; } }
@media (max-width: 380px) { .logo > span:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; } }
@media (pointer: coarse) { .ara-dugme kbd:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; } }
.palet:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: min(680px, calc(100vw - 24px)); max-height: min(560px, calc(100svh - 120px)); margin: 12vh auto auto; padding: 0; border-radius: 18px; border: 1px solid var(--border-strong); background: oklch(0.175 0.005 270 / 0.95); -webkit-backdrop-filter: blur(28px) saturate(150%); backdrop-filter: blur(28px) saturate(150%); color: var(--foreground); box-shadow: var(--shadow-2xl); overflow: hidden; }
.palet[open]:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: flex; flex-direction: column; animation: sd-palet .18s var(--ease-out); }
.palet:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::backdrop { background: oklch(0.105 0.004 270 / 0.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
@keyframes sd-palet { from { opacity: 0; transform: scale(.98) translateY(-6px); } to { opacity: 1; transform: none; } }
.palet-ust:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: flex; align-items: center; gap: 12px; height: 60px; padding: 0 16px 0 20px; border-bottom: 1px solid var(--border); flex: none; }
.palet-ust svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 18px; height: 18px; color: var(--muted-foreground); }
.palet-ust input:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { flex: 1; min-width: 0; background: transparent; border: 0; outline: none; color: var(--foreground); font-size: 17px; }
.palet-ust input:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::placeholder { color: var(--subtle-foreground); }
.palet-ust input:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::-webkit-search-cancel-button { -webkit-appearance: none; }
.palet-sonuc:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { flex: 1; overflow: auto; padding: 6px; scrollbar-width: thin; min-height: 120px; }
.palet-alt:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { flex: none; display: flex; align-items: center; gap: 16px; padding: 10px 16px; border-top: 1px solid var(--border); font-size: 12px; color: var(--subtle-foreground); }
.palet-alt span:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: inline-flex; align-items: center; gap: 6px; }
.palet-alt .sag:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { margin-left: auto; font-family: var(--font-mono); }
.palet-kapat:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: inline-grid; place-items: center; min-width: 40px; min-height: 40px; margin-right: -8px; background: none; border: 0; cursor: pointer; padding: 0; }
.sonuc-grup:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { padding: 10px 10px 6px; font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--subtle-foreground); }
.sonuc:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 9px 10px; border-radius: 10px; cursor: pointer; scroll-margin: 6px; color: var(--foreground); }
.sonuc[aria-selected="true"]:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .sonuc:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { background: oklch(1 0 0 / 0.06); }
.sonuc[aria-selected="true"]:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { box-shadow: inset 2px 0 0 0 var(--accent); }
.sonuc-ikon:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: oklch(1 0 0 / 0.04); border: 1px solid var(--border); color: var(--muted-foreground); }
.sonuc-ikon svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 16px; height: 16px; }
.sonuc[data-hesap] .sonuc-ikon:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--accent); border-color: oklch(0.80 0.15 62 / 0.25); background: var(--accent-soft); }
.sonuc-govde:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { min-width: 0; }
.sonuc-baslik:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: block; font-size: 14.5px; font-weight: 500; color: var(--foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sonuc-ozet:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; line-height: 1.45; color: var(--subtle-foreground); }
.sonuc-ozet mark:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .sonuc-baslik mark:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { background: transparent; color: var(--accent); }
.sonuc-tur:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { font-family: var(--font-mono); font-size: 11px; color: var(--muted-foreground); padding: 3px 7px; border-radius: 6px; border: 1px solid var(--border); white-space: nowrap; }
.sonuc-alt:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 4px; padding: 10px 10px 6px; border-top: 1px solid var(--border); font-size: 12.5px; color: var(--subtle-foreground); }
.sonuc-alt a:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--foreground); display: inline-flex; gap: 6px; align-items: center; }
.sonuc-alt a:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--accent); }
.sonuc-alt svg:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 14px; height: 14px; }
.sonuc-yok:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { padding: 22px 12px; text-align: center; color: var(--muted-foreground); font-size: 14px; }
.sonuc-daha:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: block; width: calc(100% - 20px); margin: 6px 10px 4px; padding: 9px; border-radius: 10px; border: 1px dashed var(--border-strong); background: transparent; color: var(--muted-foreground); font-size: 13px; cursor: pointer; }
.sonuc-daha:hover:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { color: var(--foreground); border-color: oklch(1 0 0 / 0.24); }
@media (max-width: 640px) { .palet:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { margin-top: 8vh; } .sonuc-tur:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .palet-alt .palet-esc:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; } .sonuc:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { grid-template-columns: 34px 1fr; } }
.bildirim:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { position: fixed; left: 50%; bottom: 28px; z-index: 60; transform: translate(-50%, 12px); opacity: 0; pointer-events: none; padding: 10px 16px; border-radius: 999px; border: 1px solid var(--border-strong); background: oklch(0.2 0.006 270 / 0.94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: var(--shadow-xl); font-size: 13.5px; color: var(--foreground); transition: opacity .18s, transform .3s var(--ease-out); white-space: nowrap; max-width: calc(100vw - 32px); overflow: hidden; text-overflow: ellipsis; }
.bildirim.gor:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { opacity: 1; transform: translate(-50%, 0); }
.bildirim:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla)::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 10px; vertical-align: middle; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px var(--ok); }
.sd-uye .uye-nav-li:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { margin-top: 0; }
@media (max-width: 1023px) { .ara-dugme:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla), .sd-uye .uye-nav-btn:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { height: 40px; } .menu-dugme:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 40px; height: 40px; } .dil:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: inline-grid; place-items: center; min-width: 40px; min-height: 40px; padding: 0 8px; } }
@media (max-width: 640px) { .ara-dugme:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { min-width: 40px; justify-content: center; } }
@media (pointer: coarse) { .palet-alt:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; } }
.ust-ic:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { max-width: 1320px; }
.js .sd-uye:empty:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: block; width: 76px; height: 34px; }
@media (max-width: 1023px) { .js .sd-uye:empty:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 72px; height: 40px; } }
@media (max-width: 380px) { .js .sd-uye:empty:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { width: 44px; } }
.palet-x:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; }
@media (pointer: coarse) { .palet-kapat kbd:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; } .palet-x:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: block; width: 20px !important; height: 20px !important; color: var(--muted-foreground); } .palet-kapat:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { min-width: 44px; min-height: 44px; } }
.js .sd-uye:empty:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: none; }
html.js:has(script[src*="/js/uye.js"]) .sd-uye:empty:where(#ust, #ust *, #palet, #palet *, #bildirim, #bildirim *, .atla) { display: block; }