/* WW_UI — wwidgets arayüzü (giriş/kayıt/şifre sayfaları + panel kabuğu + genel bakış).
   Kaynak: wwidgets/tema/src/assets/css/ww-ui.css · kur: tema/kur_tema.sh · geri al: tema/geri_al_tema.sh
   Yalnız body.ww-ui altındaki öğeleri etkiler; koyu tema Altum'un body[data-theme-style="dark"] düzeniyle çalışır. */

.ww-ui{
 --p:#6c4cf1; --p2:#b23bd8; --pk:#ff5c7a; --ink:#1c1533; --mut:#625a7c; --bg:#fbfaff; --soft:#f2eeff; --line:#ece6f8; --card:#ffffff;
 --ok:#0f8a5f; --ok-s:#e3f5ec; --warn:#a45f00; --warn-s:#fff2de; --bad:#c62f4a; --bad-s:#fde8ec; --onp:#ffffff;
 --f:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --m:"JetBrains Mono",ui-monospace,Menlo,monospace;
 --ring:0 0 0 3px color-mix(in srgb,var(--p) 40%,transparent);
 background:var(--bg)!important; color:var(--ink); font-family:var(--f);
}
.ww-ui[data-theme-style="dark"]{
 --p:#8b72ff; --p2:#c45be6; --ink:#efeaff; --mut:#aaa2c6; --bg:#120e1f; --soft:#211a38; --line:#2d2648; --card:#19142b;
 --ok:#4fd1a0; --ok-s:#123326; --warn:#f5b95c; --warn-s:#3a2a10; --bad:#ff7b93; --bad-s:#3a1522; color-scheme:dark;
}
.ww-ui *,.ww-ui *::before,.ww-ui *::after{box-sizing:border-box}
.ww-ui [hidden]{display:none!important}
.ww-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* görünür odak (klavye) */
.ww-ui a:focus-visible,.ww-ui button:focus-visible,.ww-ui input:focus-visible,.ww-ui select:focus-visible,.ww-ui textarea:focus-visible,.ww-ui [tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--p) 55%,transparent);outline-offset:2px;box-shadow:none}

/* ---------- ortak bileşenler ---------- */
.ww-logo{display:inline-flex;align-items:center;gap:9px;font:800 19px/1 var(--f);color:var(--ink)!important;letter-spacing:-.01em;text-decoration:none!important;min-height:44px}
.ww-logo svg{width:30px;height:30px;flex:none}
.ww-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:11px;border:1px solid transparent;font:700 15px/1.2 var(--f);cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:filter .15s,background .15s}
.ww-btn.pri{background:linear-gradient(135deg,var(--p),var(--p2));color:var(--onp)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--p) 30%,transparent)}
.ww-btn.pri:hover{filter:brightness(1.07)}
.ww-btn.sec{background:var(--card);color:var(--ink)!important;border-color:var(--line)}
.ww-btn.sec:hover{background:var(--soft)}
.ww-btn.ghost{background:transparent;color:var(--mut)!important;min-height:44px;padding:0 10px}
.ww-btn.sm{min-height:44px;padding:0 14px;font-size:14px;border-radius:10px}
.ww-btn.full{width:100%}
.ww-btn[disabled],.ww-btn.disabled{opacity:.55;pointer-events:none;box-shadow:none}
.ww-btn img,.ww-btn svg{width:18px;height:18px;flex:none}
.ww-pill{display:inline-flex;align-items:center;gap:6px;font:600 12px/1.4 var(--f);padding:3px 9px;border-radius:999px;white-space:nowrap}
.ww-pill.ok{background:var(--ok-s);color:var(--ok)}.ww-pill.warn{background:var(--warn-s);color:var(--warn)}.ww-pill.mut{background:var(--soft);color:var(--mut)}.ww-pill.p{background:var(--soft);color:var(--p)}
.ww-card{background:var(--card);border:1px solid var(--line);border-radius:14px}
.ww-help{font-size:13px;color:var(--mut)}

