/* Radar AI tasarım sistemi v1 · kaynak: ref/radar-ai-tasarim-sistemi.html (değiştirmeden alındı) */
/* =====================================================================
   1. TASARIM TOKENLARI
   ===================================================================== */
:root{
  color-scheme: light;
  /* Yüzeyler */
  --color-bg:#F4F5FA;
  --color-surface:#FFFFFF;
  --color-surface-2:#F0F1F7;
  --color-surface-3:#E4E6F0;
  --color-surface-raised:#FFFFFF;
  --color-border:#E1E3EE;
  --color-border-strong:#C8CBDB;
  --color-overlay:rgba(14,16,30,.45);
  /* Metin */
  --color-text:#151726;
  --color-text-muted:#525770;
  --color-text-subtle:#767B93;
  /* Vurgu (derin indigo) */
  --color-accent:#4338CA;
  --color-accent-hover:#3730A3;
  --color-accent-soft:#EEEFFD;
  --color-accent-border:#C5C9F5;
  --color-accent-text:#3E34BC;
  --color-on-accent:#FFFFFF;
  --color-focus:#5B5FEF;
  /* Durum: başarı / UYGUN */
  --color-success:#16834A;
  --color-success-soft:#E7F6EC;
  --color-success-border:#B3DEC3;
  --color-success-text:#146C3D;
  /* Durum: düşük risk / DİKKAT (sarı) */
  --color-warning:#C99A06;
  --color-warning-soft:#FDF6DE;
  --color-warning-border:#EBD68D;
  --color-warning-text:#7E5A05;
  /* Durum: orta risk (turuncu) */
  --color-caution:#E0610F;
  --color-caution-soft:#FFF0E5;
  --color-caution-border:#F6C49F;
  --color-caution-text:#9A3A0B;
  /* Durum: yüksek risk / hata / UYGUN DEĞİL */
  --color-danger:#C42B2B;
  --color-danger-soft:#FDEBEB;
  --color-danger-border:#F1B8B8;
  --color-danger-text:#9C1C1C;
  /* Durum: bilgi */
  --color-info:#3D66AE;
  --color-info-soft:#ECF2FA;
  --color-info-border:#C5D5EC;
  --color-info-text:#2B4C84;
  /* Ağlar */
  --color-net-solana:#7A5BC4;
  --color-net-base:#2E5FCF;
  --color-net-bsc:#B8860B;
  /* Boşluk (4px tabanı) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-7:32px; --space-8:40px; --space-9:56px;
  /* Yarıçap */
  --radius-xs:4px; --radius-sm:8px; --radius-md:10px; --radius-lg:14px; --radius-xl:20px; --radius-pill:999px;
  /* Tipografi */
  --font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-2xs:11px; --text-xs:12px; --text-sm:13px; --text-base:15px; --text-md:16px;
  --text-lg:18px; --text-xl:22px; --text-2xl:28px;
  --leading-tight:1.25; --leading-normal:1.5;
  --weight-regular:400; --weight-medium:500; --weight-semibold:600;
  /* Gölge */
  --shadow-sm:0 1px 2px rgba(17,19,38,.06);
  --shadow-md:0 2px 4px rgba(17,19,38,.04), 0 8px 24px rgba(17,19,38,.07);
  --shadow-lg:0 12px 40px rgba(17,19,38,.18);
  /* Boyutlar */
  --touch-min:44px; --control-h:44px; --header-h:56px; --tabbar-h:60px; --content-max:1200px;
  /* Hareket */
  --dur-fast:120ms; --dur-base:200ms; --ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --color-bg:#0C0E16; --color-surface:#141725; --color-surface-2:#1A1E2F; --color-surface-3:#252A3F;
    --color-surface-raised:#1E2236; --color-border:#262B40; --color-border-strong:#373D59; --color-overlay:rgba(0,0,0,.6);
    --color-text:#E6E8F2; --color-text-muted:#A3A8C1; --color-text-subtle:#767C98;
    --color-accent:#5558E8; --color-accent-hover:#6669F0; --color-accent-soft:rgba(110,115,245,.15);
    --color-accent-border:rgba(129,140,248,.42); --color-accent-text:#A9B0FF; --color-on-accent:#FFFFFF; --color-focus:#8B92FF;
    --color-success:#2AAE63; --color-success-soft:rgba(42,174,99,.13); --color-success-border:rgba(42,174,99,.36); --color-success-text:#72DCA0;
    --color-warning:#D9AE1E; --color-warning-soft:rgba(217,174,30,.13); --color-warning-border:rgba(217,174,30,.36); --color-warning-text:#F0CF68;
    --color-caution:#F07A2E; --color-caution-soft:rgba(240,122,46,.13); --color-caution-border:rgba(240,122,46,.38); --color-caution-text:#FFA872;
    --color-danger:#D13A3F; --color-danger-soft:rgba(229,72,77,.14); --color-danger-border:rgba(229,72,77,.4); --color-danger-text:#FF8F8F;
    --color-info:#5C8BD6; --color-info-soft:rgba(92,139,214,.14); --color-info-border:rgba(92,139,214,.36); --color-info-text:#9EBCEB;
    --color-net-solana:#A68CE9; --color-net-base:#6F95F0; --color-net-bsc:#E0B341;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);
    --shadow-md:0 8px 24px rgba(0,0,0,.35);
    --shadow-lg:0 16px 48px rgba(0,0,0,.55);
  }
}
:root[data-theme="dark"]{
  color-scheme: dark;
  --color-bg:#0C0E16; --color-surface:#141725; --color-surface-2:#1A1E2F; --color-surface-3:#252A3F;
  --color-surface-raised:#1E2236; --color-border:#262B40; --color-border-strong:#373D59; --color-overlay:rgba(0,0,0,.6);
  --color-text:#E6E8F2; --color-text-muted:#A3A8C1; --color-text-subtle:#767C98;
  --color-accent:#5558E8; --color-accent-hover:#6669F0; --color-accent-soft:rgba(110,115,245,.15);
  --color-accent-border:rgba(129,140,248,.42); --color-accent-text:#A9B0FF; --color-on-accent:#FFFFFF; --color-focus:#8B92FF;
  --color-success:#2AAE63; --color-success-soft:rgba(42,174,99,.13); --color-success-border:rgba(42,174,99,.36); --color-success-text:#72DCA0;
  --color-warning:#D9AE1E; --color-warning-soft:rgba(217,174,30,.13); --color-warning-border:rgba(217,174,30,.36); --color-warning-text:#F0CF68;
  --color-caution:#F07A2E; --color-caution-soft:rgba(240,122,46,.13); --color-caution-border:rgba(240,122,46,.38); --color-caution-text:#FFA872;
  --color-danger:#D13A3F; --color-danger-soft:rgba(229,72,77,.14); --color-danger-border:rgba(229,72,77,.4); --color-danger-text:#FF8F8F;
  --color-info:#5C8BD6; --color-info-soft:rgba(92,139,214,.14); --color-info-border:rgba(92,139,214,.36); --color-info-text:#9EBCEB;
  --color-net-solana:#A68CE9; --color-net-base:#6F95F0; --color-net-bsc:#E0B341;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 8px 24px rgba(0,0,0,.35);
  --shadow-lg:0 16px 48px rgba(0,0,0,.55);
}

