/* Çerez onay penceresi — panel/landing tokenlarıyla uyumlu (sarı ana renk, nötr yüzeyler) */
.cc-box { position: fixed; z-index: 10000; left: 16px; bottom: 16px; width: min(440px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow-y: auto; box-sizing: border-box; padding: 20px; border-radius: 12px; background: var(--dc-main, #18181B); color: var(--c-text, #FAFAFA); border: 1px solid var(--c-line-strong, rgba(255,255,255,.14)); box-shadow: 0 12px 40px rgba(0,0,0,.45); font-family: var(--f-body, 'Inter', system-ui, sans-serif); animation: ccIn .28s ease-out; }
@keyframes ccIn { from { opacity: 0; transform: translateY(12px); } }
.cc-title { margin: 0 0 8px; font-size: 1.0625rem; font-weight: 700; letter-spacing: -0.02em; color: var(--c-text, #FAFAFA); font-family: var(--f-head, 'Inter', system-ui, sans-serif); }
.cc-desc { margin: 0 0 14px; font-size: .8125rem; line-height: 1.55; color: var(--c-body, #A1A1AA); }
.cc-desc a { color: var(--c-accent, #FACC15); text-decoration: underline; text-underline-offset: 2px; }
.cc-settings { display: grid; gap: 8px; margin-bottom: 14px; }
.cc-settings[hidden] { display: none; }
.cc-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; border-radius: 8px; background: var(--dc-row, #1F1F23); border: 1px solid var(--c-line, rgba(255,255,255,.08)); }
.cc-row-txt { display: grid; gap: 2px; min-width: 0; }
.cc-row-txt b { font-size: .8125rem; color: var(--c-text, #FAFAFA); }
.cc-row-txt span { font-size: .75rem; line-height: 1.45; color: var(--c-body, #A1A1AA); }
.cc-row-txt code { font-family: var(--f-mono, 'JetBrains Mono', ui-monospace, monospace); font-size: .6875rem; color: var(--c-muted, #8A8A94); overflow-wrap: anywhere; }
.cc-always { flex: none; font-size: .75rem; font-weight: 600; color: var(--c-active, #22C55E); }
.cc-sw { position: relative; flex: none; width: 44px; height: 24px; cursor: pointer; }
.cc-sw input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.cc-sw i { position: absolute; inset: 0; border-radius: 24px; background: var(--c-faint, #52525B); transition: background .15s; }
.cc-sw i::before { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s; }
.cc-sw input:checked + i { background: var(--c-active-fill, #15803D); }
.cc-sw input:checked + i::before { transform: translateX(20px); }
.cc-sw input:focus-visible + i { outline: 2px solid var(--c-accent, #FACC15); outline-offset: 2px; }
.cc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.cc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cc-btn { flex: 1 1 auto; min-height: 44px; padding: 0 14px; border-radius: 8px; font: inherit; font-size: .8125rem; font-weight: 600; cursor: pointer; color: var(--c-text, #FAFAFA); background: transparent; border: 1px solid var(--c-line-strong, rgba(255,255,255,.14)); }
.cc-btn:hover { border-color: var(--c-accent, #FACC15); }
.cc-btn:focus-visible { outline: 2px solid var(--c-accent, #FACC15); outline-offset: 2px; }
.cc-btn-main { background: var(--c-accent-fill, #EAB308); border-color: var(--c-accent-fill, #EAB308); color: #0B0B0C; }
.cc-btn-main:hover { background: #CA9A06; border-color: #CA9A06; }
.cc-btn-ghost { flex-basis: 100%; border-color: transparent; color: var(--c-body, #A1A1AA); }
.cc-btn-ghost:hover { color: var(--c-text, #FAFAFA); border-color: var(--c-line-strong, rgba(255,255,255,.14)); }
.cc-open .cc-btn-ghost { flex-basis: auto; border-color: var(--c-line-strong, rgba(255,255,255,.14)); color: var(--c-text, #FAFAFA); }
@media (max-width: 480px) { .cc-box { left: 8px; right: 8px; bottom: 8px; width: auto; } }

/* Küçük bildirim hâli: tıklanınca tam pencere açılır */
.cc-compact { width: min(360px, calc(100vw - 32px)); padding: 14px 16px; cursor: pointer; }
.cc-compact:hover { border-color: var(--c-accent, #FACC15); }
.cc-compact:focus-visible { outline: 2px solid var(--c-accent, #FACC15); outline-offset: 2px; }
.cc-mini { display: grid; gap: 2px; margin-bottom: 10px; }
.cc-mini b { font-size: .875rem; color: var(--c-text, #FAFAFA); }
.cc-mini span { font-size: .75rem; line-height: 1.45; color: var(--c-body, #A1A1AA); }
.cc-compact .cc-btn { min-height: 40px; }
/* Tam pencere: ekranın ortasında, arkası hafif karartılı */
.cc-box:not(.cc-compact) { left: 50%; bottom: auto; top: 50%; transform: translate(-50%, -50%); animation: ccPop .2s ease-out; }
@keyframes ccPop { from { opacity: 0; transform: translate(-50%, -48%); } }
.cc-shade { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.55); }
@media (max-width: 480px) { .cc-compact { left: 8px; right: 8px; width: auto; } .cc-box:not(.cc-compact) { left: 8px; right: 8px; top: auto; bottom: 8px; transform: none; width: auto; animation: ccIn .28s ease-out; } }