/* alanlar */
.ww-f{display:grid;gap:6px;min-width:0}
.ww-f>label,.ww-f .ww-row>label{font:600 13.5px/1.3 var(--f);color:var(--ink);margin:0}
.ww-f .ww-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ww-f .ww-row a{font:600 13px var(--f);color:var(--p);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.ww-in{display:block;width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);padding:0 14px;font:400 16px var(--f);transition:border-color .15s}
.ww-in:hover{border-color:color-mix(in srgb,var(--p) 35%,var(--line))}
.ww-in:focus{border-color:var(--p);outline:0;box-shadow:var(--ring)}
.ww-in.is-invalid{border-color:var(--bad)}
.ww-in.is-ok{border-color:var(--ok)}
.ww-in::placeholder{color:color-mix(in srgb,var(--mut) 70%,transparent)}
.ww-ui .invalid-feedback{color:var(--bad);font-size:13px;margin-top:2px}
.ww-pw{position:relative}
.ww-pw .ww-in{padding-right:84px}
.ww-pw button{position:absolute;right:4px;top:4px;height:40px;min-width:72px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--mut);font:600 13px var(--f);cursor:pointer}
.ww-pw button:hover{color:var(--ink);background:var(--soft)}
.ww-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px}
.ww-meter i{height:4px;border-radius:2px;background:var(--line);transition:background .2s}
.ww-meter[data-score="1"] i:nth-child(-n+1){background:var(--bad)}
.ww-meter[data-score="2"] i:nth-child(-n+2){background:var(--warn)}
.ww-meter[data-score="3"] i:nth-child(-n+3),.ww-meter[data-score="4"] i{background:var(--ok)}
.ww-chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--mut);cursor:pointer;margin:0;min-height:24px}
.ww-chk input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--p);flex:none;cursor:pointer}
.ww-chk a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.ww-sep{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:13px}
.ww-sep::before,.ww-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.ww-safe{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mut)}
.ww-safe svg{width:16px;height:16px;color:var(--ok);flex:none}
.ww-cap{display:flex;justify-content:center;min-height:65px;align-items:center;overflow:hidden;border-radius:11px}
.ww-cap:empty{display:none}
.ww-cap .cf-turnstile,.ww-cap .g-recaptcha,.ww-cap .h-captcha{max-width:100%}

/* uyarılar (Altum output_alert) */
.ww-ui .alert{border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:14px;padding:12px 44px 12px 14px;margin:0 0 16px;position:relative}
.ww-ui .alert-success{background:var(--ok-s);border-color:color-mix(in srgb,var(--ok) 35%,transparent);color:var(--ok)}
.ww-ui .alert-danger{background:var(--bad-s);border-color:color-mix(in srgb,var(--bad) 35%,transparent);color:var(--bad)}
.ww-ui .alert-warning{background:var(--warn-s);border-color:color-mix(in srgb,var(--warn) 35%,transparent);color:var(--warn)}
.ww-ui .alert-info{background:var(--soft);border-color:var(--line);color:var(--p)}
.ww-ui .alert .close{position:absolute;right:4px;top:2px;width:40px;height:40px;opacity:.7;color:inherit;text-shadow:none}