/* =====================================================================
   2. TEMEL
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
body.has-sheet{overflow:hidden}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
button:disabled{cursor:not-allowed}
h1,h2,h3,p,ul,ol,dl,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--color-accent-text)}
code{font-family:var(--font-mono);font-size:.88em;padding:1px 5px;border-radius:var(--radius-xs);background:var(--color-surface-2);border:1px solid var(--color-border)}
[hidden]{display:none!important}
:focus-visible,.is-focus-demo{outline:2px solid var(--color-focus);outline-offset:2px}
.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}
.tnum{font-variant-numeric:tabular-nums}
.mono{font-family:var(--font-mono);font-size:.92em}
.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon--sm{width:16px;height:16px}
.icon--xs{width:14px;height:14px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes fade-in{from{opacity:0}}
@keyframes sheet-up{from{transform:translateY(24px);opacity:0}}
@keyframes highlight{0%{background:var(--color-accent-soft)}100%{background:transparent}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* =====================================================================
   3. DÜZEN: referans çubuğu, uygulama başlığı, alt sekme çubuğu
   ===================================================================== */
.ref-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.ref-bar__inner{max-width:var(--content-max);margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.ref-bar__title{font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.02em}
.ref-bar__controls{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;justify-content:flex-end}
.ref-bar__controls .segmented{flex:1 1 240px;max-width:340px}

/* Not: başlıkta backdrop-filter/transform kullanmayın; içindeki sabit alt sekme çubuğunu başlığa hapseder. */
.app-header{position:sticky;top:0;z-index:30;height:var(--header-h);background:var(--color-bg);border-bottom:1px solid var(--color-border)}
.app-header__inner{max-width:var(--content-max);height:100%;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:var(--weight-semibold)}
.brand__mark{width:32px;height:32px;border-radius:9px;background:var(--color-accent);color:var(--color-on-accent);display:grid;place-items:center}
.brand__mark .icon{width:18px;height:18px}
.brand__name{display:none;font-size:var(--text-md)}
.app-header__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}

.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}
.tab-bar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--tabbar-h);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--color-text-subtle)}
.tab-bar__icon{display:grid;place-items:center;padding:3px 16px;border-radius:var(--radius-pill);transition:background var(--dur-fast)}
.tab-bar__item .icon{width:22px;height:22px}
.tab-bar__item[aria-current="page"]{color:var(--color-accent-text)}
.tab-bar__item[aria-current="page"] .tab-bar__icon{background:var(--color-accent-soft)}

@media (min-width:1024px){
  .brand__name{display:inline}
  .app-header__title{display:none}
  .tab-bar{position:static;display:flex;gap:4px;margin-left:auto;background:none;border:0;padding:0}
  .tab-bar__item{flex-direction:row;gap:8px;min-height:40px;padding:0 14px 0 8px;border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-muted)}
  .tab-bar__icon{padding:0;background:none!important}
  .tab-bar__item .icon{width:20px;height:20px}
  .tab-bar__item[aria-current="page"]{background:var(--color-accent-soft)}
}
@media (hover:hover){.tab-bar__item:hover{color:var(--color-text)}}

/* Sayfa başlığı */
.page-head{display:grid;gap:4px}
.page-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.01em}
.page-subtitle{font-size:var(--text-base);color:var(--color-text-muted)}

/* =====================================================================
   4. AYARLAR DÜZENİ
   ===================================================================== */
.settings-layout{max-width:var(--content-max);margin:0 auto;padding:0 16px calc(var(--tabbar-h) + 150px)}
.settings-intro{padding-top:16px}
.settings-intro .page-head{display:none}
.settings-toolbar{display:flex;flex-wrap:wrap;gap:8px}
.settings-toolbar .search-field{flex:1 1 220px}
.settings-toolbar__view{flex:1 1 200px;max-width:320px}
.settings-toolbar__view .segmented{max-width:none}

.group-nav{position:sticky;top:var(--header-h);z-index:20;margin:16px -16px 0;padding:8px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.group-nav::-webkit-scrollbar{display:none}
.group-nav__item{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min);padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}
.group-nav__item .icon{display:none}
.group-nav__item[aria-current="true"]{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent-text)}
.group-nav__count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-2xs);font-weight:var(--weight-semibold);display:inline-grid;place-items:center}

@media (min-width:1024px){
  .settings-layout{display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-areas:"nav intro" "nav groups";column-gap:40px;padding-bottom:140px}
  .settings-intro{grid-area:intro;padding-top:32px}
  .settings-intro .page-head{display:grid;margin-bottom:20px}
  .settings-groups{grid-area:groups}
  .group-nav{grid-area:nav;align-self:start;top:calc(var(--header-h) + 24px);flex-direction:column;gap:2px;margin:32px 0 0;padding:0;border:0;background:none;overflow:visible;max-height:calc(100dvh - var(--header-h) - 48px);overflow-y:auto}
  .group-nav__item{width:100%;justify-content:flex-start;gap:10px;padding:0 12px;border:0;border-radius:var(--radius-md);background:none;font-size:var(--text-base)}
  .group-nav__item .icon{display:block}
  .group-nav__count{margin-left:auto}
}
@media (hover:hover){.group-nav__item:hover{color:var(--color-text);background:var(--color-surface-2)}}

