/* Panel geneli özel komponent stilleri (FilamentAsset). Filament renk değişkenleri; light + dark. */

/* SERP önizleme (SerpPreview komponenti) */
.serp {
    --serp-border: var(--gray-200, #e5e7eb);
    --serp-bg: #fff;
    --serp-url: #4d5156;
    --serp-title: #1a0dab;
    --serp-text: #4d5156;
    --serp-muted: var(--gray-500, #6b7280);
    display: grid;
    gap: .75rem;
    font-size: .875rem;
}

.dark .serp {
    --serp-border: var(--gray-700, #374151);
    --serp-bg: #202124;
    --serp-url: #bdc1c6;
    --serp-title: #8ab4f8;
    --serp-text: #bdc1c6;
    --serp-muted: var(--gray-400, #9ca3af);
}

.serp__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    font-size: .8rem;
    color: var(--serp-muted);
}

.serp__badge {
    display: inline-flex;
    align-items: center;
    padding: .2rem .65rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .75rem;
    line-height: 1.2;
}

.serp__badge--ok {
    color: var(--success-700, #15803d);
    background: color-mix(in oklab, var(--success-500, #22c55e) 14%, transparent);
}

.serp__badge--bad {
    color: var(--danger-700, #b91c1c);
    background: color-mix(in oklab, var(--danger-500, #ef4444) 14%, transparent);
}

.dark .serp__badge--ok { color: var(--success-400, #4ade80); }
.dark .serp__badge--bad { color: var(--danger-400, #f87171); }

.serp__card {
    border: 1px solid var(--serp-border);
    background: var(--serp-bg);
    border-radius: .75rem;
    padding: .875rem 1rem;
    font-family: Arial, sans-serif;
    min-width: 0;
}

.serp__url {
    font-size: .8rem;
    color: var(--serp-url);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.serp__title {
    margin-top: .2rem;
    font-size: 1.1rem;
    line-height: 1.3;
    color: var(--serp-title);
    overflow-wrap: anywhere;
}

.serp__title--over { text-decoration: underline wavy var(--danger-500, #ef4444); }

.serp__desc {
    margin-top: .25rem;
    font-size: .85rem;
    line-height: 1.5;
    color: var(--serp-text);
}

.serp__desc--over { color: var(--danger-600, #dc2626); }
.dark .serp__desc--over { color: var(--danger-400, #f87171); }

/* Dil başı kalite özeti (CategoryForm::qualityBadges) */
.lq { display: grid; gap: .625rem; font-size: .8rem; }
.lq__head { color: var(--gray-500, #6b7280); }
.lq__head strong { color: var(--gray-950, #030712); }
.dark .lq__head strong { color: #fff; }
.lq__row { display: grid; gap: .375rem; padding: .625rem .75rem; border-radius: .625rem; border: 1px solid transparent; }
.lq__row--bad { background: color-mix(in oklab, var(--danger-500, #ef4444) 8%, transparent); border-color: color-mix(in oklab, var(--danger-500, #ef4444) 20%, transparent); }
.lq__row--ok { background: color-mix(in oklab, var(--success-500, #22c55e) 8%, transparent); border-color: color-mix(in oklab, var(--success-500, #22c55e) 20%, transparent); }
.lq__reason { font-weight: 600; }
.lq__row--bad .lq__reason { color: var(--danger-700, #b91c1c); }
.lq__row--ok .lq__reason { color: var(--success-700, #15803d); }
.dark .lq__row--bad .lq__reason { color: var(--danger-400, #f87171); }
.dark .lq__row--ok .lq__reason { color: var(--success-400, #4ade80); }
.lq__chips { display: flex; flex-wrap: wrap; gap: .3rem; }
.lq__chip { display: inline-flex; gap: .25rem; align-items: baseline; padding: .1rem .45rem; border-radius: .375rem; font-weight: 600; font-size: .7rem; letter-spacing: .02em; background: var(--gray-100, #f3f4f6); color: var(--gray-700, #374151); cursor: help; }
.dark .lq__chip { background: var(--gray-800, #1f2937); color: var(--gray-200, #e5e7eb); }
.lq__chip small { font-weight: 500; opacity: .7; }

/* === Sol menü kilidi / satır içi sürükle-bırak (App\Filament\Livewire\SidebarLayoutEditor) — başlangıç === */
.fi-nav-lock {
    --nav-lock-border: var(--gray-200, #e5e7eb);
    --nav-lock-text: var(--gray-600, #4b5563);
    --nav-lock-hover: var(--gray-50, #f9fafb);
    --nav-lock-accent: var(--primary-600, #4f46e5);
    --nav-lock-accent-bg: color-mix(in oklab, var(--primary-500, #6366f1) 12%, transparent);
    display: grid;
    gap: .375rem;
    margin-inline: -.5rem;
}

.dark .fi-nav-lock {
    --nav-lock-border: var(--gray-700, #374151);
    --nav-lock-text: var(--gray-300, #d1d5db);
    --nav-lock-hover: color-mix(in oklab, #fff 5%, transparent);
    --nav-lock-accent: var(--primary-400, #818cf8);
    --nav-lock-accent-bg: color-mix(in oklab, var(--primary-400, #818cf8) 16%, transparent);
}

.fi-nav-lock-row {
    display: flex;
    gap: .375rem;
    align-items: center;
}

.fi-nav-lock-btn,
.fi-nav-lock-cancel {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .375rem .625rem;
    border: 1px solid var(--nav-lock-border);
    border-radius: .5rem;
    color: var(--nav-lock-text);
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.25rem;
    background: transparent;
    cursor: pointer;
}

.fi-nav-lock-btn {
    flex: 1;
}

.fi-nav-lock-btn svg {
    width: 1.125rem;
    height: 1.125rem;
}

.fi-nav-lock-btn:hover,
.fi-nav-lock-cancel:hover {
    background: var(--nav-lock-hover);
}

.fi-nav-lock-btn:focus-visible,
.fi-nav-lock-cancel:focus-visible {
    outline: 2px solid var(--nav-lock-accent);
    outline-offset: 2px;
}

.fi-nav-lock-btn:disabled,
.fi-nav-lock-cancel:disabled {
    opacity: .6;
    cursor: wait;
}

.fi-nav-lock-btn--open {
    border-color: var(--nav-lock-accent);
    color: var(--nav-lock-accent);
    background: var(--nav-lock-accent-bg);
}

.fi-nav-lock-hint {
    margin: 0;
    color: var(--nav-lock-text);
    font-size: .75rem;
    line-height: 1.1rem;
}

/* Düzenleme modu: daraltılmış gruplar açık, linkler tıklanamaz, sürüklenebilir alanlar kesikli. */
.fi-nav-editing .fi-sidebar-group-items {
    display: flex !important;
    height: auto !important;
    overflow: visible !important;
    min-height: 2.25rem;
    padding: .25rem;
    border: 1px dashed var(--gray-300, #d1d5db);
    border-radius: .5rem;
}

.dark .fi-nav-editing .fi-sidebar-group-items {
    border-color: var(--gray-600, #4b5563);
}

.fi-nav-editing .fi-sidebar-group-items > [data-nav-key] {
    cursor: grab;
}

.fi-nav-editing .fi-sidebar-group-items > [data-nav-key] > a {
    pointer-events: none;
}

.fi-nav-editing .fi-sidebar-group-items > [data-nav-key] > a::after {
    content: "⋮⋮";
    margin-inline-start: auto;
    color: var(--gray-400, #9ca3af);
    letter-spacing: -.15em;
}

.fi-nav-editing .fi-sidebar-group[data-nav-group] > .fi-sidebar-group-btn {
    cursor: grab;
}

.fi-nav-editing .fi-sidebar-group[data-nav-group] > .fi-sidebar-group-btn .fi-sidebar-group-collapse-btn {
    visibility: hidden;
}

.fi-nav-editing .fi-sidebar-group[data-nav-group] > .fi-sidebar-group-btn::before {
    content: "⋮⋮";
    color: var(--gray-400, #9ca3af);
    letter-spacing: -.15em;
}

.fi-nav-edit-ghost {
    opacity: .5;
    outline: 2px dashed var(--primary-500, #6366f1);
    outline-offset: -2px;
    border-radius: .5rem;
}

/* === Sol menü kilidi — bitiş === */

/* Site menüsü ağacı (Menus/ItemsRelationManager, menu-tree.js) */
.mt-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.mt-toolbar__label {
    font-size: .875rem;
    font-weight: 600;
    color: var(--gray-500, #6b7280);
}

.mt-list {
    display: grid;
    gap: .5rem;
    min-height: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mt-list .mt-list {
    margin-top: .5rem;
    padding-left: 1.75rem;
    border-left: 2px dashed var(--gray-200, #e5e7eb);
}

.mt-row {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    padding: .5rem .75rem;
    border: 1px solid var(--gray-200, #e5e7eb);
    border-radius: .5rem;
    background: #fff;
}

.mt-row__main {
    display: flex;
    flex: 1 1 14rem;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    min-width: 0;
}

.mt-row__label {
    font-weight: 600;
    font-size: .875rem;
}

.mt-row__href {
    overflow: hidden;
    max-width: 100%;
    font-size: .75rem;
    color: var(--gray-500, #6b7280);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt-row__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: center;
}

.mt-handle {
    display: inline-flex;
    padding: .25rem;
    border-radius: .375rem;
    color: var(--gray-400, #9ca3af);
    cursor: grab;
}

.mt-handle:active {
    cursor: grabbing;
}

.mt-handle__icon {
    width: 1.25rem;
    height: 1.25rem;
}

.mt-ghost > .mt-row {
    border-style: dashed;
    border-color: var(--primary-500, #6366f1);
    opacity: .6;
}

.dark .mt-list .mt-list {
    border-left-color: var(--gray-700, #374151);
}

.dark .mt-row {
    border-color: rgb(255 255 255 / .1);
    background: var(--gray-900, #111827);
}

.dark .mt-toolbar__label,
.dark .mt-row__href {
    color: var(--gray-400, #9ca3af);
}

/* Ortam kütüphanesi grid kartı (MediaTable): görsel kartı doldurur, silme butonu sağ üstte küçük. */
.fi-ta-record.media-card {
    position: relative;
}

.fi-ta-record.media-card .media-card-img {
    width: 100% !important;
    height: 9rem !important;
    object-fit: cover;
    border-radius: 0.5rem;
    background: repeating-conic-gradient(#e5e7eb 0% 25%, #f9fafb 0% 50%) 50% / 16px 16px;
}

.dark .fi-ta-record.media-card .media-card-img {
    background: repeating-conic-gradient(#27272a 0% 25%, #18181b 0% 50%) 50% / 16px 16px;
}

.fi-ta-record.media-card .fi-ta-image-col,
.fi-ta-record.media-card .fi-ta-image-col > div {
    width: 100%;
}

.fi-ta-record.media-card .fi-ta-actions {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    left: auto;
    width: auto !important;
    z-index: 2;
    padding: 0.125rem;
    border-radius: 9999px;
    background: rgb(255 255 255 / 0.9);
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.15);
}

.dark .fi-ta-record.media-card .fi-ta-actions {
    background: rgb(24 24 27 / 0.9);
}

.fi-ta-record.media-card .fi-ta-record-checkbox {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 2;
}

.fi-ta-record.media-card .fi-ta-record-content-ctn,
.fi-ta-record.media-card .fi-ta-record-content-ctn > div,
.fi-ta-record.media-card .fi-ta-record-content {
    width: 100%;
}

/* Sayfa tasarımcısı giriş ekranı (filament/pages/page-designer): buton aralığı + yardım listesi (Filament CSS'inde list-disc yok). */
.pd-launch-actions {
    margin-top: 1.5rem;
    display: flex;
    gap: 0.75rem;
}

.pd-help-list {
    margin: 0;
    padding-inline-start: 1.25rem;
    list-style: disc;
    display: grid;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--gray-600, #4b5563);
}

.dark .pd-help-list {
    color: var(--gray-300, #d1d5db);
}

.pd-help-list strong {
    color: var(--gray-950, #030712);
    font-weight: 600;
}

.dark .pd-help-list strong {
    color: #fff;
}

/* Taşan sekme çubuğu (tabs-scroll.js): kenarda < > butonları + gölge; sekmeler sığıyorsa görünmez. */
.fi-tabs-scroll-host {
    position: relative;
}

.fi-tabs-scroll-host > .fi-tabs {
    scrollbar-width: none;
}

.fi-tabs-scroll-host > .fi-tabs::-webkit-scrollbar {
    display: none;
}

.fi-tabs-scroll-btn {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: none;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid var(--gray-200, #e5e7eb);
    background: #fff;
    color: var(--gray-700, #374151);
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.12);
    transform: translateY(-50%);
    cursor: pointer;
}

.fi-tabs-scroll-btn svg {
    width: 1.125rem;
    height: 1.125rem;
}

.fi-tabs-scroll-btn:hover {
    color: var(--primary-600, #4f46e5);
}

.fi-tabs-scroll-prev {
    left: 0.375rem;
}

.fi-tabs-scroll-next {
    right: 0.375rem;
}

.fi-tabs-can-prev > .fi-tabs-scroll-prev,
.fi-tabs-can-next > .fi-tabs-scroll-next {
    display: inline-flex;
}

/* Kenar gölgesi: devamı olduğunu gösterir. */
.fi-tabs-can-prev > .fi-tabs {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 3.5rem);
    mask-image: linear-gradient(to right, transparent 0, #000 3.5rem);
}

.fi-tabs-can-next > .fi-tabs {
    -webkit-mask-image: linear-gradient(to left, transparent 0, #000 3.5rem);
    mask-image: linear-gradient(to left, transparent 0, #000 3.5rem);
}

.fi-tabs-can-prev.fi-tabs-can-next > .fi-tabs {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 3.5rem, #000 calc(100% - 3.5rem), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 3.5rem, #000 calc(100% - 3.5rem), transparent 100%);
}

.dark .fi-tabs-scroll-btn {
    border-color: rgb(255 255 255 / 0.12);
    background: var(--gray-800, #27272a);
    color: var(--gray-200, #e5e7eb);
}

/* Sayfa tasarımcısı girişi: hedef seçici ve "Tasarımcıyı aç" yan yana (dar ekranda alt alta). */
.pd-launch-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
}

.pd-launch-row > .pd-launch-field {
    flex: 1 1 22rem;
    min-width: 0;
}

.pd-launch-row > .pd-launch-actions {
    margin-top: 0;
}

/* ===== Kullanım kılavuzu (App\Filament\Pages\Guide) + header "?" yardım modalı (filament/hooks/guide-help) ===== */
.guide, .guide-help {
    --guide-border: var(--gray-200, #e5e7eb);
    --guide-muted: var(--gray-500, #6b7280);
    --guide-text: var(--gray-800, #1f2937);
    --guide-strong: var(--gray-950, #030712);
    --guide-surface: #fff;
    --guide-soft: var(--gray-50, #f9fafb);
    --guide-hover: var(--gray-100, #f3f4f6);
    --guide-accent: var(--primary-600, #4f46e5);
    --guide-accent-soft: var(--primary-50, #eef2ff);
}
.dark .guide, .dark .guide-help {
    --guide-border: var(--gray-700, #374151);
    --guide-muted: var(--gray-400, #9ca3af);
    --guide-text: var(--gray-200, #e5e7eb);
    --guide-strong: #fff;
    --guide-surface: var(--gray-900, #111827);
    --guide-soft: rgb(255 255 255 / .04);
    --guide-hover: rgb(255 255 255 / .07);
    --guide-accent: var(--primary-400, #818cf8);
    --guide-accent-soft: rgb(129 140 248 / .12);
}

/* Arama kutusu (sayfa + modal) */
.guide-search { position: relative; display: flex; align-items: center; gap: .5rem; padding: 0 .75rem; }
.guide-search__icon { width: 1.25rem; height: 1.25rem; flex: none; color: var(--guide-muted); }
.guide-search__input { flex: 1; min-width: 0; padding: .7rem 0; border: 0; background: transparent; color: var(--guide-strong); font-size: .95rem; outline: none; box-shadow: none; }
.guide-search__input:focus { outline: none; box-shadow: none; }
.guide-search--page { max-width: 40rem; margin-bottom: 1.5rem; border: 1px solid var(--guide-border); border-radius: .75rem; background: var(--guide-surface); }
.guide-search--page:focus-within { border-color: var(--guide-accent); box-shadow: 0 0 0 3px var(--guide-accent-soft); }
.guide-search__dropdown { position: absolute; z-index: 30; top: calc(100% + .35rem); inset-inline: 0; max-height: 26rem; overflow-y: auto; border: 1px solid var(--guide-border); border-radius: .75rem; background: var(--guide-surface); box-shadow: 0 12px 32px rgb(0 0 0 / .12); }
.guide-kbd { display: inline-block; min-width: 1.4rem; margin: 0 .1rem; padding: .05rem .35rem; border: 1px solid var(--guide-border); border-radius: .3rem; background: var(--guide-soft); color: var(--guide-muted); font: 600 .7rem/1.4 ui-monospace, monospace; text-align: center; }

/* Sonuç listesi */
.guide-results { margin: 0; padding: .35rem; list-style: none; }
.guide-results:empty { display: none; }
.guide-results__group { padding: .6rem .6rem .3rem; color: var(--guide-muted); font-size: .7rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.guide-results__item { display: grid; gap: .15rem; padding: .55rem .65rem; border-radius: .5rem; color: var(--guide-text); text-decoration: none; }
.guide-results__item[aria-selected="true"] { background: var(--guide-accent-soft); }
.guide-results__title { color: var(--guide-strong); font-weight: 600; font-size: .9rem; }
.guide-results__page { color: var(--guide-muted); font-weight: 500; }
.guide-results__text { color: var(--guide-muted); font-size: .8rem; line-height: 1.45; }
.guide-results mark { border-radius: .2rem; background: rgb(250 204 21 / .35); color: inherit; }
.guide-results__empty { padding: 1rem; color: var(--guide-muted); font-size: .875rem; text-align: center; }

/* Yardım modalı */
.guide-modal { position: fixed; z-index: 60; inset: 0; display: flex; align-items: flex-start; justify-content: center; padding: 8vh 1rem 1rem; }
.guide-modal__backdrop { position: absolute; inset: 0; background: rgb(3 7 18 / .5); }
.guide-modal__panel { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 40rem; max-height: 80vh; overflow: hidden; border: 1px solid var(--guide-border); border-radius: .9rem; background: var(--guide-surface); box-shadow: 0 24px 60px rgb(0 0 0 / .25); }
.guide-modal .guide-search { border-bottom: 1px solid var(--guide-border); }
.guide-modal__body { flex: 1; min-height: 0; overflow-y: auto; }
.guide-modal__foot { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; justify-content: space-between; padding: .55rem .9rem; border-top: 1px solid var(--guide-border); background: var(--guide-soft); color: var(--guide-muted); font-size: .75rem; }
.guide-modal__foot a { color: var(--guide-accent); font-weight: 600; }

/* Sayfa düzeni: içindekiler | makale | bu sayfada */
.guide-layout { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .guide-layout { grid-template-columns: 15rem minmax(0, 1fr); gap: 2.5rem; } }
@media (min-width: 1280px) { .guide-layout { grid-template-columns: 15rem minmax(0, 1fr) 13rem; } }
.guide-nav__details, .guide-toc { align-self: start; }
@media (min-width: 1024px) { .guide-nav { position: sticky; top: 5rem; align-self: start; max-height: calc(100vh - 6rem); overflow-y: auto; } }
.guide-nav__summary { padding: .6rem .75rem; border: 1px solid var(--guide-border); border-radius: .6rem; color: var(--guide-strong); font-weight: 600; cursor: pointer; }
@media (min-width: 1024px) { .guide-nav__summary { display: none; } }
.guide-nav__group { margin: 1rem .5rem .35rem; color: var(--guide-muted); font-size: .7rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.guide-nav__list { margin: 0; padding: 0; list-style: none; }
.guide-nav__link { display: flex; gap: .55rem; align-items: center; padding: .4rem .5rem; border-radius: .45rem; color: var(--guide-text); font-size: .875rem; }
.guide-nav__link:hover { background: var(--guide-hover); }
.guide-nav__link--active { background: var(--guide-accent-soft); color: var(--guide-accent); font-weight: 600; }
.guide-nav__icon { width: 1.1rem; height: 1.1rem; flex: none; opacity: .8; }

.guide-article { min-width: 0; max-width: 48rem; color: var(--guide-text); }
.guide-article__group { margin: 0 0 .25rem; color: var(--guide-accent); font-size: .8rem; font-weight: 600; }
.guide-article__title { margin: 0 0 1.25rem; color: var(--guide-strong); font-size: 1.875rem; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }

.guide-toc { display: none; }
@media (min-width: 1280px) { .guide-toc { display: block; position: sticky; top: 5rem; max-height: calc(100vh - 6rem); overflow-y: auto; font-size: .8rem; } }
.guide-toc__title { margin: 0 0 .5rem; color: var(--guide-strong); font-weight: 600; }
.guide-toc ul { margin: 0; padding: 0 0 0 .75rem; border-inline-start: 1px solid var(--guide-border); list-style: none; }
.guide-toc li { margin: .3rem 0; }
.guide-toc__sub { padding-inline-start: .75rem; }
.guide-toc a { color: var(--guide-muted); }
.guide-toc a:hover { color: var(--guide-accent); }

/* Makale tipografisi */
.guide-prose { font-size: .95rem; line-height: 1.7; }
.guide-prose > * + * { margin-top: 1rem; }
.guide-prose h2, .guide-prose h3, .guide-prose h4 { scroll-margin-top: 5.5rem; color: var(--guide-strong); font-weight: 700; line-height: 1.3; }
.guide-prose h2 { margin-top: 2.25rem; padding-top: 1rem; border-top: 1px solid var(--guide-border); font-size: 1.35rem; }
.guide-prose h3 { margin-top: 1.75rem; font-size: 1.1rem; }
.guide-prose > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.guide-prose h4 { margin-top: 1.25rem; font-size: 1rem; }
.guide-prose a { color: var(--guide-accent); font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
.guide-prose a.guide-link-broken { color: var(--danger-600, #dc2626); text-decoration-style: wavy; }
.guide-prose ul, .guide-prose ol { padding-inline-start: 1.5rem; }
.guide-prose ul { list-style: disc; }
.guide-prose ol { list-style: decimal; }
.guide-prose li + li { margin-top: .3rem; }
.guide-prose li > ul, .guide-prose li > ol { margin-top: .3rem; }
.guide-prose strong { color: var(--guide-strong); font-weight: 600; }
.guide-prose code { padding: .1rem .35rem; border-radius: .3rem; background: var(--guide-hover); color: var(--guide-strong); font-size: .85em; }
.guide-prose pre { overflow-x: auto; padding: .9rem 1rem; border: 1px solid var(--guide-border); border-radius: .6rem; background: var(--guide-soft); font-size: .85rem; line-height: 1.55; }
.guide-prose pre code { padding: 0; background: transparent; }
.guide-prose img { max-width: 100%; height: auto; border: 1px solid var(--guide-border); border-radius: .6rem; }
.guide-prose hr { border: 0; border-top: 1px solid var(--guide-border); }
.guide-prose blockquote { padding: .25rem 0 .25rem 1rem; border-inline-start: 3px solid var(--guide-border); color: var(--guide-muted); }
.guide-prose table { display: block; overflow-x: auto; width: 100%; border-collapse: collapse; font-size: .875rem; }
.guide-prose th, .guide-prose td { padding: .5rem .75rem; border: 1px solid var(--guide-border); text-align: start; vertical-align: top; }
.guide-prose th { background: var(--guide-soft); color: var(--guide-strong); font-weight: 600; }

/* İpucu / uyarı / not kutuları (> [!TIP] | [!WARNING] | [!NOTE]) */
.guide-prose .guide-alert { --alert: var(--info-600, #2563eb); --alert-bg: rgb(37 99 235 / .07); padding: .75rem 1rem; border: 1px solid color-mix(in srgb, var(--alert) 30%, transparent); border-inline-start: 4px solid var(--alert); border-radius: .6rem; background: var(--alert-bg); color: var(--guide-text); }
.guide-prose .guide-alert > * + * { margin-top: .5rem; }
.guide-prose .guide-alert-title { margin: 0; color: var(--alert); font-size: .85rem; }
.guide-prose .guide-alert-title strong { color: inherit; }
.guide-prose .guide-alert-tip { --alert: var(--success-600, #16a34a); --alert-bg: rgb(22 163 74 / .07); }
.guide-prose .guide-alert-warning { --alert: var(--warning-600, #d97706); --alert-bg: rgb(217 119 6 / .08); }
.dark .guide-prose .guide-alert { --alert: var(--info-400, #60a5fa); --alert-bg: rgb(96 165 250 / .08); }
.dark .guide-prose .guide-alert-tip { --alert: var(--success-400, #4ade80); --alert-bg: rgb(74 222 128 / .07); }
.dark .guide-prose .guide-alert-warning { --alert: var(--warning-400, #fbbf24); --alert-bg: rgb(251 191 36 / .08); }

/* Önceki / sonraki */
.guide-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--guide-border); }
.guide-pager__link { display: grid; gap: .15rem; padding: .8rem 1rem; border: 1px solid var(--guide-border); border-radius: .6rem; color: var(--guide-text); }
.guide-pager__link:hover { border-color: var(--guide-accent); }
.guide-pager__link--next { grid-column: 2; text-align: end; }
.guide-pager__label { color: var(--guide-muted); font-size: .75rem; }
.guide-pager__title { color: var(--guide-accent); font-weight: 600; }

/* Görev panosu, Trello benzeri (TeamTasks\Pages\TaskBoard + card-modal, JS task-board.js). */
.tb { --tb-bg: rgb(241 242 244); --tb-card: #fff; --tb-border: rgb(9 30 66 / .12); --tb-text: rgb(23 43 77); --tb-muted: rgb(98 111 134); --tb-hover: rgb(9 30 66 / .06); --tb-accent: #579dff; display: flex; flex-direction: column; gap: .75rem; color: var(--tb-text); }
.dark .tb { --tb-bg: rgb(255 255 255 / .05); --tb-card: rgb(34 39 43); --tb-border: rgb(255 255 255 / .1); --tb-text: rgb(222 228 234); --tb-muted: rgb(159 173 188); --tb-hover: rgb(255 255 255 / .06); }
.tb [x-cloak] { display: none !important; }
.tb .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.tb-icon { width: 1rem; height: 1rem; flex: none; }
.tb-icon--xs { width: .8rem; height: .8rem; }
.tb-muted { color: var(--tb-muted); font-size: .8125rem; }
.tb-hint { margin: 0; color: var(--tb-muted); font-size: .8125rem; }
.tb-empty { padding: 2rem; border: 1px dashed var(--tb-border); border-radius: .75rem; color: var(--tb-muted); text-align: center; }
.tb-grow { flex: 1; min-width: 0; }

/* Üst bar */
.tb-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .5rem; border-radius: .75rem; background: color-mix(in srgb, var(--tb-accent) 14%, transparent); }
.tb-field { display: flex; }
.tb-field--grow { flex: 1 1 12rem; }
.tb-input, .tb-select { width: 100%; min-height: 2.125rem; padding: .35rem .6rem; border: 1px solid var(--tb-border); border-radius: .4rem; background: var(--tb-card); color: var(--tb-text); font-size: .8125rem; color-scheme: light; }
.dark .tb-input, .dark .tb-select { color-scheme: dark; }
.tb-select { width: auto; max-width: 12rem; }
.tb-select--board { font-weight: 600; }
.tb-input:focus, .tb-select:focus { outline: 2px solid var(--tb-accent); outline-offset: -1px; }
.tb-input--sm { min-height: 1.85rem; padding: .2rem .45rem; }
.tb-input--title { font-size: 1.125rem; font-weight: 600; resize: vertical; }
textarea.tb-input { resize: vertical; }
.tb-chip { min-height: 2.125rem; padding: 0 .75rem; border: 1px solid var(--tb-border); border-radius: .4rem; background: var(--tb-card); color: var(--tb-text); font-size: .8125rem; font-weight: 500; }
.tb-chip:hover { background: var(--tb-hover); }
.tb-chip.is-active { border-color: var(--tb-accent); background: var(--tb-accent); color: #fff; }
.tb-link { background: none; color: var(--tb-accent); font-size: .8125rem; font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
.tb-btn { display: inline-flex; align-items: center; gap: .3rem; min-height: 2rem; padding: 0 .75rem; border-radius: .4rem; background: var(--tb-hover); color: var(--tb-text); font-size: .8125rem; font-weight: 500; }
.tb-btn:hover { background: rgb(9 30 66 / .12); }
.dark .tb-btn:hover { background: rgb(255 255 255 / .12); }
.tb-btn--primary { background: rgb(12 102 228); color: #fff; }
.tb-btn--primary:hover { background: rgb(5 85 200); }
.tb-btn--primary:disabled { opacity: .5; }
.tb-btn--danger { background: rgb(254 226 226); color: rgb(185 28 28); }
.dark .tb-btn--danger { background: rgb(239 68 68 / .15); color: rgb(252 165 165); }
.tb-icon-btn { display: inline-grid; place-items: center; width: 1.85rem; height: 1.85rem; border-radius: .4rem; background: transparent; color: var(--tb-muted); }
.tb-icon-btn:hover, .tb-icon-btn:focus-visible { background: var(--tb-hover); color: var(--tb-text); }

/* Pano + listeler: yatay kaydırma (mobil dahil) */
.tb-board { display: flex; align-items: flex-start; gap: .75rem; overflow-x: auto; padding-bottom: .75rem; min-height: 60vh; scroll-snap-type: x proximity; }
.tb-list { flex: 0 0 17.5rem; max-width: 85vw; display: flex; flex-direction: column; gap: .5rem; max-height: calc(100vh - 14rem); padding: .5rem; border-radius: .75rem; background: var(--tb-bg); scroll-snap-align: start; }
.tb-list--new { background: color-mix(in srgb, var(--tb-accent) 10%, transparent); }
.tb-list__head { display: flex; align-items: center; gap: .3rem; padding: .1rem .15rem; }
.tb-list__handle { color: var(--tb-muted); cursor: grab; }
.tb-list__name { flex: 1; min-width: 0; }
.tb-list__title { margin: 0; padding: .25rem .35rem; border-radius: .3rem; font-size: .875rem; font-weight: 600; overflow-wrap: anywhere; }
.tb-list__title[title]:hover { background: var(--tb-hover); cursor: text; }
.tb-list__count { min-width: 1.4rem; padding: 0 .35rem; border-radius: 999px; background: var(--tb-hover); color: var(--tb-muted); font-size: .7rem; text-align: center; }
.tb-tag { padding: .05rem .4rem; border-radius: .3rem; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
.tb-tag--done { background: rgb(220 252 231); color: rgb(21 128 61); }
.dark .tb-tag--done { background: rgb(34 197 94 / .18); color: rgb(134 239 172); }
.tb-cards { display: flex; flex-direction: column; gap: .5rem; min-height: 1.5rem; margin: 0; padding: .1rem; list-style: none; overflow-y: auto; }

/* Kart yüzü */
.tb-card { border-radius: .5rem; background: var(--tb-card); box-shadow: 0 1px 1px rgb(9 30 66 / .25), 0 0 1px rgb(9 30 66 / .31); }
.dark .tb-card { box-shadow: 0 0 0 1px var(--tb-border); }
.tb-card[data-movable] { cursor: grab; }
.tb-card:hover { outline: 2px solid var(--tb-accent); }
.tb-card__btn { display: flex; flex-direction: column; gap: .4rem; width: 100%; padding: .5rem .65rem; overflow: hidden; border-radius: .5rem; background: none; color: inherit; text-align: left; }
.tb-card__btn:focus-visible { outline: 2px solid var(--tb-accent); }
.tb-card__cover { display: block; height: 2rem; margin: -.5rem -.65rem 0; }
.tb-card__labels { display: flex; flex-wrap: wrap; gap: .25rem; }
.tb-strip { width: 2.5rem; height: .5rem; border-radius: 999px; }
.tb-card__title { font-size: .875rem; line-height: 1.35; overflow-wrap: anywhere; }
.tb-card__badges { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .5rem; color: var(--tb-muted); font-size: .75rem; }
.tb-card__badges:empty { display: none; }
.tb-card__members { display: inline-flex; margin-left: auto; }
.tb-card__members .tb-avatar + .tb-avatar { margin-left: -.3rem; }
.tb-badge { display: inline-flex; align-items: center; gap: .2rem; padding: .05rem .3rem; border-radius: .25rem; font-size: .75rem; }
.tb-badge--overdue { background: rgb(201 55 44); color: #fff; }
.tb-badge--today { background: rgb(245 205 71); color: rgb(23 43 77); }
.tb-badge--done { background: rgb(31 132 90); color: #fff; }
.tb-avatar { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border: 2px solid var(--tb-card); border-radius: 999px; background: rgb(12 102 228); color: #fff; font-size: .65rem; font-weight: 700; }
.tb-avatar--lg { width: 2rem; height: 2rem; font-size: .8rem; }
.tb-avatar--ghost { background: var(--tb-hover); color: var(--tb-muted); }
.tb-ghost { opacity: .4; }
.tb-dragging { transform: rotate(3deg); }

/* Kart / liste ekleme */
.tb-add__btn { width: 100%; padding: .4rem .5rem; border-radius: .4rem; background: transparent; color: var(--tb-muted); font-size: .8125rem; font-weight: 500; text-align: left; }
.tb-add__btn:hover { background: var(--tb-hover); color: var(--tb-text); }
.tb-add__btn--list { color: var(--tb-text); }
.tb-add__form { display: flex; flex-direction: column; gap: .4rem; }
.tb-add__actions { display: flex; align-items: center; gap: .4rem; }

/* Açılır kutular */
.tb-pop-wrap { position: relative; }
.tb-pop { position: absolute; z-index: 20; top: calc(100% + .25rem); left: 0; display: flex; flex-direction: column; gap: .35rem; width: 17rem; max-height: 22rem; padding: .6rem; overflow-y: auto; border: 1px solid var(--tb-border); border-radius: .5rem; background: var(--tb-card); box-shadow: 0 8px 24px rgb(0 0 0 / .18); }
.tb-pop--right { right: 0; left: auto; }
.tb-pop__title { margin: .15rem 0; color: var(--tb-muted); font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.tb-pop__row { display: flex; align-items: center; justify-content: space-between; gap: .4rem; font-size: .8125rem; }
.tb-pop__option { display: flex; align-items: center; gap: .45rem; padding: .25rem .35rem; border-radius: .3rem; background: none; color: inherit; font-size: .8125rem; text-align: left; }
.tb-pop__option:hover { background: var(--tb-hover); }
.tb-pop__tick { margin-left: auto; color: var(--tb-accent); font-weight: 700; }
.tb-pop__label { display: flex; flex-direction: column; gap: .2rem; color: var(--tb-muted); font-size: .75rem; }
.tb-pop__label .tb-select { max-width: none; width: 100%; }
.tb-pop__form { display: flex; flex-direction: column; gap: .4rem; margin-top: .3rem; padding-top: .5rem; border-top: 1px solid var(--tb-border); }
.tb-swatches { display: grid; grid-template-columns: repeat(5, 1fr); gap: .3rem; }
.tb-swatch { height: 1.75rem; border-radius: .3rem; }
.tb-swatch.is-active { outline: 2px solid var(--tb-text); outline-offset: 1px; }
.tb-label { display: inline-flex; align-items: center; min-width: 3rem; min-height: 1.75rem; padding: 0 .6rem; border-radius: .3rem; color: rgb(23 43 77); font-size: .8125rem; font-weight: 600; }
.tb-label--option { flex: 1; }

/* Kart penceresi */
.tb-modal { position: fixed; inset: 0; z-index: 35; display: flex; justify-content: center; align-items: flex-start; padding: 3rem 1rem; overflow-y: auto; }
.tb-modal__backdrop { position: fixed; inset: 0; background: rgb(0 0 0 / .55); }
.tb-modal__window { position: relative; width: 100%; max-width: 48rem; overflow: visible; border-radius: .75rem; background: var(--tb-card); color: var(--tb-text); box-shadow: 0 12px 40px rgb(0 0 0 / .3); }
.dark .tb-modal__window { background: rgb(29 33 37); }
.tb-modal__cover { height: 5rem; border-radius: .75rem .75rem 0 0; }
.tb-modal__close { position: absolute; top: .5rem; right: .5rem; z-index: 1; background: var(--tb-card); }
.tb-modal__archived { padding: .5rem 1.25rem; background: rgb(254 243 199); color: rgb(146 64 14); font-size: .8125rem; }
.dark .tb-modal__archived { background: rgb(245 158 11 / .15); color: rgb(253 230 138); }
.tb-modal__head { padding: 1rem 3rem .5rem 1.25rem; }
.tb-modal__title { margin: 0 0 .25rem; font-size: 1.25rem; font-weight: 700; overflow-wrap: anywhere; }
.tb-modal__title[title]:hover { cursor: text; }
.tb-modal__body { display: grid; grid-template-columns: minmax(0, 1fr) 11rem; gap: 1.25rem; padding: .5rem 1.25rem 1.25rem; }
@media (max-width: 767px) { .tb-modal { padding: 0; } .tb-modal__window { min-height: 100%; border-radius: 0; } .tb-modal__body { grid-template-columns: 1fr; } }
.tb-modal__main { display: flex; flex-direction: column; gap: 1.25rem; min-width: 0; }
.tb-modal__side { display: flex; flex-direction: column; gap: .4rem; }
.tb-side-btn { display: flex; align-items: center; gap: .45rem; width: 100%; min-height: 2rem; padding: 0 .6rem; border-radius: .4rem; background: var(--tb-hover); color: var(--tb-text); font-size: .8125rem; font-weight: 500; text-align: left; }
.tb-side-btn:hover { background: rgb(9 30 66 / .12); }
.dark .tb-side-btn:hover { background: rgb(255 255 255 / .12); }
.tb-meta { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }
.tb-meta__group { display: flex; flex-direction: column; gap: .3rem; }
.tb-meta__label { margin: .25rem 0 0; color: var(--tb-muted); font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.tb-meta__items { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; font-size: .8125rem; }
.tb-check { display: inline-flex; align-items: center; gap: .35rem; font-size: .8125rem; }
.tb-section { display: flex; flex-direction: column; gap: .5rem; }
.tb-section__head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.tb-section__title { margin: 0; font-size: .9375rem; font-weight: 600; }
.tb-prose { font-size: .875rem; line-height: 1.55; overflow-wrap: anywhere; }
.tb-prose ul { padding-left: 1.25rem; list-style: disc; }
.tb-prose ol { padding-left: 1.25rem; list-style: decimal; }
.tb-prose a { color: var(--tb-accent); text-decoration: underline; }
.tb-prose blockquote { padding-left: .75rem; border-left: 3px solid var(--tb-border); color: var(--tb-muted); }
.tb-prose pre { padding: .5rem; overflow-x: auto; border-radius: .4rem; background: var(--tb-hover); font-size: .8rem; }
.tb-progress { display: flex; align-items: center; gap: .6rem; }
.tb-progress__pct { min-width: 2.25rem; color: var(--tb-muted); font-size: .75rem; }
.tb-progress__bar { flex: 1; height: .5rem; overflow: hidden; border-radius: 999px; background: var(--tb-hover); }
.tb-progress__fill { display: block; height: 100%; background: rgb(12 102 228); transition: width .2s; }
.tb-progress__fill.is-complete { background: rgb(31 132 90); }
.tb-items { display: flex; flex-direction: column; gap: .15rem; margin: 0; padding: 0; list-style: none; }
.tb-item { display: flex; align-items: flex-start; gap: .45rem; padding: .3rem .25rem; border-radius: .4rem; }
.tb-item:hover { background: var(--tb-hover); }
.tb-item__handle { margin-top: .2rem; color: var(--tb-muted); cursor: grab; }
.tb-item__check { margin-top: .2rem; }
.tb-item__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .2rem; font-size: .875rem; overflow-wrap: anywhere; }
.tb-item__body .is-done { color: var(--tb-muted); text-decoration: line-through; }
.tb-item__meta { display: inline-flex; align-items: center; gap: .35rem; }
.tb-comment-form { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; }
.tb-feed { display: flex; flex-direction: column; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.tb-feed__item { display: flex; align-items: flex-start; gap: .55rem; font-size: .8125rem; }
.tb-feed__who { margin: 0; }
.tb-feed__comment { margin: .25rem 0 0; padding: .45rem .65rem; border: 1px solid var(--tb-border); border-radius: .5rem; background: var(--tb-card); white-space: pre-wrap; overflow-wrap: anywhere; }

/* SEO Asistanı / SEO Puanları (App\Services\Seo\Scoring; views filament/seo-scores/*) */
.seo-score-assistant, .seo-score-checklist { display: grid; gap: .75rem; font-size: .85rem; }
.seo-score-gauges { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.seo-score-gauge { --seo-color: var(--gray-400, #9ca3af); --seo-track: var(--gray-200, #e5e7eb); display: grid; justify-items: center; gap: .3rem; }
.dark .seo-score-gauge { --seo-track: var(--gray-700, #374151); }
.seo-score-gauge--good { --seo-color: var(--success-500, #22c55e); }
.seo-score-gauge--ok { --seo-color: var(--warning-500, #f59e0b); }
.seo-score-gauge--bad { --seo-color: var(--danger-500, #ef4444); }
.seo-score-gauge__ring { width: 3.6rem; height: 3.6rem; border-radius: 999px; display: grid; place-items: center;
    background: radial-gradient(closest-side, var(--seo-bg, #fff) 76%, transparent 78%), conic-gradient(var(--seo-color) calc(var(--seo-score) * 1%), var(--seo-track) 0); }
.dark .seo-score-gauge__ring { --seo-bg: var(--gray-900, #111827); }
.seo-score-gauge--total .seo-score-gauge__ring { width: 4.2rem; height: 4.2rem; }
.seo-score-gauge__value { font-weight: 700; font-size: 1rem; color: var(--gray-950, #030712); }
.dark .seo-score-gauge__value { color: #fff; }
.seo-score-gauge__label { font-size: .72rem; font-weight: 600; color: var(--gray-500, #6b7280); letter-spacing: .02em; }
.dark .seo-score-gauge__label { color: var(--gray-400, #9ca3af); }
.seo-score-cap { padding: .45rem .65rem; border-radius: .5rem; font-size: .78rem; font-weight: 600; color: var(--danger-700, #b91c1c); background: color-mix(in oklab, var(--danger-500, #ef4444) 10%, transparent); }
.dark .seo-score-cap { color: var(--danger-400, #f87171); }
.seo-score-assistant__meta, .seo-score-note { font-size: .75rem; color: var(--gray-500, #6b7280); }
.dark .seo-score-assistant__meta, .dark .seo-score-note { color: var(--gray-400, #9ca3af); }
.seo-score-group { border: 1px solid var(--gray-200, #e5e7eb); border-radius: .625rem; }
.dark .seo-score-group { border-color: var(--gray-700, #374151); }
.seo-score-group__head { cursor: pointer; padding: .5rem .7rem; font-weight: 600; display: flex; align-items: center; gap: .4rem; color: var(--gray-950, #030712); }
.dark .seo-score-group__head { color: #fff; }
.seo-score-group--fix .seo-score-group__head { color: var(--danger-700, #b91c1c); }
.seo-score-group--improve .seo-score-group__head { color: var(--warning-700, #b45309); }
.seo-score-group--good .seo-score-group__head { color: var(--success-700, #15803d); }
.dark .seo-score-group--fix .seo-score-group__head { color: var(--danger-400, #f87171); }
.dark .seo-score-group--improve .seo-score-group__head { color: var(--warning-400, #fbbf24); }
.dark .seo-score-group--good .seo-score-group__head { color: var(--success-400, #4ade80); }
.seo-score-group__count { font-size: .7rem; padding: 0 .4rem; border-radius: 999px; background: var(--gray-100, #f3f4f6); color: var(--gray-700, #374151); }
.dark .seo-score-group__count { background: var(--gray-800, #1f2937); color: var(--gray-200, #e5e7eb); }
.seo-score-list { list-style: none; margin: 0; padding: 0 .7rem .6rem; display: grid; gap: .5rem; }
.seo-score-list--info { padding: 0; font-size: .75rem; color: var(--gray-500, #6b7280); }
.seo-score-item { padding: .5rem .6rem; border-radius: .5rem; border-left: 3px solid var(--gray-300, #d1d5db); background: var(--gray-50, #f9fafb); display: grid; gap: .2rem; }
.dark .seo-score-item { background: color-mix(in oklab, var(--gray-800, #1f2937) 60%, transparent); }
.seo-score-item--fail { border-left-color: var(--danger-500, #ef4444); }
.seo-score-item--partial { border-left-color: var(--warning-500, #f59e0b); }
.seo-score-item--pass { border-left-color: var(--success-500, #22c55e); }
.seo-score-item--info { border: 0; background: none; padding: 0; }
.seo-score-item__head { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.seo-score-item__label { font-weight: 600; color: var(--gray-950, #030712); }
.dark .seo-score-item__label { color: #fff; }
.seo-score-item__pillar { font-size: .65rem; font-weight: 700; padding: 0 .35rem; border-radius: .25rem; background: var(--gray-200, #e5e7eb); color: var(--gray-700, #374151); }
.dark .seo-score-item__pillar { background: var(--gray-700, #374151); color: var(--gray-200, #e5e7eb); }
.seo-score-item__blocker { font-size: .65rem; font-weight: 700; padding: 0 .35rem; border-radius: .25rem; color: #fff; background: var(--danger-600, #dc2626); }
.seo-score-item__message { color: var(--gray-700, #374151); }
.dark .seo-score-item__message { color: var(--gray-300, #d1d5db); }
.seo-score-item__advice { color: var(--gray-500, #6b7280); }
.dark .seo-score-item__advice { color: var(--gray-400, #9ca3af); }
.seo-score-item__fix { justify-self: start; font-size: .75rem; font-weight: 600; color: var(--primary-600, #2563eb); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.dark .seo-score-item__fix { color: var(--primary-400, #60a5fa); }
.seo-score-flash { outline: 2px solid var(--primary-500, #3b82f6); outline-offset: 4px; border-radius: .5rem; transition: outline-color 1.5s; }
.seo-score-page { display: grid; gap: 1rem; }
.seo-score-page__site { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 64rem) { .seo-score-page__site { grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr); } }
.seo-score-page__site .seo-score-gauges { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.seo-score-win { display: grid; gap: .15rem; }
.seo-score-win__gain { font-size: .7rem; font-weight: 700; color: var(--success-700, #15803d); }
.dark .seo-score-win__gain { color: var(--success-400, #4ade80); }

/* ===== Dashboard (dash-): uyarı bandı (AlertBandWidget) + kurulum listesi (SetupChecklist). Light + .dark ===== */
.dash-alerts { display: grid; gap: .75rem; }
.dash-alerts-empty { display: none; }
.dash-alert .fi-section-header { flex-wrap: wrap; }
.dash-alert--danger { border-inline-start: 3px solid var(--danger-500, #ef4444); }
.dash-alert--warning { border-inline-start: 3px solid var(--warning-500, #f59e0b); }
.dash-alert__badge { margin-inline-start: .5rem; vertical-align: middle; }
.dash-code { display: flex; align-items: center; gap: .75rem; padding: .625rem .75rem; border-radius: .5rem; background: var(--gray-100, #f3f4f6); }
.dark .dash-code { background: rgb(255 255 255 / .05); }
.dash-code__text { flex: 1; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; color: var(--gray-800, #1f2937); }
.dark .dash-code__text { color: var(--gray-200, #e5e7eb); }

.dash-progress { height: .375rem; border-radius: 999px; background: var(--gray-200, #e5e7eb); overflow: hidden; margin-bottom: 1rem; }
.dark .dash-progress { background: rgb(255 255 255 / .1); }
.dash-progress__bar { display: block; height: 100%; border-radius: inherit; background: var(--primary-500, #6366f1); transition: width .3s ease; }
.dash-steps { display: grid; gap: .5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); list-style: none; margin: 0; padding: 0; }
.dash-step { display: flex; align-items: flex-start; gap: .75rem; padding: .75rem; border-radius: .625rem; border: 1px solid var(--gray-200, #e5e7eb); }
.dark .dash-step { border-color: rgb(255 255 255 / .1); }
.dash-step--done { opacity: .6; }
.dash-step__num { flex: none; display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 999px; font-size: .75rem; font-weight: 600;
    color: var(--primary-600, #4f46e5); background: color-mix(in srgb, var(--primary-500, #6366f1) 15%, transparent); }
.dark .dash-step__num { color: var(--primary-400, #818cf8); }
.dash-step__check { flex: none; width: 1.5rem; height: 1.5rem; color: var(--success-500, #22c55e); }
.dash-step__body { flex: 1; min-width: 0; }
.dash-step__title { font-size: .875rem; font-weight: 600; color: var(--gray-950, #030712); }
.dark .dash-step__title { color: #fff; }
.dash-step--done .dash-step__title { text-decoration: line-through; }
.dash-step__hint { font-size: .8125rem; color: var(--gray-500, #6b7280); margin-top: .125rem; }
.dark .dash-step__hint { color: var(--gray-400, #9ca3af); }
.dash-step__actions { display: flex; flex-direction: column; align-items: flex-end; gap: .375rem; flex: none; }

/* Tema seçici (ThemePicker): önizleme kartları. */
.tp {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
}

.tp-card {
    display: flex;
    flex-direction: column;
    border: 1px solid rgb(0 0 0 / 0.1);
    border-radius: 0.75rem;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.tp-card:hover {
    border-color: rgb(0 0 0 / 0.25);
}

.tp-card-on {
    border-color: var(--primary-600);
    box-shadow: 0 0 0 2px var(--primary-600);
}

.tp-pick {
    display: grid;
    gap: 0.25rem;
    cursor: pointer;
    padding-bottom: 0.5rem;
}

.tp-radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tp-pick:has(.tp-radio:focus-visible) {
    outline: 2px solid var(--primary-600);
    outline-offset: -2px;
}

.tp-shot {
    display: block;
    aspect-ratio: 16 / 10;
    background: #f1f2f6;
    border-bottom: 1px solid rgb(0 0 0 / 0.08);
    overflow: hidden;
}

.tp-shot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.tp-noshot {
    display: grid;
    height: 100%;
    place-items: center;
    color: #6b7289;
    font-weight: 600;
}

.tp-name {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem 0;
    font-weight: 600;
}

.tp-on {
    border-radius: 999px;
    background: var(--primary-600);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.0625rem 0.5rem;
}

.tp-desc {
    padding: 0 0.875rem;
    color: #535a72;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.tp-link {
    margin-top: auto;
    border-top: 1px solid rgb(0 0 0 / 0.08);
    padding: 0.5rem 0.875rem;
    color: var(--primary-600);
    font-size: 0.8125rem;
    font-weight: 600;
}

.tp-link:hover {
    text-decoration: underline;
}

.dark .tp-card {
    border-color: rgb(255 255 255 / 0.12);
    background: rgb(255 255 255 / 0.04);
}

.dark .tp-card:hover {
    border-color: rgb(255 255 255 / 0.3);
}

.dark .tp-card-on {
    border-color: var(--primary-500);
    box-shadow: 0 0 0 2px var(--primary-500);
}

.dark .tp-shot {
    background: rgb(255 255 255 / 0.06);
    border-color: rgb(255 255 255 / 0.1);
}

.dark .tp-desc,
.dark .tp-noshot {
    color: #b3b9cc;
}

.dark .tp-link {
    border-color: rgb(255 255 255 / 0.1);
    color: var(--primary-400);
}