/* ---------- giriş / kayıt düzeni (basic_wrapper) ---------- */
.ww-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100dvh}
.ww-auth-side{position:sticky;top:0;height:100vh;height:100dvh;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--p) 22%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--pk) 18%,transparent),transparent 60%),var(--soft);padding:40px clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow:hidden}
.ww-auth-side h2{margin:0;font:800 clamp(26px,2.6vw,34px)/1.15 var(--f);letter-spacing:-.015em;text-wrap:balance;color:var(--ink);max-width:16em}
.ww-auth-side ul{margin:0;padding:0;list-style:none;display:grid;gap:14px;max-width:30em}
.ww-auth-side li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--ink)}
.ww-auth-side li b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--card);color:var(--p);font:700 13px var(--m);flex:none}
.ww-auth-mid{display:grid;gap:22px}
.ww-toast{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 26px rgba(28,21,51,.10);max-width:330px}
.ww-toast .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--pk));flex:none}
.ww-toast b{font-size:14px;display:block}
.ww-toast small{display:block;color:var(--mut);font-size:12px}
.ww-auth-main{padding:40px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}
.ww-auth-mlogo{display:none}
.ww-auth-box{width:100%;max-width:400px;display:grid;gap:16px}
.ww-auth-box form{display:grid;gap:16px;margin:0}
.ww-auth-box h1{margin:0;font:800 26px/1.2 var(--f);letter-spacing:-.01em;color:var(--ink)}
.ww-auth-box .ww-sub{margin:-8px 0 0;color:var(--mut);font-size:15px}
.ww-auth-box .ww-sub strong{color:var(--ink)}
.ww-alt{text-align:center;font-size:14px;color:var(--mut);margin:4px 0 0}
.ww-alt a{color:var(--p);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.ww-alt a:hover{text-decoration:underline}
.ww-auth-row{display:flex;justify-content:space-between;align-items:center;gap:8px 14px;flex-wrap:wrap}
.ww-auth-row a{font-size:13px;color:var(--mut);text-decoration:underline;text-underline-offset:2px;min-height:32px;display:inline-flex;align-items:center}
.ww-social{display:grid;gap:8px}
.ww-done{display:grid;gap:10px;justify-items:start;padding:18px}
.ww-done .ic{width:48px;height:48px;border-radius:14px;background:var(--ok-s);color:var(--ok);display:grid;place-items:center}
.ww-done .ic svg{width:24px;height:24px}
.ww-done b{font-size:16px}
.ww-auth-plain{max-width:560px;margin:0 auto;padding:48px 16px}
.ww-auth-plain .ww-card{padding:28px}
@media (max-width:900px){
 .ww-auth{grid-template-columns:1fr}
 .ww-auth-side{display:none}
 .ww-auth-main{padding:20px 16px 32px;justify-content:flex-start;align-items:stretch}
 .ww-auth-mlogo{display:flex;margin:0 auto 22px;width:100%;max-width:400px}
 .ww-auth-box{margin:0 auto}
}

/* ---------- panel kabuğu (app_wrapper) ---------- */
.ww-app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;min-height:100dvh}
.ww-nav{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;border-right:1px solid var(--line);background:var(--card);padding:16px 12px;display:flex;flex-direction:column;gap:16px}
.ww-nav .ww-logo{padding:0 8px}
.ww-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ww-nav a.ww-ni{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 10px;border-radius:10px;color:var(--mut);text-decoration:none;font:600 14.5px var(--f)}
.ww-nav a.ww-ni svg{width:19px;height:19px;flex:none}
.ww-nav a.ww-ni:hover{background:var(--soft);color:var(--ink)}
.ww-nav a.ww-ni[aria-current="page"]{background:var(--soft);color:var(--ink)}
.ww-nav a.ww-ni[aria-current="page"] svg{color:var(--p)}
.ww-nav .ww-nav-lbl{font:600 11.5px var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:0 10px;margin:4px 0 2px}
.ww-plan{margin-top:auto;padding:14px;border-radius:12px;background:var(--soft);display:grid;gap:4px;font-size:13px;color:var(--mut)}
.ww-plan b{font-size:14px;color:var(--ink)}
.ww-plan a{color:var(--p);font-weight:700;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.ww-col{min-width:0;display:flex;flex-direction:column}
.ww-top{position:sticky;top:0;z-index:1020;display:flex!important;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap!important;padding:8px 20px!important;min-height:60px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ww-top .ww-logo{display:none}
.ww-tools{list-style:none;margin:0 0 0 auto;padding:0;display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
.ww-tools>li{position:relative;list-style:none}
.ww-tools .nav-link,.ww-tool{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px!important;border-radius:10px;border:0;background:transparent;color:var(--mut)!important;font:600 14px var(--f);text-decoration:none!important;cursor:pointer}
.ww-tools .nav-link:hover,.ww-tool:hover{background:var(--soft);color:var(--ink)!important}
.ww-tools .dropdown-toggle::after{display:none}
.ww-tool svg{width:20px;height:20px}
.ww-ui[data-theme-style="dark"] .ww-tool .ww-sun,.ww-ui:not([data-theme-style="dark"]) .ww-tool .ww-moon{display:none}
.ww-user .navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin:0!important}
.ww-user .ww-uname{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.ww-dot{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;background:var(--bad);border:2px solid var(--card)}
.ww-top .dropdown-menu{border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(28,21,51,.16);padding:6px;max-width:calc(100vw - 24px);max-height:calc(100vh - 90px);overflow-y:auto;background:var(--card)}
.ww-top .dropdown-item{border-radius:8px;min-height:40px;display:flex;align-items:center;font-size:14px;color:var(--ink);white-space:normal}
.ww-top .dropdown-item:hover,.ww-top .dropdown-item:focus{background:var(--soft);color:var(--ink)}
.ww-top .dropdown-item.active,.ww-top .dropdown-item:active{background:var(--soft);color:var(--p);font-weight:700}
.ww-top .dropdown-item i{color:var(--mut)}
.ww-main{flex:1 0 auto;padding:24px 0 40px;min-width:0}
.ww-main>.container,.ww-main>.container-fluid{max-width:1180px}
.ww-app-foot{padding:0 20px 24px}
.ww-app .ww-foot{margin-inline:0;border-radius:18px;padding:44px clamp(16px,3vw,40px) 24px;gap:32px}
.ww-app .ww-foot-mark{font-size:clamp(56px,10vw,140px)}
.ww-tabbar{display:none}
@media (max-width:900px){
 .ww-app{grid-template-columns:1fr}
 .ww-nav{display:none}
 .ww-top{padding:6px 12px!important;background:var(--card)}
 .ww-top .ww-logo{display:inline-flex}
 .ww-user .ww-uname{display:none}
 .ww-main{padding:16px 0 calc(96px + env(safe-area-inset-bottom,0px))}
 .ww-app-foot{padding:0 12px calc(84px + env(safe-area-inset-bottom,0px))}
 .ww-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1030;background:var(--card);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}
 .ww-tabbar a{flex:1 1 0;display:grid;justify-items:center;align-content:center;gap:2px;min-height:52px;font:600 11px/1.2 var(--f);color:var(--mut);text-decoration:none;border-radius:10px;text-align:center;padding:2px;min-width:0}
 .ww-tabbar a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ww-tabbar a svg{width:22px;height:22px}
 .ww-tabbar a[aria-current="page"]{color:var(--p)}
 .ww-app-page #ww-ck{bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:380px){
 .ww-top .ww-logo span{display:none}
 .ww-tools .ww-lang .nav-link span{display:none}
}

/* ---------- genel bakış (dashboard) ---------- */
.ww-dash{display:grid;gap:22px;min-width:0}
.ww-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ww-hd h1{margin:0;font:800 24px/1.2 var(--f);letter-spacing:-.01em;color:var(--ink)}
.ww-hd p{margin:4px 0 0;color:var(--mut);font-size:14px}
.ww-hd .ww-acts{display:flex;gap:8px;flex-wrap:wrap}
.ww-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ww-kpi{position:relative;padding:14px 16px;display:grid;gap:4px;min-width:0;align-content:start}
.ww-kpi small{color:var(--mut);font-size:13px;font-weight:600}
.ww-kpi b{font:700 23px/1.2 var(--f);font-variant-numeric:tabular-nums;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ww-kpi b span{font-weight:500;font-size:14px;color:var(--mut)}
.ww-kpi em{font-style:normal;font:500 12.5px var(--m);color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ww-kpi a{color:inherit;text-decoration:none}
.ww-kpi a.stretched-link::after{border-radius:14px}
.ww-bar{height:6px;border-radius:4px;background:var(--soft);overflow:hidden;margin-top:4px}
.ww-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--p),var(--p2));transition:width .4s}
.ww-bar i.warn{background:var(--warn)}.ww-bar i.bad{background:var(--bad)}.ww-bar i.ok{background:var(--ok)}
.ww-chart{padding:16px}
.ww-chart .chart-container{min-height:220px}
.ww-chart h2{font-size:15px!important;margin:0}
.ww-sect{display:grid;gap:10px;min-width:0}
.ww-sect>header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ww-sect h2{margin:0;font:700 17px var(--f);color:var(--ink)}
.ww-sect header a.ww-more{font:600 13.5px var(--f);color:var(--p);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.ww-list{display:grid}
.ww-it{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line);min-width:0}
.ww-it:last-child{border-bottom:0}
.ww-it .ico{width:40px;height:40px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:var(--p);font-size:16px;overflow:hidden}
.ww-it .ico img{width:20px;height:20px}
.ww-it .ttl{min-width:0}
.ww-it .ttl a,.ww-it .ttl b{display:block;font-weight:700;font-size:14.5px;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ww-it .ttl a:hover{color:var(--p)}
.ww-it .ttl small{display:block;color:var(--mut);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ww-it .ttl small a{display:inline;color:var(--mut);font-weight:500;font-size:13px}
.ww-it .num{font:500 13px var(--m);color:var(--mut);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;text-decoration:none}
.ww-it .num:hover{color:var(--p)}
.ww-it .end{display:flex;gap:2px;align-items:center}
.ww-it .dropdown-toggle::after{display:none}
.ww-kebab{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:0;background:transparent;color:var(--mut);cursor:pointer}
.ww-kebab svg{width:20px;height:20px;flex:none}
.ww-dash svg.w-100{max-height:120px;height:auto!important}
.ww-kebab:hover{background:var(--soft);color:var(--ink)}
.ww-dash .dropdown-menu{border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(28,21,51,.14);padding:6px;background:var(--card)}
.ww-dash .dropdown-item{border-radius:8px;min-height:40px;display:flex;align-items:center;font-size:14px;color:var(--ink)}
.ww-dash .dropdown-item:hover{background:var(--soft)}
/* aç/kapa anahtarı (gerçek onay kutusu: Altum ajax_call_helper ile çalışır) */
.ww-sw{display:inline-flex;align-items:center;justify-content:center;width:52px;height:44px;margin:0;cursor:pointer;flex:none}
.ww-sw input{-webkit-appearance:none;appearance:none;width:42px;height:24px;border-radius:999px;background:var(--line);position:relative;margin:0;cursor:pointer;transition:background .15s;flex:none}
.ww-sw input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.ww-sw input:checked{background:var(--ok)}
.ww-sw input:checked::after{left:21px}
.ww-sw input:focus-visible{outline:3px solid color-mix(in srgb,var(--p) 55%,transparent);outline-offset:2px}
.ww-empty{padding:22px;display:grid;gap:10px;justify-items:start}
.ww-empty p{margin:0;color:var(--mut);font-size:15px}
.ww-dash .no-data-container,.ww-dash .card{background:var(--card);border-color:var(--line)}
@media (max-width:1100px){.ww-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
 .ww-dash{gap:16px}
 .ww-hd h1{font-size:21px}
 .ww-hd .ww-acts{width:100%}
 .ww-hd .ww-acts .ww-btn.pri{flex:1}
 .ww-kpis{gap:8px}
 .ww-kpi{padding:12px}
 .ww-kpi b{font-size:20px}
 .ww-it{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:8px 4px 8px 12px}
 .ww-it .ico{width:36px;height:36px}
 .ww-it .num{display:none}
}

/* ---------- yapay zeka sayfası (/ai, WW_AI) ---------- */
.ww-mono{font-family:var(--m);font-size:.92em}
.ww-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.5;border:1px solid var(--line);background:var(--soft);color:var(--ink)}
.ww-note svg{width:20px;height:20px;flex:none;margin-top:1px}
.ww-note.ok{background:var(--ok-s);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.ww-note.ok svg{color:var(--ok)}
.ww-note.warn{background:var(--warn-s);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.ww-note.warn svg{color:var(--warn)}
.ww-note a{color:var(--p);font-weight:700}
.ww-ai .ww-empty b{font-size:16px;color:var(--ink)}
.ww-ai-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}
.ww-ai-col{display:grid;gap:18px;min-width:0}
.ww-ai .ww-sect>header form{margin:0}
.ww-cred{padding:18px;display:grid;gap:12px;min-width:0}
.ww-cred-meta{display:flex;justify-content:space-between;align-items:baseline;gap:4px 10px;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.ww-cred-meta h2{margin:0;font:700 15px var(--f);color:var(--ink)}
.ww-cred-big{display:flex;align-items:baseline;gap:4px 8px;flex-wrap:wrap}
.ww-cred-big b{font:800 34px/1.1 var(--f);font-variant-numeric:tabular-nums;color:var(--ink)}
.ww-cred-big span{color:var(--mut);font-size:14px}
.ww-cred .ww-bar{height:9px;margin:0}
.ww-cred p{margin:0}
.ww-packs-f{margin:0}
.ww-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ww-pack{position:relative;border:1px solid var(--line);border-radius:12px;padding:14px 8px 10px;display:grid;gap:2px;justify-items:center;text-align:center;background:var(--card);color:var(--ink);font:inherit;cursor:pointer;min-height:44px;min-width:0;transition:border-color .15s,background .15s}
.ww-pack:hover{border-color:var(--p);background:var(--soft)}
.ww-pack.best{border-color:var(--p);box-shadow:0 0 0 1px var(--p) inset}
.ww-pack .ww-pill{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--card);border:1px solid var(--p);font-size:11px;padding:1px 8px}
.ww-pack b{font:800 19px/1.2 var(--f);font-variant-numeric:tabular-nums}
.ww-pack small{color:var(--mut);font-size:12px}
.ww-price{font:700 14px var(--f);color:var(--ink);font-variant-numeric:tabular-nums}
.ww-price s{color:var(--mut);font-weight:500;margin-right:2px}
.ww-pack-cta{margin-top:6px;min-height:36px;width:100%;display:grid;place-items:center;border-radius:9px;background:var(--soft);color:var(--p);font:700 13.5px var(--f)}
.ww-pack.best .ww-pack-cta{background:linear-gradient(135deg,var(--p),var(--p2));color:var(--onp)}
.ww-pack[disabled]{cursor:not-allowed;opacity:.6}
.ww-pack[disabled]:hover{background:var(--card);border-color:var(--line)}
.ww-warn-t{color:var(--warn)!important}
.ww-packlist summary{cursor:pointer;font:600 13.5px var(--f);color:var(--p);min-height:44px;display:flex;align-items:center}
.ww-packlist ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ww-packlist li{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13.5px;padding:6px 0;border-top:1px solid var(--line)}
.ww-packlist li small{color:var(--mut)}
.ww-url{display:flex;gap:8px;align-items:stretch;min-width:0}
.ww-url code{flex:1;min-width:0;display:flex;align-items:center;font:500 13.5px/1.4 var(--m);color:var(--ink);background:var(--soft);border-radius:10px;padding:10px 12px;overflow-wrap:anywhere;word-break:break-all}
.ww-con{display:grid;gap:8px}
.ww-con .ww-card{padding:12px 14px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 14px;align-items:start;min-width:0}
.ww-con .ww-cmd{grid-column:2}
.ww-con b{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink)}
.ww-con p{margin:0;font-size:13px;line-height:1.5;color:var(--mut)}
.ww-dotc{width:12px;height:12px;border-radius:4px;flex:none}
.ww-dotc.cl{background:#d97757}.ww-dotc.gp{background:#10a37f}.ww-dotc.gm{background:linear-gradient(135deg,#4285f4,#9b72cb)}
.ww-cmd{display:block;font:500 12px/1.5 var(--m);color:var(--ink);background:var(--soft);border-radius:8px;padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.ww-ai .ww-it{grid-template-columns:40px minmax(0,1fr) auto}
.ww-ai .ww-it .ttl small{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.ww-ai .ww-it form{margin:0}
.ww-ai .ww-empty{padding:18px}
.ww-ipf{display:grid;gap:12px;margin:0}
.ww-ipm{display:grid;gap:8px;border:0;margin:0;padding:0;min-width:0}
.ww-ipm label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--card);margin:0;min-height:44px}
.ww-ipm label.on,.ww-ipm label:has(input:checked){border-color:var(--p);box-shadow:0 0 0 1px var(--p) inset}
.ww-ipm input{accent-color:var(--p);margin:2px 0 0;width:20px;height:20px;flex:none}
.ww-ipm b{display:block;font-size:14px;color:var(--ink);line-height:1.4}
.ww-ipm b .ww-pill{margin-left:4px;vertical-align:1px;font-size:11px;padding:1px 7px}
.ww-ipm small{display:block;color:var(--mut);font-size:12.5px;line-height:1.45;margin-top:2px}
.ww-ta{height:auto;min-height:88px;padding:10px 14px;font:500 14px/1.5 var(--m);resize:vertical}
.ww-ipadd{display:inline-flex;align-items:center;vertical-align:middle;border:0;background:var(--soft);color:var(--p);font:600 12.5px var(--m);border-radius:8px;padding:0 12px;min-height:44px;margin:2px 0;cursor:pointer;overflow-wrap:anywhere}
.ww-ipf .ww-help{margin:0}
.ww-ipf>.ww-btn{justify-self:start}
.ww-notify{padding:14px 16px}
.ww-notify form{display:grid;gap:10px;margin:0}
.ww-notify .ww-chk{color:var(--ink);font-size:14px;min-height:44px;align-items:center}
.ww-notify .ww-btn{justify-self:start}
.ww-log>div:not(.ww-empty){display:grid;grid-template-columns:86px minmax(0,1fr) 40px;gap:10px;align-items:baseline;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink)}
.ww-log>div:last-child{border-bottom:0}
.ww-log time,.ww-log em{font:500 12.5px var(--m);color:var(--mut);font-style:normal;font-variant-numeric:tabular-nums}
.ww-log em{text-align:right}
.ww-log span{min-width:0;overflow-wrap:anywhere}
@media (max-width:560px){.ww-con .ww-card{grid-template-columns:1fr}.ww-con .ww-cmd{grid-column:auto}}

/* /ai kurulum rehberi (#connect, #ww-how, #ww-perm, #ww-limits, #ww-help). JS yokken sekmeler gizli, tüm uygulamalar alt alta. */
.ww-dotc.cu{background:var(--ink)}.ww-dotc.vs{background:#2f80ed}
.ww-guide{display:grid;gap:26px;min-width:0}
.ww-guide a{color:var(--p);font-weight:600}
.ww-guide .ww-k{font-weight:600;color:var(--ink)}
.ww-guide p code,.ww-guide li code{font:500 .9em var(--m);background:var(--soft);color:var(--ink);padding:1px 5px;border-radius:5px;overflow-wrap:anywhere}
.ww-g-toc{display:flex;flex-wrap:wrap;gap:6px}
.ww-g-toc a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--soft);font:600 13px var(--f);text-decoration:none}
.ww-g-toc a:hover{background:color-mix(in srgb,var(--p) 14%,var(--soft))}
.ww-g-lead{margin:0;font-size:14.5px;line-height:1.55;color:var(--mut);max-width:76ch}
.ww-g-card{padding:16px;display:grid;gap:16px;min-width:0}
.ww-g-lbl{display:block;font:600 12.5px var(--f);color:var(--mut);margin-bottom:6px}
.ww-g-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px;margin:-2px;scrollbar-width:thin}
.ww-g-tabs [role="tab"]{flex:none;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;text-align:left;min-height:48px;padding:6px 14px 6px 12px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);cursor:pointer;font:600 14px/1.25 var(--f)}
.ww-g-tabs [role="tab"] .ww-dotc{grid-row:span 2}
.ww-g-tabs [role="tab"] small{font:500 11.5px/1.3 var(--f);color:var(--mut)}
.ww-g-tabs [role="tab"]:hover{background:var(--soft)}
.ww-g-tabs [role="tab"][aria-selected="true"]{border-color:var(--p);box-shadow:0 0 0 1px var(--p) inset;background:var(--soft)}
.ww-g-pane{display:grid;gap:14px;min-width:0}
.ww-g-pane+.ww-g-pane{border-top:1px solid var(--line);padding-top:16px}
.ww-tabs-on .ww-g-pane+.ww-g-pane{border-top:0;padding-top:0}
.ww-tabs-on .ww-g-pane:focus-visible{outline:3px solid color-mix(in srgb,var(--p) 55%,transparent);outline-offset:4px;border-radius:8px}
.ww-g-ph{margin:0;display:flex;align-items:center;gap:8px;font:700 15px var(--f);color:var(--ink)}
.ww-g-ph small{font:500 12.5px var(--f);color:var(--mut)}
.ww-tabs-on .ww-g-ph{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ww-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:ww-s}
.ww-steps>li{counter-increment:ww-s;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;min-width:0}
.ww-steps>li::before{content:counter(ww-s);width:28px;height:28px;border-radius:50%;background:var(--soft);color:var(--p);display:grid;place-items:center;font:700 13px var(--f)}
.ww-steps>li>div{display:grid;gap:3px;min-width:0;padding-top:3px}
.ww-steps b{font-size:14.5px;color:var(--ink)}
.ww-steps p,.ww-g-alt p{margin:0;font-size:13.5px;line-height:1.55;color:var(--mut)}
.ww-g-alt{display:grid;gap:6px;padding-left:40px;min-width:0}
.ww-code{display:flex;gap:8px;align-items:flex-start;margin-top:6px;min-width:0}
.ww-code pre{flex:1;min-width:0;margin:0;font:500 12.5px/1.6 var(--m);color:var(--ink);background:var(--soft);border-radius:10px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere}
.ww-g-pane>.ww-help{margin:0;padding-left:40px}
.ww-g-box{padding:16px;display:grid;gap:10px;align-content:start;min-width:0}
.ww-g-box h3{margin:0;display:flex;align-items:center;gap:8px;font:700 15px var(--f);color:var(--ink)}
.ww-g-box p{margin:0;font-size:13.5px;line-height:1.55;color:var(--mut)}
.ww-g-box ul,.ww-g-notes{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.55;color:var(--mut)}
.ww-g-box b{color:var(--ink)}
.ww-g-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ww-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ww-flow li{padding:14px;display:grid;gap:6px;align-content:start;min-width:0}
.ww-flow .ww-pill{justify-self:start}
.ww-flow b{font-size:14.5px;color:var(--ink)}
.ww-flow p{margin:0;font-size:13px;line-height:1.5;color:var(--mut)}
.ww-g-tbl{overflow-x:auto;min-width:0}
.ww-g-tbl table{width:100%;border-collapse:collapse;font-size:13.5px;color:var(--ink);min-width:540px}
.ww-g-tbl.cost table{min-width:0}
.ww-g-tbl caption{caption-side:top;text-align:left;padding:12px 14px 4px;font:700 14px var(--f);color:var(--ink)}
.ww-g-tbl th,.ww-g-tbl td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.ww-g-tbl thead th{font:600 12.5px var(--f);color:var(--mut)}
.ww-g-tbl tbody th{font-weight:600}
.ww-g-tbl tbody tr:last-child>*{border-bottom:0}
.ww-g-tbl .n{font-variant-numeric:tabular-nums;white-space:nowrap}
.ww-g-tbl.cost .n{text-align:right}
.ww-g-tbl small{display:block;color:var(--mut);font-size:12px;font-weight:500}
.ww-g-tbl .ww-pill{font-size:11px;padding:1px 7px;vertical-align:1px}
.ww-g-tbl th .ww-mono{display:block;margin-top:2px;color:var(--mut);font-size:12px;font-weight:500;overflow-wrap:anywhere}
.ww-g-tbl tr.me>*{background:color-mix(in srgb,var(--p) 8%,transparent)}
.ww-g-tbl tr.me>th{box-shadow:inset 3px 0 0 var(--p)}
.ww-g-faq{display:grid}
.ww-g-faq details{border-bottom:1px solid var(--line)}
.ww-g-faq details:last-child{border-bottom:0}
.ww-g-faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 16px;font:600 14px/1.4 var(--f);color:var(--ink);list-style:none}
.ww-g-faq summary::-webkit-details-marker{display:none}
.ww-g-faq summary::after{content:"+";margin-left:auto;color:var(--mut);font-weight:700;font-size:16px}
.ww-g-faq details[open] summary::after{content:"−"}
.ww-g-faq details p{margin:0;padding:0 16px 14px;font-size:13.5px;line-height:1.55;color:var(--mut)}
@media (max-width:900px){.ww-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-g-two{grid-template-columns:1fr}}
@media (max-width:560px){
 .ww-flow{grid-template-columns:1fr}
 .ww-g-card,.ww-g-box{padding:12px}
 .ww-code{flex-direction:column}.ww-code .ww-btn{width:100%}
 .ww-g-alt,.ww-g-pane>.ww-help{padding-left:0}
}
@media (max-width:900px){
 .ww-ai-grid{grid-template-columns:1fr;gap:16px}
 .ww-ai-col{gap:16px}
 .ww-cred{padding:14px}
 .ww-cred-big b{font-size:30px}
 .ww-ipf>.ww-btn,.ww-notify .ww-btn{width:100%}
 .ww-ai .ww-it{grid-template-columns:36px minmax(0,1fr) auto}
 .ww-log>div:not(.ww-empty){grid-template-columns:70px minmax(0,1fr) 34px;padding:10px 12px}
}
@media (max-width:420px){
 .ww-url{flex-direction:column}
 .ww-url .ww-btn{width:100%}
 .ww-packs{gap:6px}
 .ww-pack{padding:14px 4px 8px}
 .ww-pack b{font-size:17px}
}

@media (prefers-reduced-motion:reduce){
 .ww-ui *,.ww-ui *::before,.ww-ui *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{.ww-nav,.ww-top,.ww-tabbar,.ww-app-foot{display:none!important}.ww-app{display:block}}