/* Grup */
.settings-group{margin-top:28px;scroll-margin-top:calc(var(--header-h) + 72px)}
.settings-group__header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.settings-group__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--color-accent-soft);color:var(--color-accent-text);flex:none}
.settings-group__title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.3;min-height:36px}
.settings-group__desc{margin-top:2px;font-size:var(--text-sm);color:var(--color-text-muted);max-width:70ch}
.settings-group__body{overflow:clip}
@media (min-width:1024px){.settings-group{scroll-margin-top:calc(var(--header-h) + 24px)}}

.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}

/* Arama */
.search-field{display:flex;align-items:center;gap:8px;height:var(--control-h);padding:0 0 0 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-subtle)}
.search-field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}
.search-field__input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:var(--text-md);color:var(--color-text)}
.search-field__input::-webkit-search-cancel-button{display:none}
.search-field__input:focus-visible{outline:none}
.search-info{margin-top:20px;font-size:var(--text-sm);color:var(--color-text-muted)}

/* Durum özeti */
.status-summary{margin-top:16px;padding:16px}
.status-summary__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.status-summary__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em}
.status-summary__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.status-item{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-surface-2);text-align:left}
.status-item__label{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.3}
.status-item__value{display:flex;align-items:flex-start;gap:6px;font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1.3;color:var(--color-text)}
.status-item__value .icon{margin-top:1px}
.status-item--ok .status-item__value .icon{color:var(--color-success)}
.status-item--warn .status-item__value .icon{color:var(--color-warning)}
.status-item--off .status-item__value{color:var(--color-text-muted)}
.status-item--error{background:var(--color-danger-soft);border-color:var(--color-danger-border)}
.status-item--error .status-item__value{color:var(--color-danger-text)}
@media (min-width:768px){.status-summary{padding:20px}.status-summary__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (hover:hover){.status-item:hover{border-color:var(--color-border-strong)}}

/* =====================================================================
   5. AYAR SATIRI (.setting) — tüm ayar tiplerinin ortak kabuğu
   ===================================================================== */
.setting{position:relative;padding:16px;scroll-margin-top:calc(var(--header-h) + 76px)}
.setting + .setting{border-top:1px solid var(--color-border)}
.setting:focus{outline:none}
.setting.is-dirty::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--color-accent)}
.setting.is-highlight{animation:highlight 1.6s var(--ease)}
.setting__head{display:flex;align-items:center;gap:8px;min-height:32px}
.setting__title{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.setting__label{font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.35}
.setting__help{margin-top:4px;font-size:var(--text-sm);color:var(--color-text-muted);max-width:68ch}
.setting__control{margin-top:12px}
.setting__meta{margin-top:8px;font-size:var(--text-xs);color:var(--color-text-subtle);font-variant-numeric:tabular-nums}
.setting__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.setting__reset{margin:-6px -6px -6px 0}
.setting.is-disabled .setting__label{color:var(--color-text-muted)}
.setting.is-disabled .setting__states,.setting.is-disabled .setting__control{opacity:.6}
.setting__skeleton{display:grid;gap:8px;margin-top:12px}
@media (min-width:1024px){.setting{padding:20px 24px;scroll-margin-top:calc(var(--header-h) + 24px)}.setting.is-dirty::before{top:18px;bottom:18px}}

/* Açık / Kapalı satırları */
.setting__states{display:grid;gap:6px;margin-top:10px;max-width:68ch}
.setting__state{position:relative;display:flex;gap:6px;padding-left:16px;font-size:var(--text-sm);line-height:1.45;color:var(--color-text-subtle);transition:color var(--dur-base)}
.setting__state::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--color-border-strong);transition:background var(--dur-base),border-color var(--dur-base)}
.setting__state-key{flex:none;font-weight:var(--weight-semibold)}
.setting__state.is-active{color:var(--color-text)}
.setting__state.is-active::before{background:var(--color-accent);border-color:var(--color-accent)}

/* Alt kontrol (anahtar + saat / anahtar + sayı) */
.setting__sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
.setting__sub-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium)}
.setting__sub.is-off{opacity:.55}

/* Hata ve bağımlılık */
.field-error{display:flex;align-items:flex-start;gap:6px;margin-top:8px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-danger-text)}
.field-error .icon{margin-top:2px}
.setting-dependency{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);border:1px dashed var(--color-border-strong);background:var(--color-surface-2);font-size:var(--text-sm);color:var(--color-text-muted)}
.setting-dependency .icon{margin-top:2px;color:var(--color-text-subtle)}
.setting-dependency p{flex:1;min-width:0}
.setting-dependency strong{color:var(--color-text);font-weight:var(--weight-semibold)}
.link-btn{display:inline-flex;align-items:center;gap:4px;min-height:var(--touch-min);margin:-12px 0;color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}

/* =====================================================================
   6. KONTROLLER
   ===================================================================== */
/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-h);padding:0 16px;border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.2;white-space:nowrap;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}
.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}
.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}
.btn--ghost{color:var(--color-text-muted)}
.btn--danger{background:var(--color-danger);color:#fff}
.btn--danger-ghost{border-color:var(--color-danger-border);color:var(--color-danger-text)}
.btn--sm{padding:0 12px;font-size:var(--text-sm)}
.btn--block{width:100%}
.btn:disabled{opacity:.5}
.btn.is-loading{opacity:.8;cursor:progress}
.btn:active:not(:disabled){transform:translateY(1px)}
@media (hover:hover){
  .btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}
  .btn--secondary:hover:not(:disabled),.btn--ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}
  .btn--danger-ghost:hover:not(:disabled){background:var(--color-danger-soft)}
}
.icon-btn{display:inline-grid;place-items:center;flex:none;width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);color:var(--color-text-muted)}
@media (hover:hover){.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text)}}
.spinner{display:inline-block;flex:none;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}

/* Açma/kapama anahtarı */
.switch{position:relative;flex:none;width:52px;height:32px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-border-strong);transition:background var(--dur-base) var(--ease),border-color var(--dur-base)}
.switch::after{content:"";position:absolute;inset:-7px -4px}
.switch__thumb{position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform var(--dur-base) var(--ease)}
.switch[aria-checked="true"]{background:var(--color-accent);border-color:var(--color-accent)}
.switch[aria-checked="true"] .switch__thumb{transform:translateX(20px)}
.switch:disabled{opacity:.45}

/* Sayı girişi */
.number-wrap{display:inline-flex;align-items:center;gap:10px;max-width:100%}
.number-field{display:inline-flex;align-items:stretch;height:var(--control-h);width:176px;max-width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.number-field:focus-within,.number-field.is-focus-demo{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}
.number-field.is-invalid{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}
.number-field.is-disabled{background:var(--color-surface-2);opacity:.6}
.number-field--bare{width:100%}
.number-field__step{width:44px;flex:none;display:grid;place-items:center;background:var(--color-surface-2);color:var(--color-text-muted)}
.number-field__step:first-child{border-right:1px solid var(--color-border)}
.number-field__step:last-child{border-left:1px solid var(--color-border)}
.number-field__step:disabled{color:var(--color-text-subtle);opacity:.5}
.number-field__step:focus-visible{outline-offset:-3px}
.number-field__box{flex:1;min-width:0;display:flex;align-items:center;gap:2px;padding:0 10px;cursor:text}
.number-field__affix{color:var(--color-text-subtle);font-size:var(--text-md)}
.number-field__input{width:100%;min-width:2ch;height:100%;border:0;padding:0;background:none;outline:none;font-size:var(--text-md);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;text-align:center}
.number-field--bare .number-field__input{text-align:left}
.number-field__input:focus-visible{outline:none}
.number-unit{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}
.number-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.number-control--slider .slider{flex:1 1 160px;max-width:360px}
@media (hover:hover){.number-field__step:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-3)}}

/* Kaydırıcı */
.slider{--fill:50%;height:var(--touch-min);margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.slider:focus-visible{outline:none}
.slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--color-accent) 0 var(--fill),var(--color-surface-3) var(--fill) 100%)}
.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid var(--color-accent);box-shadow:var(--shadow-sm)}
.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-focus)}
.slider::-moz-range-track{height:6px;border-radius:999px;background:var(--color-surface-3)}
.slider::-moz-range-progress{height:6px;border-radius:999px;background:var(--color-accent)}
.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-accent)}
.slider:disabled{opacity:.45;cursor:not-allowed}

/* Alan etiketi */
.field-label{display:block;margin-bottom:6px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted)}

/* Aralık (alt/üst limit) */
.range-field__inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;max-width:420px}
.range-field__sep{height:var(--control-h);display:flex;align-items:center;color:var(--color-text-subtle)}

/* Çipler */
.chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.choice-chip{display:inline-flex;align-items:center;gap:8px;min-height:var(--touch-min);padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);font-variant-numeric:tabular-nums}
.choice-chip[aria-pressed="true"]{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-text)}
.choice-chip:disabled{opacity:.5}
.choice-chip__box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--color-border-strong);display:grid;place-items:center;color:transparent;background:var(--color-surface)}
.choice-chip__box .icon{width:12px;height:12px;stroke-width:3}
.choice-chip[aria-pressed="true"] .choice-chip__box{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}
@media (hover:hover){.choice-chip:hover:not(:disabled){border-color:var(--color-accent-border);color:var(--color-text)}}

/* Segment kontrol */
.segmented{display:flex;gap:3px;padding:3px;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);max-width:520px}
.segmented__option{flex:1 1 0;min-width:0;min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:calc(var(--radius-md) - 3px);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.25;text-align:center;color:var(--color-text-muted)}
.segmented__option[aria-checked="true"]{background:var(--color-surface-raised);color:var(--color-text);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm),0 0 0 1px var(--color-border)}
.segmented__option:disabled{opacity:.5}
.segmented__option .icon{width:16px;height:16px}
.segmented__option:focus-visible{outline-offset:-2px}
@media (hover:hover){.segmented__option:hover:not([aria-checked="true"]):not(:disabled){color:var(--color-text)}}

/* Seçenek listesi (az sayıda, açıklamalı / "yakında" rozetli) */
.option-list{display:grid;gap:8px;max-width:520px}
.option-list__item{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface)}
.option-list__item[aria-checked="true"]{border-color:var(--color-accent);background:var(--color-accent-soft)}
.option-list__item:disabled{opacity:.6}
.option-list__label{flex:1;font-weight:var(--weight-medium)}
.radio-dot{width:20px;height:20px;flex:none;border-radius:50%;border:2px solid var(--color-border-strong);display:grid;place-items:center;background:var(--color-surface)}
[aria-checked="true"] > .radio-dot,[aria-checked="true"] .radio-dot{border-color:var(--color-accent)}
[aria-checked="true"] > .radio-dot::after,[aria-checked="true"] .radio-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-accent)}

/* Açılır liste */
.select-field{position:relative;max-width:360px}
.select-field__input{width:100%;height:var(--control-h);padding:0 40px 0 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-md);-webkit-appearance:none;appearance:none;cursor:pointer}
.select-field__input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}
.select-field__input:disabled{background:var(--color-surface-2);opacity:.6;cursor:not-allowed}
.select-field__chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-muted)}

/* Metin alanı (gizli alan için) */
.text-field{display:flex;align-items:center;gap:8px;height:var(--control-h);max-width:520px;padding-left:12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}
.text-field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}
.text-field.is-invalid{border-color:var(--color-danger)}
.text-field__icon{color:var(--color-text-subtle)}
.text-field__input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:var(--text-md)}
.text-field__input:focus-visible{outline:none}
.text-field__action{align-self:stretch;min-width:72px;padding:0 12px;border-left:1px solid var(--color-border);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent-text)}
.text-field__action:disabled{color:var(--color-text-subtle);opacity:.6}

/* Gizli alan durumu */
.secret-status{display:inline-flex;align-items:center;gap:6px;margin:10px 0 12px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--text-sm);font-weight:var(--weight-medium)}
.secret-status--saved{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success-text)}
.secret-status--env{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text-muted)}
.secret-status--missing{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger-text)}

/* Satır içi sonuç */
.inline-result{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:var(--text-sm);font-weight:var(--weight-medium)}
.inline-result .icon,.inline-result .spinner{margin-top:2px}
.inline-result--loading{color:var(--color-text-muted)}
.inline-result--success{color:var(--color-success-text)}
.inline-result--error{color:var(--color-danger-text)}

/* Saat */
.time-range{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px}
.time-range__sep{height:var(--control-h);display:flex;align-items:center;color:var(--color-text-subtle)}
.time-input{height:var(--control-h);min-width:120px;padding:0 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-md);font-variant-numeric:tabular-nums}
.time-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}
.time-input:disabled{opacity:.55;background:var(--color-surface-2)}

/* =====================================================================
   7. RİSK KUTUSU, ROZETLER, ÇİPLER
   ===================================================================== */
.risk-callout{display:flex;gap:10px;margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--rc-border);background:var(--rc-bg);font-size:var(--text-sm);line-height:1.5;max-width:76ch}
.risk-callout__icon{display:flex;padding-top:1px;color:var(--rc-fg)}
.risk-callout__body{flex:1;min-width:0}
.risk-callout__level{float:right;margin:1px 0 4px 10px;font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--rc-fg)}
.risk-callout__text strong{color:var(--rc-fg);font-weight:var(--weight-semibold)}
.risk-callout__more{display:none}
.risk-callout--none{--rc-bg:var(--color-info-soft);--rc-border:var(--color-info-border);--rc-fg:var(--color-info-text)}
.risk-callout--low{--rc-bg:var(--color-warning-soft);--rc-border:var(--color-warning-border);--rc-fg:var(--color-warning-text)}
.risk-callout--medium{--rc-bg:var(--color-caution-soft);--rc-border:var(--color-caution-border);--rc-fg:var(--color-caution-text)}
.risk-callout--high{--rc-bg:var(--color-danger-soft);--rc-border:var(--color-danger-border);--rc-fg:var(--color-danger-text)}
@media (max-width:639px){
  .risk-callout.is-collapsible:not(.is-expanded) .risk-callout__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .risk-callout.is-collapsible .risk-callout__more{display:inline-flex;align-items:center;min-height:var(--touch-min);margin:-8px 0 -12px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--rc-fg);text-decoration:underline;text-underline-offset:3px}
}

.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:middle}
.badge--modified{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent-text)}
.badge--new{background:var(--color-info-soft);border-color:var(--color-info-border);color:var(--color-info-text)}
.badge--soon{background:var(--color-surface-2);border:1px dashed var(--color-border-strong);color:var(--color-text-muted)}
.badge--neutral{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text-muted)}
.badge--success{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success-text)}
.badge--danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger-text)}

.health-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:var(--radius-pill);border:1px solid;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}
.health-chip--ok{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success-text)}
.health-chip--warn{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning-text)}
.health-chip--error{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger-text)}

.decision-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:6px;border:1px solid;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;white-space:nowrap}
.decision-badge .icon{stroke-width:2.4}
.decision-badge--ok{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success-text)}
.decision-badge--caution{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning-text)}
.decision-badge--no{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger-text)}

.network-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted)}
.network-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--net)}
.network-badge--solana{--net:var(--color-net-solana)}
.network-badge--base{--net:var(--color-net-base)}
.network-badge--bsc{--net:var(--color-net-bsc)} /* eklendi: BSC (referansta yok) */

.dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%}
.dot--neutral{background:var(--color-border-strong)}
.dot--success{background:var(--color-success)}
.dot--warning{background:var(--color-warning)}
.dot--caution{background:var(--color-caution)}
.dot--danger{background:var(--color-danger)}

/* Terim açıklaması (bilgi ikonu) */
.term{position:relative;display:inline;color:inherit;font:inherit;text-decoration:underline dotted;text-decoration-color:var(--color-text-subtle);text-underline-offset:3px}
.term .icon{width:13px;height:13px;margin-left:2px;vertical-align:-2px;color:var(--color-text-subtle)}
.term-pop{position:fixed;z-index:80;display:grid;gap:4px;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--color-text-muted);animation:fade-in .15s}
.term-pop strong{color:var(--color-text)}

/* =====================================================================
   8. ÖZEL BİLEŞENLER
   ===================================================================== */
/* Fiyat etkisi tablosu */
.impact-table{margin-top:16px;max-width:560px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-size:var(--text-sm)}
.impact-table__head{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--color-surface-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted)}
.impact-row{display:grid;grid-template-columns:68px minmax(0,1fr) 52px 72px;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--color-border);font-variant-numeric:tabular-nums}
.impact-row__bar{position:relative;height:6px;border-radius:999px;background:var(--color-surface-3)}
.impact-row__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--color-success)}
.impact-row__bar::after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;border-radius:1px;background:var(--color-text-subtle)}
.impact-row__value{text-align:right;font-weight:var(--weight-medium)}
.impact-row__status{justify-self:end}
.impact-row.is-out{background:var(--color-danger-soft)}
.impact-row.is-out .impact-row__bar i{background:var(--color-danger)}
.impact-row.is-out .impact-row__value{color:var(--color-danger-text);font-weight:var(--weight-semibold)}
.impact-table__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:12px;border-top:1px solid var(--color-border);background:var(--color-surface-2)}
.impact-table__foot strong{font-size:var(--text-md)}
.impact-table__note{padding:0 12px 10px;background:var(--color-surface-2);font-size:var(--text-xs);color:var(--color-text-subtle)}

/* Eşik çubuğu (çok işaretli kaydırıcı) */
.threshold-bar{padding:30px 12px 0;max-width:600px}
.threshold-bar__track{position:relative;height:8px;border-radius:999px;background:var(--color-surface-3);touch-action:none}
.threshold-bar__zone{position:absolute;top:0;bottom:0;opacity:.9}
.threshold-bar__zone.is-start{border-radius:999px 0 0 999px}
.threshold-bar__zone.is-end{border-radius:0 999px 999px 0}
.threshold-bar__zone--neutral{background:var(--color-surface-3)}
.threshold-bar__zone--success{background:var(--color-success)}
.threshold-bar__zone--warning{background:var(--color-warning)}
.threshold-bar__zone--caution{background:var(--color-caution)}
.threshold-bar__zone--danger{background:var(--color-danger)}
.threshold-bar__handle{position:absolute;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;place-items:center;touch-action:none;cursor:grab;z-index:1}
.threshold-bar__handle::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--color-surface-raised);border:3px solid var(--hc);box-shadow:var(--shadow-sm)}
.threshold-bar__handle:focus-visible,.threshold-bar__handle.is-focus-demo{outline:none}
.threshold-bar__handle:focus-visible::before,.threshold-bar__handle.is-focus-demo::before,.threshold-bar__handle.is-dragging::before{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-focus)}
.threshold-bar__handle.is-dragging{cursor:grabbing;z-index:2}
.threshold-bar__handle:disabled{cursor:not-allowed;opacity:.6}
.threshold-bar__handle--success{--hc:var(--color-success)}
.threshold-bar__handle--warning{--hc:var(--color-warning)}
.threshold-bar__handle--caution{--hc:var(--color-caution)}
.threshold-bar__handle--danger{--hc:var(--color-danger)}
.threshold-bar__tip{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:6px;background:var(--color-text);color:var(--color-bg);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast)}
.threshold-bar__handle:focus-visible .threshold-bar__tip,.threshold-bar__handle.is-dragging .threshold-bar__tip,.threshold-bar__handle.is-focus-demo .threshold-bar__tip{opacity:1}
.threshold-bar__scale{display:flex;justify-content:space-between;margin:14px -12px 0;font-size:var(--text-xs);color:var(--color-text-subtle)}
.threshold-summary{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:var(--text-sm);color:var(--color-text-muted)}
.threshold-summary__item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.threshold-legend{display:grid;gap:14px;margin-top:16px;max-width:720px}
.threshold-legend__row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:6px 12px;align-items:start}
.threshold-legend__swatch{width:12px;height:12px;margin-top:5px;border-radius:3px}
.threshold-legend__text{display:grid;gap:2px}
.threshold-legend__label{font-size:var(--text-base);font-weight:var(--weight-medium)}
.threshold-legend__help{font-size:var(--text-sm);color:var(--color-text-muted)}
.threshold-legend__row .number-field{grid-column:2}
@media (min-width:640px){.threshold-legend__row{grid-template-columns:12px minmax(0,1fr) 176px;align-items:center}.threshold-legend__row .number-field{grid-column:3}}

/* Karar önizleme */
.decision-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface-2);font-size:var(--text-sm);color:var(--color-text-muted)}
.decision-preview__item{display:inline-flex;align-items:center;gap:6px;color:var(--color-text);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}

/* Kullanım çubuğu */
.usage-meter{display:grid;gap:6px;margin-top:14px;max-width:420px}
.usage-meter__head{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}
.usage-meter__head strong{color:var(--color-text)}
.usage-meter__track{height:8px;border-radius:999px;background:var(--color-surface-3);overflow:hidden}
.usage-meter__track i{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}

/* Risk profili */
.profile-options{display:grid;gap:10px;margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.profile-option{display:grid;gap:8px;align-content:start;padding:14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left}
.profile-option[aria-checked="true"]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}
.profile-option__head{display:flex;align-items:center;gap:10px}
.profile-option__name{flex:1;font-size:var(--text-md);font-weight:var(--weight-semibold)}
.profile-option__desc{font-size:var(--text-sm);color:var(--color-text-muted)}
.profile-option__facts{display:grid;gap:3px;font-size:var(--text-sm)}
.profile-option__facts li{position:relative;padding-left:12px}
.profile-option__facts li::before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--color-text-subtle)}
.profile-custom{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-accent-border);background:var(--color-accent-soft);font-size:var(--text-sm)}
.profile-custom .icon{margin-top:2px;color:var(--color-accent-text)}
@media (hover:hover){.profile-option:hover:not([aria-checked="true"]){border-color:var(--color-accent-border)}}

/* Sabit kurallar */
.setting--locked{background:var(--color-surface-2)}
.setting--locked .setting__label{display:inline-flex;align-items:center;gap:8px}
.locked-list{margin-top:10px}
.locked-list__item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px dashed var(--color-border-strong);font-size:var(--text-sm)}
.locked-list__item:first-child{border-top:0}
.locked-list__item .icon{margin-top:2px;color:var(--color-text-subtle)}

/* Cihazlar */
.device-list{display:grid;gap:10px}
.device-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md)}
.device-row__icon{width:40px;height:40px;border-radius:10px;background:var(--color-surface-2);display:grid;place-items:center;color:var(--color-text-muted)}
.device-row__text{min-width:0;display:grid;align-content:center}
.device-row__name{font-weight:var(--weight-medium)}
.device-row__meta{font-size:var(--text-sm);color:var(--color-text-muted)}
.device-row__text .inline-result{margin-top:4px}
.device-row__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
@media (min-width:768px){.device-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center}.device-row__actions{grid-column:auto;margin-top:0}}

/* Veri kaynakları */
.source-list{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;max-width:640px}
.source-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border-top:1px solid var(--color-border)}
.source-row:first-child{border-top:0}
.source-row__text{flex:1;min-width:0;display:grid}
.source-row__name{font-size:var(--text-sm);font-weight:var(--weight-medium)}
.source-row__meta{font-size:var(--text-xs);color:var(--color-text-muted)}

/* Son taramalar */
.scan-list{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-size:var(--text-sm)}
.scan-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 12px;border-top:1px solid var(--color-border);font-variant-numeric:tabular-nums}
.scan-row:first-child{border-top:0}
.scan-row--head{display:none}
.scan-row__time{font-weight:var(--weight-semibold)}
.scan-row__dur{color:var(--color-text-muted)}
.scan-row__status{grid-column:4;justify-self:end}
.scan-row__nums{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--color-text-muted)}
.scan-row__nums b{color:var(--color-text);font-weight:var(--weight-semibold)}
.scan-row__note{grid-column:1/-1;font-size:var(--text-xs);color:var(--color-text-muted)}
@media (min-width:768px){
  .scan-row{grid-template-columns:64px 64px repeat(3,minmax(0,1fr)) 96px}
  .scan-row--head{display:grid;background:var(--color-surface-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted)}
  .scan-row__nums{display:contents}
  .scan-row__nums span{color:var(--color-text-muted)}
  .scan-row__unit{display:none}
  .scan-row__status{grid-column:auto}
}
.reason-bars{display:grid;gap:10px;margin-top:16px;max-width:560px}
.reason-bars__title{font-size:var(--text-sm);font-weight:var(--weight-medium)}
.reason-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:var(--text-sm)}
.reason-bar__track{grid-column:1/-1;height:6px;border-radius:999px;background:var(--color-surface-3);overflow:hidden}
.reason-bar__track i{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}

/* Eylem satırı */
.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}

/* Kaydetme çubuğu */
.save-bar{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:35;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 16px;background:var(--color-surface-raised);border-top:1px solid var(--color-border);box-shadow:0 -6px 24px rgba(0,0,0,.08);transform:translateY(calc(100% + var(--tabbar-h) + 24px));visibility:hidden;transition:transform var(--dur-base) var(--ease),visibility var(--dur-base)}
.save-bar.is-visible{transform:none;visibility:visible}
.save-bar__info{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:var(--text-sm);font-weight:var(--weight-medium)}
.save-bar__dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent)}
.save-bar__err{color:var(--color-danger-text)}
.save-bar__actions{display:flex;gap:8px;flex:1 1 100%}
.save-bar__actions .btn{flex:1}
.save-bar--error .save-bar__info{color:var(--color-danger-text)}
.save-bar--success .save-bar__info{color:var(--color-success-text)}
@media (min-width:640px){.save-bar__actions{flex:0 0 auto}.save-bar__actions .btn{flex:none;min-width:112px}}
@media (min-width:1024px){
  .save-bar{left:50%;right:auto;bottom:24px;width:min(760px,calc(100% - 48px));padding:10px 12px 10px 20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:translate(-50%,calc(100% + 48px))}
  .save-bar.is-visible{transform:translate(-50%,0)}
}
.save-bar--inline{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;transform:none!important;visibility:visible!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;z-index:auto}

/* Alt sayfa / onay penceresi */
.sheet{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}
.sheet__backdrop{position:absolute;inset:0;background:var(--color-overlay);animation:fade-in .2s}
.sheet__panel{position:relative;width:100%;max-height:88dvh;overflow:auto;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface-raised);box-shadow:var(--shadow-lg);animation:sheet-up .24s var(--ease)}
.sheet__grip{width:40px;height:4px;margin:4px auto 14px;border-radius:2px;background:var(--color-border-strong)}
.sheet__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.35}
.sheet__body{margin-top:8px;color:var(--color-text-muted)}
.sheet__body > p + *{margin-top:12px}
.sheet__note{margin-top:12px;font-size:var(--text-sm);color:var(--color-text-subtle)}
.sheet__actions{display:flex;flex-direction:column-reverse;gap:8px;margin-top:20px}
.sheet__actions .btn{width:100%}
@media (min-width:640px){
  .sheet{align-items:center;padding:24px}
  .sheet__panel{max-width:520px;padding:24px;border-radius:var(--radius-xl)}
  .sheet__grip{display:none}
  .sheet__actions{flex-direction:row;justify-content:flex-end}
  .sheet__actions .btn{width:auto}
}
.sheet__panel--inline{max-width:520px;animation:none;box-shadow:var(--shadow-md);border:1px solid var(--color-border);border-radius:var(--radius-xl)}
.sheet__panel--inline .sheet__grip{display:block}

/* Değişiklik listesi (eski → yeni) */
.diff-list{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}
.diff-row{display:grid;gap:4px;padding:10px 12px;border-top:1px solid var(--color-border);font-size:var(--text-sm)}
.diff-row:first-child{border-top:0}
.diff-row__label{color:var(--color-text);font-weight:var(--weight-medium)}
.diff-row__values{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.diff-row__old{color:var(--color-text-subtle);text-decoration:line-through}
.diff-row__new{color:var(--color-text);font-weight:var(--weight-semibold)}

/* Bildirim (toast) */
.toast-region{position:fixed;left:16px;right:16px;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));z-index:70;display:grid;gap:8px;justify-items:center;pointer-events:none}
body.has-savebar .toast-region{bottom:calc(var(--tabbar-h) + 132px + env(safe-area-inset-bottom))}
.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;width:100%;max-width:480px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);opacity:0;transform:translateY(8px);transition:opacity var(--dur-base),transform var(--dur-base) var(--ease)}
.toast.is-visible{opacity:1;transform:none}
.toast .icon{margin-top:1px}
.toast--inline{opacity:1;transform:none;max-width:420px}
@media (min-width:1024px){.toast-region,body.has-savebar .toast-region{left:auto;right:24px;bottom:24px;justify-items:end;width:420px}body.has-savebar .toast-region{bottom:104px}}

/* Boş, yükleniyor, hata */
.empty-state{display:grid;justify-items:center;gap:10px;max-width:420px;margin:24px auto;padding:40px 24px;text-align:center}
.empty-state__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--color-surface-2);color:var(--color-text-muted)}
.empty-state__icon .icon{width:26px;height:26px}
.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}
.empty-state__text{font-size:var(--text-sm);color:var(--color-text-muted)}
.empty-state .btn{margin-top:6px}
.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}
.skeleton--line{height:12px}
.skeleton--short{width:60%}
.skeleton--title{height:16px;width:45%}
.skeleton--control{height:var(--control-h);width:176px;border-radius:var(--radius-md)}
.skeleton--switch{width:52px;height:32px;border-radius:999px}
.page-error{display:grid;justify-items:start;gap:8px;padding:20px;border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);background:var(--color-danger-soft)}
.page-error__title{display:flex;align-items:center;gap:8px;font-weight:var(--weight-semibold);color:var(--color-danger-text)}
.page-error__text{font-size:var(--text-sm);color:var(--color-text)}
.view-hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding:16px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-muted)}
.settings-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding:16px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}
.settings-footer__text{display:grid;gap:2px;font-size:var(--text-sm);color:var(--color-text-muted)}
.settings-footer__text strong{color:var(--color-text);font-weight:var(--weight-medium);font-size:var(--text-base)}

/* =====================================================================
   9. FIRSAT KARTI (Radar listesi)
   ===================================================================== */
.page{max-width:var(--content-max);margin:0 auto;padding:16px 16px calc(var(--tabbar-h) + 32px)}
.page .page-head{margin-top:8px}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.opportunity-list{display:grid;gap:16px;margin-top:16px}
@media (min-width:1024px){.page{padding-top:32px}.opportunity-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
.opportunity-card{display:grid;gap:14px;padding:16px}
.opportunity-card__head{display:flex;align-items:flex-start;gap:12px}
.token-avatar{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--color-surface-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}
.opportunity-card__id{flex:1;min-width:0}
.opportunity-card__symbol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.3}
.opportunity-card__sub{margin-top:2px;font-size:var(--text-sm);color:var(--color-text-muted)}
.score-block{display:grid;justify-items:end;gap:6px}
.score-block__value{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1;font-variant-numeric:tabular-nums}
.score-block__value small{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-subtle)}
.score-meter{position:relative;height:6px;border-radius:999px;background:linear-gradient(to right,var(--color-success) 0 var(--ok),var(--color-warning) var(--ok) var(--caution),var(--color-danger) var(--caution) 100%);opacity:.85}
.score-meter__marker{position:absolute;left:var(--score);top:-5px;width:4px;height:16px;margin-left:-2px;border-radius:2px;background:var(--color-text);box-shadow:0 0 0 2px var(--color-surface)}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.metric-grid > div{min-width:0;padding:8px 10px;border-radius:var(--radius-md);background:var(--color-surface-2)}
.metric-grid dt{font-size:var(--text-xs);color:var(--color-text-muted)}
.metric-grid dd{margin:2px 0 0;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}
.is-up{color:var(--color-success-text)}
.is-down{color:var(--color-danger-text)}
.ai-summary{padding:10px 12px;border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-accent-soft);font-size:var(--text-sm);line-height:1.55}
.ai-summary__tag{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent-text)}
.flag-list{display:grid;gap:6px}
.flag{display:flex;align-items:flex-start;gap:8px;font-size:var(--text-sm)}
.flag__sign{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:6px;font-weight:700;line-height:1}
.flag--neg .flag__sign{background:var(--color-danger-soft);color:var(--color-danger-text)}
.flag--pos .flag__sign{background:var(--color-success-soft);color:var(--color-success-text)}
.opportunity-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opportunity-card__actions .btn--primary{grid-column:1/-1}
@media (min-width:640px){.opportunity-card__actions{display:flex;flex-wrap:wrap}.opportunity-card__actions .btn--primary{grid-column:auto}}
.disclosure__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--touch-min);border-top:1px solid var(--color-border);padding-top:2px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}
.disclosure__toggle .icon{transition:transform var(--dur-base)}
.disclosure__toggle[aria-expanded="true"] .icon{transform:rotate(180deg)}
.score-breakdown{display:grid;gap:6px;font-size:var(--text-sm)}
.score-breakdown li{display:flex;justify-content:space-between;gap:12px}
.score-breakdown b{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-caution-text)}
.score-breakdown__total{padding-top:6px;border-top:1px dashed var(--color-border-strong);font-weight:var(--weight-semibold)}
.score-breakdown__total b{color:var(--color-text)}

/* =====================================================================
   10. BİLEŞEN KATALOĞU
   ===================================================================== */
.catalog{max-width:var(--content-max);margin:0 auto;padding:24px 16px 96px}
.catalog-head{display:grid;gap:12px}
.catalog-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.catalog-toc a{display:inline-flex;align-items:center;min-height:var(--touch-min);padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none}
.catalog-section{margin-top:44px;scroll-margin-top:16px}
.catalog-section__title{font-size:var(--text-xl);font-weight:var(--weight-semibold)}
.catalog-section__desc{margin-top:4px;font-size:var(--text-sm);color:var(--color-text-muted);max-width:76ch}
.catalog-section__classes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.catalog-grid{display:grid;gap:16px;margin-top:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start}
.catalog-demo{display:grid;gap:6px;min-width:0}
.catalog-demo__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle)}
.catalog-demo__body{min-width:0}
.catalog-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.swatch-grid{display:grid;gap:10px;margin-top:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.swatch{display:flex;align-items:center;gap:10px;min-width:0}
.swatch__chip{width:40px;height:40px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--color-border)}
.swatch__name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);overflow-wrap:anywhere}
.swatch-group__title{margin-top:20px;font-size:var(--text-sm);font-weight:var(--weight-semibold)}
.type-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--color-border)}
.type-row code{justify-self:start}
.space-row{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:var(--text-xs);color:var(--color-text-muted)}
.space-row i{display:block;height:12px;border-radius:3px;background:var(--color-accent)}
.radius-demo{width:64px;height:64px;display:grid;place-items:center;border:2px solid var(--color-accent);background:var(--color-accent-soft);font-size:var(--text-xs);color:var(--color-accent-text)}
.shadow-demo{width:120px;height:72px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-xs);color:var(--color-text-muted)}