/* Wildmind — müşterinin ürününün içinde yaşayan katman.
   Bu dosya ERP'nin kendi stilinden ayrı durur: ürün Wildmind olmadan da
   çalışır, Wildmind eklendiğinde tek bir dijital yeşil belirir. */

/* ── Wildmind: sağdaki kendi sütunu ─────────────────────────────────
   Yüzen bir kutu değil, ekranın ayrılmış bir parçası — ustanın yanında
   duran biri gibi. Katlanır; katlanınca geriye sadece siyah, zeminsiz mark
   kalır. İkon her zaman siyah; yeşil sadece Wildmind konuştuğunda görünür.
   Balonların köşesi 3px diyagonal kesik — bu kesim Wildmind'ın imzası. */

.wm-mark{color:#000}
.wm-mark svg{width:100%;height:auto;display:block}

.chamfer,.wm-msg,.wm-toast,.wm-foot .go,.wm-hint,.wm-open .bdg{
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}

.wm-rail{background:var(--paper);border-left:1px solid var(--line);position:sticky;top:0;
  height:100vh;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.app.wm-closed .wm-rail{border-left:0;opacity:0;pointer-events:none}

.wm-h{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid var(--line-soft);
  flex:0 0 auto}
.wm-h .wm-mark{width:22px;flex:0 0 auto}
.wm-h .tx{flex:1;min-width:0}
.wm-h b{font-size:13.5px;font-weight:600;letter-spacing:-.01em;display:block}
.wm-h .tx span{display:block;font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.wm-h .x{border:0;background:none;color:var(--faint);cursor:pointer;padding:4px;display:flex;
  border-radius:4px;flex:0 0 auto}
.wm-h .x:hover{background:var(--ground);color:var(--ink)}

.wm-tabs{display:flex;gap:2px;padding:9px 10px 0;flex:0 0 auto}
.wm-tabs button{flex:1;border:0;background:none;padding:7px 8px;font-size:12.5px;font-weight:500;
  color:var(--mute);border-radius:4px;cursor:pointer}
.wm-tabs button.on{background:var(--ground-2);color:var(--ink);font-weight:600}

.wm-body{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:9px;min-height:0}

/* balonlar — Wildmind yeşil/siyah, kullanıcı nötr */
.wm-msg{max-width:92%;font-size:13.5px;line-height:1.5;padding:9px 12px;white-space:pre-wrap;
  word-wrap:break-word}
.wm-msg.me{align-self:flex-end;background:var(--ground-2);color:var(--ink)}
.wm-msg.it{align-self:flex-start;background:var(--wm);color:#000}
/* bildirim de bir balondur, sadece etiketi vardır */
.wm-toast{align-self:flex-start;max-width:100%;background:var(--wm);color:#000;padding:10px 12px;
  cursor:pointer;border:0;text-align:left;display:block;
  animation:rise .3s cubic-bezier(.2,.8,.3,1) both}
.wm-toast .lb{font-size:10px;font-weight:600;letter-spacing:.1em;opacity:.5;margin-bottom:3px}
.wm-toast p{font-size:13.5px;line-height:1.45}
.wm-toast:hover{filter:brightness(1.04)}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wm-toast{animation:none}}

.wm-typing{align-self:flex-start;display:flex;gap:4px;padding:9px 12px}
.wm-typing i{width:6px;height:6px;background:var(--wm);animation:bl 1.1s infinite ease-in-out}
.wm-typing i:nth-child(2){animation-delay:.16s}.wm-typing i:nth-child(3){animation-delay:.32s}
@keyframes bl{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media(prefers-reduced-motion:reduce){.wm-typing i{animation:none;opacity:.6}}

.wm-chips{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.wm-chips button{border:1px solid var(--line);background:var(--paper);border-radius:4px;
  padding:7px 11px;font-size:12.5px;color:var(--ink-2);cursor:pointer;text-align:left}
.wm-chips button:hover{border-color:var(--wm);background:var(--wm-wash)}

.wm-foot{border-top:1px solid var(--line-soft);padding:10px 12px;display:flex;gap:8px;
  align-items:flex-end;flex:0 0 auto}
.wm-foot textarea{flex:1;min-width:0;border:1px solid var(--line);border-radius:4px;padding:8px 11px;
  font-size:13.5px;resize:none;outline:none;min-height:36px;max-height:110px;line-height:1.4;
  font-family:var(--sans)}
.wm-foot textarea:focus{border-color:var(--wm);box-shadow:0 0 0 3px var(--wm-wash)}
.wm-foot .go{width:36px;height:36px;background:var(--wm);border:0;color:#000;display:flex;
  align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.wm-foot .go:disabled{opacity:.4;cursor:default}

/* katlanmışken: sağ altta zeminsiz siyah mark */
.wm-open{position:fixed;right:18px;bottom:18px;z-index:60;background:none;border:0;padding:6px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:transform .16s ease}
.wm-open[hidden]{display:none}
.wm-open:hover{transform:translateY(-1px) scale(1.04)}
.wm-open .wm-mark{width:36px}
.wm-open .bdg{position:absolute;top:-1px;right:-4px;min-width:18px;height:18px;background:var(--wm);
  color:#000;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;
  padding:0 5px;font-variant-numeric:tabular-nums}

/* geri bildirim sekmesi */
.wm-fb{display:flex;flex-direction:column;gap:10px}
.wm-fb p.lead{font-size:13px;color:var(--mute);line-height:1.5}
.wm-fb .kinds{display:flex;gap:6px;flex-wrap:wrap}
.wm-fb .kinds button{border:1px solid var(--line);background:var(--paper);border-radius:4px;
  padding:5px 11px;font-size:12.5px;cursor:pointer;color:var(--ink-2)}
.wm-fb .kinds button.on{border-color:var(--wm);background:var(--wm);color:#000;font-weight:600}
.wm-fb textarea{border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:13.5px;
  min-height:96px;resize:vertical;outline:none;font-family:var(--sans)}
.wm-fb textarea:focus{border-color:var(--wm);box-shadow:0 0 0 3px var(--wm-wash)}
.wm-fb .send{background:var(--ink);color:#fff;border:0;border-radius:8px;padding:9px 14px;
  font-size:13.5px;font-weight:500;cursor:pointer}
.wm-fb .ok{background:var(--wm);color:#000;padding:10px 12px;font-size:13px;border:0;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.wm-note{font-size:11.5px;color:var(--faint);line-height:1.45}

/* ── Elemana yapışan konuşma balonu ─────────────────────────────────
   Yeşil olan her şey Wildmind — ikon ve isim yazmaya gerek yok. Balon
   ilgili kartın yanında pop ederek gelir, kuyruğu o karta bakar, kapanır,
   ve içinden soru sorulabilir. */

.sb-wrap{position:absolute;z-index:55;max-width:320px;
  animation:pop .26s cubic-bezier(.18,.9,.3,1.15) both;transform-origin:top left}
@keyframes pop{from{opacity:0;transform:scale(.9) translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sb-wrap{animation:none}}
.sb-tail{position:absolute;top:-7px;left:18px;width:0;height:0;
  border-left:8px solid transparent;border-right:8px solid transparent;
  border-bottom:8px solid var(--wm)}
.sb{background:var(--wm);color:#000;padding:11px 13px;font-size:13.5px;line-height:1.45;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.sb .x{position:absolute;top:7px;right:8px;border:0;background:none;color:#000;opacity:.4;
  font-size:15px;line-height:1;cursor:pointer;padding:2px}
.sb .x:hover{opacity:.9}
.sb p{padding-right:14px}
.sb p + p{margin-top:7px}
.sb .q{background:#fff;color:var(--ink);padding:8px 10px;margin-top:8px;font-size:13px;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.sb form{display:flex;gap:6px;margin-top:9px}
.sb input{flex:1;min-width:0;border:0;background:rgba(0,0,0,.09);padding:7px 10px;font-size:13px;
  color:#000;outline:none;font-family:var(--sans)}
.sb input::placeholder{color:rgba(0,0,0,.42)}
.sb input:focus{background:rgba(0,0,0,.14)}
.sb button.go{border:0;background:#000;color:var(--wm);padding:0 11px;font-size:12.5px;
  font-weight:600;cursor:pointer}
.sb .kinds{display:flex;gap:6px;margin-top:9px}
.sb .kinds button{border:1px solid rgba(0,0,0,.25);background:none;color:#000;padding:5px 10px;
  font-size:12.5px;cursor:pointer;flex:1}
.sb .kinds button:hover{background:rgba(0,0,0,.1)}
.sb .kinds button.on{background:#000;color:var(--wm);border-color:#000}
.sb .dots{display:flex;gap:4px;margin-top:9px}
.sb .dots i{width:5px;height:5px;background:#000;opacity:.35;animation:bl 1.1s infinite ease-in-out}
.sb .dots i:nth-child(2){animation-delay:.16s}.sb .dots i:nth-child(3){animation-delay:.32s}

/* yorum modu: sayfadaki her kart tıklanabilir hedef olur */
body.marking{cursor:crosshair}
body.marking .card:hover,body.marking [data-el]:hover{outline:2px solid var(--wm);outline-offset:2px}
.mark-btn{border:0;background:var(--wm);color:#000;padding:6px 11px;font-size:12.5px;font-weight:600;
  cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.mark-btn.off{background:var(--ground-2);color:var(--ink-2)}
.mark-btn svg{width:14px;height:14px}
.mark-hint{position:fixed;top:56px;left:50%;transform:translateX(-50%);z-index:58;
  background:#000;color:var(--wm);font-size:12.5px;padding:7px 13px;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}


/* geri bildirim sekmesi */
.wm-fb{display:flex;flex-direction:column;gap:10px}
.wm-fb p.lead{font-size:13px;color:var(--mute);line-height:1.5}
.wm-fb .kinds{display:flex;gap:6px;flex-wrap:wrap}
.wm-fb .kinds button{border:1px solid var(--line);background:var(--paper);border-radius:4px;
  padding:5px 11px;font-size:12.5px;cursor:pointer;color:var(--ink-2)}
.wm-fb .kinds button.on{border-color:var(--wm);background:var(--wm);color:#000;font-weight:600}
.wm-fb textarea{border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:13.5px;
  min-height:96px;resize:vertical;outline:none;font-family:var(--sans)}
.wm-fb textarea:focus{border-color:var(--wm);box-shadow:0 0 0 3px var(--wm-wash)}
.wm-fb .send{background:var(--ink);color:#fff;border:0;border-radius:8px;padding:9px 14px;
  font-size:13.5px;font-weight:500;cursor:pointer}
.wm-fb .ok{background:var(--wm);color:#000;padding:10px 12px;font-size:13px;border:0;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.wm-note{font-size:11.5px;color:var(--faint);line-height:1.45}


/* ── Elemana yapışan konuşma balonu ─────────────────────────────────
   Yeşil olan her şey Wildmind — ikon ve isim yazmaya gerek yok. Balon
   ilgili kartın yanında pop ederek gelir, kuyruğu o karta bakar, kapanır,
   ve içinden soru sorulabilir. */

.sb-wrap{position:absolute;z-index:55;max-width:320px;
  animation:pop .26s cubic-bezier(.18,.9,.3,1.15) both;transform-origin:top left}
@keyframes pop{from{opacity:0;transform:scale(.9) translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sb-wrap{animation:none}}
.sb-tail{position:absolute;top:-7px;left:18px;width:0;height:0;
  border-left:8px solid transparent;border-right:8px solid transparent;
  border-bottom:8px solid var(--wm)}
.sb{background:var(--wm);color:#000;padding:11px 13px;font-size:13.5px;line-height:1.45;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.sb .x{position:absolute;top:7px;right:8px;border:0;background:none;color:#000;opacity:.4;
  font-size:15px;line-height:1;cursor:pointer;padding:2px}
.sb .x:hover{opacity:.9}
.sb p{padding-right:14px}
.sb p + p{margin-top:7px}
.sb .q{background:#fff;color:var(--ink);padding:8px 10px;margin-top:8px;font-size:13px;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.sb form{display:flex;gap:6px;margin-top:9px}
.sb input{flex:1;min-width:0;border:0;background:rgba(0,0,0,.09);padding:7px 10px;font-size:13px;
  color:#000;outline:none;font-family:var(--sans)}
.sb input::placeholder{color:rgba(0,0,0,.42)}
.sb input:focus{background:rgba(0,0,0,.14)}
.sb button.go{border:0;background:#000;color:var(--wm);padding:0 11px;font-size:12.5px;
  font-weight:600;cursor:pointer}
.sb .kinds{display:flex;gap:6px;margin-top:9px}
.sb .kinds button{border:1px solid rgba(0,0,0,.25);background:none;color:#000;padding:5px 10px;
  font-size:12.5px;cursor:pointer;flex:1}
.sb .kinds button:hover{background:rgba(0,0,0,.1)}
.sb .kinds button.on{background:#000;color:var(--wm);border-color:#000}
.sb .dots{display:flex;gap:4px;margin-top:9px}
.sb .dots i{width:5px;height:5px;background:#000;opacity:.35;animation:bl 1.1s infinite ease-in-out}
.sb .dots i:nth-child(2){animation-delay:.16s}.sb .dots i:nth-child(3){animation-delay:.32s}

/* yorum modu: sayfadaki her kart tıklanabilir hedef olur */
body.marking{cursor:crosshair}
body.marking .card:hover,body.marking [data-el]:hover{outline:2px solid var(--wm);outline-offset:2px}
.mark-btn{border:0;background:var(--wm);color:#000;padding:6px 11px;font-size:12.5px;font-weight:600;
  cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.mark-btn.off{background:var(--ground-2);color:var(--ink-2)}
.mark-btn svg{width:14px;height:14px}
.mark-hint{position:fixed;top:56px;left:50%;transform:translateX(-50%);z-index:58;
  background:#000;color:var(--wm);font-size:12.5px;padding:7px 13px;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}


/* kabuk uyarlaması */
.wm-rail{background:var(--paper);border-left:1px solid var(--line);position:sticky;top:0;height:100vh;
  display:flex;flex-direction:column;overflow:hidden;min-width:0}
.app:not(.wm-on) .wm-rail{display:none}
.wm-open{position:fixed;right:20px;bottom:20px;z-index:60;width:46px;height:46px;background:var(--wm);
  border:0;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 8px 24px -10px rgba(0,0,0,.4);
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.wm-open svg{width:20px;height:20px}
.wm-open[hidden]{display:none}
.wm-open .bdg{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;background:#000;
  color:var(--wm);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;
  padding:0 5px;border-radius:10px}
.mark-btn{border:0;background:var(--ground-2);color:var(--ink-2);padding:6px 11px;font-size:12.5px;
  font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:6px}
.mark-btn svg{width:14px;height:14px}
.mark-btn:not(.off){background:var(--wm);color:#000}
body.marking{cursor:crosshair}
body.marking [data-el]:hover{outline:2px solid var(--wm);outline-offset:3px}
.mark-hint{position:fixed;top:58px;left:50%;transform:translateX(-50%);z-index:58;background:#16191C;
  color:var(--wm);font-size:12.5px;padding:7px 13px;border-radius:6px}


/* ── panel: siyah ─────────────────────────────────────────────────────
   Ürün beyaz, Wildmind koyu: hangi katmanda olduğun bir bakışta belli. */
.wm-rail{background:#101316;border-left:0;color:#E7ECEF}
.wm-rail .wm-h{border-bottom:1px solid #23282D;padding:14px}
.wm-rail .wm-h b{color:#fff;font-size:14px}
.wm-rail .wm-h .tx span{color:#7F8B94}
.wm-rail .wm-h .x{color:#7F8B94}
.wm-rail .wm-h .x:hover{background:#1D2226;color:#fff}
.wm-acts{padding:12px 14px 0}
.wm-acts .mark-btn{width:100%;justify-content:center;background:#1D2226;color:#E7ECEF;border:0;
  padding:9px 12px;font-size:13px;font-weight:500;border-radius:7px;display:flex;align-items:center;gap:7px;
  cursor:pointer}
.wm-acts .mark-btn:hover{background:#262C31}
.wm-acts .mark-btn.on{background:var(--wm);color:#000;font-weight:600}
.wm-acts .mark-btn svg{width:15px;height:15px}
.wm-rail .wm-body{padding:14px}
.wm-rail .wm-msg.me{background:#242A2F;color:#E7ECEF}
.wm-rail .wm-msg.it{background:var(--wm);color:#000}
.wm-rail .wm-note{color:#6F7B84}
.wm-rail .wm-foot{border-top:1px solid #23282D;padding:12px}
.wm-rail .wm-foot textarea{background:#1A1F23;border:1px solid #272D32;color:#E7ECEF}
.wm-rail .wm-foot textarea::placeholder{color:#6F7B84}
.wm-rail .wm-foot textarea:focus{border-color:var(--wm);box-shadow:none}
.wm-rail .wm-fb .lead{color:#9AA5AD}
.wm-rail .wm-fb textarea{background:#1A1F23;border:1px solid #272D32;color:#E7ECEF}
.wm-rail .wm-fb .kinds button{border-color:#2C3339;color:#9AA5AD;background:none}
.wm-rail .wm-fb .send{background:var(--wm);color:#000}

/* yorum balonu — tıklanan noktada açılır */
.sb-wrap{position:absolute;z-index:80;width:300px}
.sb textarea{width:100%;border:0;background:rgba(0,0,0,.09);padding:9px 11px;font-size:13.5px;
  color:#000;outline:none;resize:vertical;min-height:64px;font-family:var(--sans);line-height:1.45}
.sb textarea::placeholder{color:rgba(0,0,0,.42)}
.sb textarea:focus{background:rgba(0,0,0,.14)}
.sb .row{display:flex;gap:7px;align-items:center;margin-top:9px}
.sb .row .where{flex:1;font-size:11.5px;opacity:.6;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.sb .save{border:0;background:#000;color:var(--wm);padding:7px 13px;font-size:12.5px;font-weight:600;
  cursor:pointer}
.mark-target{outline:2px solid var(--wm)!important;outline-offset:3px}


/* ── panel = Wildmind uygulaması ─────────────────────────────────────
   Sağda açılan bu şey ayrı bir ürün değil: geliştirdiğimiz Wildmind
   uygulamasının kendisi, ERP'nin yanına yerleşmiş hali. Alt sekme
   çubuğu da onun. */
.wm-rail{display:flex;flex-direction:column}
.wm-nav{display:flex;border-top:1px solid #23282D;background:#0C0F11;padding:6px 4px 8px;flex:0 0 auto}
.wm-nav button{flex:1;background:none;border:0;color:#78848D;font-size:10.5px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;position:relative}
.wm-nav button svg{width:20px;height:20px}
.wm-nav button.on{color:var(--wm)}
.wm-nav .nb{position:absolute;top:2px;right:calc(50% - 17px);min-width:15px;height:15px;background:var(--wm);
  color:#000;border-radius:8px;font-size:10px;font-weight:700;font-style:normal;display:flex;
  align-items:center;justify-content:center;padding:0 4px}

/* uygulama içi kartlar */
.wm-card{background:#181D21;border-radius:10px;padding:13px 14px;margin-bottom:10px}
.wm-card h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:5px}
.wm-card p{font-size:13px;line-height:1.5;color:#9AA5AD}
.wm-card p + p{margin-top:7px}
.wm-card .big{background:var(--wm);color:#000;padding:10px 12px;border-radius:8px;font-size:13.5px;
  line-height:1.45;margin-top:10px}
.wm-cta{width:100%;background:var(--wm);color:#000;border:0;padding:11px;font-size:14px;font-weight:600;
  border-radius:8px;cursor:pointer;margin-top:4px}
.wm-cta.ghost{background:#242A2F;color:#E7ECEF}
.wm-lead{font-size:13px;color:#78848D;line-height:1.5;margin-bottom:12px}
.wm-h1{font-size:19px;font-weight:600;color:#fff;letter-spacing:-.02em;margin-bottom:6px}

/* not listesi */
.wm-note-row{border-bottom:1px solid #1E2327;padding:11px 0}
.wm-note-row:last-child{border-bottom:0}
.wm-note-row .w{font-size:11px;color:var(--wm);margin-bottom:3px}
.wm-note-row p{font-size:13px;color:#E7ECEF;line-height:1.45}
.wm-note-row .t{font-size:11px;color:#69747C;margin-top:3px}
.wm-empty{text-align:center;color:#69747C;font-size:13px;padding:26px 10px}

/* tur */
.wm-step{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#78848D;margin-bottom:10px}
.wm-step i{flex:1;height:3px;background:#242A2F;border-radius:2px;font-style:normal}
.wm-step i.on{background:var(--wm)}
.tour-target{outline:2px solid var(--wm)!important;outline-offset:4px;border-radius:4px}

.wm-note-row .reply{background:var(--wm);color:#000;padding:9px 11px;font-size:13px;line-height:1.45;
  margin-top:8px;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}

/* başlıkta isim değil işaret: beyaz mark + hangi adreste olduğun */
.wm-rail .wm-h .wmk{width:26px;color:#fff;flex:0 0 auto}
.wm-rail .wm-h .wmk svg{width:100%;height:auto;display:block}
.wm-rail .wm-h b{font-size:13px;font-weight:500;color:#E7ECEF;letter-spacing:-.01em}

/* sohbette gezinme kaydı — kullanıcının nerede olduğu, gri ve sessiz */
.wm-log{align-self:stretch;display:flex;align-items:center;gap:8px;color:#69747C;font-size:11.5px;
  padding:2px 0}
.wm-log:before,.wm-log:after{content:"";flex:1;height:1px;background:#1E2327}
.wm-log span{flex:0 0 auto;max-width:74%;text-align:center;line-height:1.35}

/* varlık ışığı: yeşil yalnızca gerçekten oradayken */
.wm-rail .wm-h .pres{display:flex;align-items:center;gap:6px;font-size:11px;color:#7F8B94}
.wm-rail .wm-h .pres i{width:6px;height:6px;border-radius:50%;background:#3C464D;flex:0 0 auto}
.wm-rail .wm-h .pres.on i{background:var(--wm);box-shadow:0 0 0 3px rgba(0,224,122,.18)}
.wm-rail .wm-h .pres.on em{color:var(--wm)}
.wm-rail .wm-h .pres em{font-style:normal}
.wm-rail .wm-h .pres #wm-where{opacity:.7}
.wm-rail .wm-h .pres #wm-where:before{content:"· "}

/* ── işaretin durumu ────────────────────────────────────────────────
   Çevrimiçi ve boşta: yeşil, sabit. Çalışırken: beyaz, parçalar 45°
   dönüyor — düzenli değil, düzensiz aralıklarla, çünkü düşünmek düzenli
   bir şey değil. Çevrimdışı: beyaz, sabit. */
.wm-rail .wm-h .wmk{width:28px;flex:0 0 auto}
.wmark{width:100%;height:auto;display:block}
.wmark .p{fill:#fff;transform-box:fill-box;transform-origin:center;
  transition:transform 1.1s cubic-bezier(.55,0,.25,1),fill .4s ease}
.wmk.idle .wmark .p{fill:var(--wm)}
.wmark .p2{transform:rotate(45deg)}
.wmark .p2.t{transform:rotate(0deg)}
.wmark .p1.t{transform:rotate(45deg)}
.wmark .p1.tl{transform:rotate(-45deg)}
.wmark .p3.t{transform:rotate(45deg)}
.wmark .p3.tl{transform:rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.wmark .p{transition:none}}

/* fatura: rakamlar hizalı, çarpan gizli değil */
.wm-bill{display:flex;flex-direction:column}
.wm-bill .r{display:flex;gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid #1E2327}
.wm-bill .r .l{flex:1;min-width:0}
.wm-bill .r .l b{display:block;font-size:13.5px;font-weight:600;color:#E7ECEF}
.wm-bill .r .l span{display:block;font-size:11.5px;color:#78848D;margin-top:2px;line-height:1.4}
.wm-bill .r .v{font-size:13.5px;font-variant-numeric:tabular-nums;color:#E7ECEF;white-space:nowrap}
.wm-bill .sum{display:flex;gap:10px;align-items:baseline;padding:13px 0 4px;border-top:1px solid #2A3137}
.wm-bill .sum .l{flex:1;font-size:13.5px;color:#9AA5AD}
.wm-bill .sum .v{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.wm-bill .total{background:var(--wm);color:#000;padding:13px 14px;margin-top:14px;display:flex;
  gap:10px;align-items:baseline;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.wm-bill .total .l{flex:1;font-size:13.5px;font-weight:600}
.wm-bill .total .v{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}
.wm-set{border-bottom:1px solid #1E2327;padding:11px 0;display:flex;gap:10px;align-items:baseline}
.wm-set .l{flex:1;font-size:13px;color:#9AA5AD}
.wm-set .v{font-size:13px;color:#E7ECEF;text-align:right}

/* deneme bakiyesi ve kendi sınırın */
.wm-trial{margin-top:16px}
.wm-trial .t{display:flex;gap:10px;align-items:baseline;font-size:12.5px;color:#9AA5AD;margin-bottom:7px}
.wm-trial .t b{margin-left:auto;color:var(--wm);font-variant-numeric:tabular-nums}
.wm-trial .bar{height:5px;background:#1E2327;border-radius:3px;overflow:hidden}
.wm-trial .bar i{display:block;height:100%;background:var(--wm);transition:width .5s ease}
.wm-limit{display:flex;gap:8px;align-items:flex-end;margin-top:16px}
.wm-limit label{flex:1;font-size:12px;color:#78848D;display:block}
.wm-limit input{width:100%;margin-top:5px;background:#1A1F23;border:1px solid #272D32;border-radius:7px;
  padding:9px 11px;font-size:13.5px;color:#E7ECEF;outline:none;font-family:var(--sans)}
.wm-limit input:focus{border-color:var(--wm)}
.wm-limit button{background:#242A2F;color:#E7ECEF;border:0;border-radius:7px;padding:10px 14px;
  font-size:13px;cursor:pointer;flex:0 0 auto}
.wm-limit button:hover{background:#2C333A}

/* her sayfadan soru: panelin üstünde sabit duran alan */
.wm-ask{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #1E2327;
  flex:0 0 auto}
.wm-ask svg{width:15px;height:15px;color:#69747C;flex:0 0 auto}
.wm-ask input{flex:1;min-width:0;background:none;border:0;outline:none;color:#E7ECEF;font-size:13.5px;
  font-family:var(--sans)}
.wm-ask input::placeholder{color:#69747C}
.wm-ask:focus-within{background:#12171A}

/* sistem durumu */
.wm-health{display:flex;flex-direction:column}
.wm-health .hr{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #1E2327;
  font-size:13px;color:#9AA5AD}
.wm-health .hr:last-child{border-bottom:0}
.wm-health .hr b{margin-left:auto;color:#E7ECEF;font-weight:500;font-variant-numeric:tabular-nums}
.wm-health .hdot{width:6px;height:6px;border-radius:50%;background:var(--wm);flex:0 0 auto;
  box-shadow:0 0 0 3px rgba(0,224,122,.16)}

/* hizmetler */
.wm-svc{border-bottom:1px solid #1E2327;padding:14px 0}
.wm-svc:last-of-type{border-bottom:0}
.wm-svc .h{display:flex;gap:10px;align-items:baseline;margin-bottom:5px}
.wm-svc .h b{font-size:14px;font-weight:600;color:#E7ECEF;flex:1}
.wm-svc .h span{color:var(--wm);font-size:13px;font-weight:600;white-space:nowrap}
.wm-svc p{font-size:13px;color:#9AA5AD;line-height:1.5}
.wm-svc p.e{color:#69747C;font-size:12.5px;margin-top:5px}
.wm-svc button{margin-top:10px;background:#242A2F;color:#E7ECEF;border:0;border-radius:7px;
  padding:8px 13px;font-size:12.5px;cursor:pointer}
.wm-svc button:hover{background:#2C333A}
.wm-svc button:disabled{opacity:.6}
.wm-svc .ok{margin-top:10px;background:var(--wm);color:#000;padding:8px 11px;font-size:12.5px;
  clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),
    calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}

/* operatör */
.wm-op{background:#181D21;border-radius:10px;padding:13px 14px;margin-bottom:12px}
.wm-op .n b{font-size:14.5px;color:#fff;font-weight:600}
.wm-op .n span{font-size:12px;color:#78848D;margin-left:8px}
.wm-op .m{display:flex;gap:10px;margin-top:7px;font-size:12px;color:#78848D;flex-wrap:wrap}
.wm-op .m .on{color:var(--wm)}
.wm-worklog .t{font-size:11.5px;font-weight:600;letter-spacing:.06em;color:#69747C;margin-bottom:8px}
.wm-worklog .r{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #1A1F23}
.wm-worklog .r:last-child{border-bottom:0}
.wm-worklog .d{font-size:11.5px;color:#69747C;white-space:nowrap;padding-top:1px;min-width:48px}
.wm-worklog .x b{display:block;font-size:13px;color:#E7ECEF;font-weight:500}
.wm-worklog .x span{display:block;font-size:12px;color:#78848D;margin-top:2px;line-height:1.4}

/* satır altı teklif */
.wm-upsell{margin:2px 0 6px}
.wm-upsell .u{display:block;width:100%;text-align:left;background:#181D21;border:0;border-radius:9px;
  padding:11px 13px;cursor:pointer;color:#E7ECEF;font-size:13px;position:relative}
.wm-upsell .u b{display:block;font-weight:600;font-size:13.5px}
.wm-upsell .u span{display:block;color:#78848D;font-size:12px;margin-top:2px;padding-right:56px}
.wm-upsell .u em{position:absolute;right:13px;top:11px;font-style:normal;color:var(--wm);
  font-weight:600;font-size:13px}
.wm-upsell .u:hover{background:#1E242A}
.wm-upsell .u.ok{background:var(--wm);color:#000;font-weight:600;cursor:default}
/* bahşiş */
.wm-tip .row{display:flex;gap:7px;flex-wrap:wrap}
.wm-tip .row button{flex:1;min-width:56px;background:#1D2226;color:#E7ECEF;border:0;border-radius:8px;
  padding:11px 8px;font-size:14px;font-weight:600;cursor:pointer}
.wm-tip .row button:hover{background:var(--wm);color:#000}
.wm-tip .u.ok{background:var(--wm);color:#000;padding:11px 13px;border-radius:9px;font-size:13px;
  font-weight:600}

/* kayıt defteri */
.wm-worklog .t{display:flex;align-items:center;gap:8px}
.wm-worklog .t select{margin-left:auto;background:#1A1F23;border:1px solid #272D32;color:#9AA5AD;
  border-radius:6px;padding:4px 7px;font-size:11.5px;font-family:var(--sans);outline:none}
.wm-worklog .r{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #1A1F23;align-items:flex-start}
.wm-worklog .r .ic{width:9px;height:9px;background:#4C565D;flex:0 0 auto;margin-top:4px}
.wm-worklog .r .ic.h{transform:rotate(45deg)}
.wm-worklog .r.fresh .x b{color:#fff}
.wm-worklog .r.fresh .ic{background:var(--wm)}
.wm-worklog .r.warm .x b{color:#C9D1D6}
.wm-worklog .r .x{flex:1;min-width:0}
.wm-worklog .r .x b{display:block;font-size:13px;font-weight:500;color:#98A2A9}
.wm-worklog .r .x span{display:block;font-size:12px;color:#69747C;margin-top:2px;line-height:1.4}
.wm-worklog .r .d{font-size:11px;color:#69747C;text-align:right;white-space:nowrap;
  font-variant-numeric:tabular-nums}
.wm-worklog .r .d em{display:block;font-style:normal;color:#4C565D;font-size:10.5px}
.wl-more{width:100%;margin-top:10px;background:#1A1F23;border:0;border-radius:7px;padding:8px;
  color:#9AA5AD;font-size:12.5px;cursor:pointer;font-family:var(--sans)}
.wl-more:hover{background:#232A2F;color:#E7ECEF}
.wl-key{margin-top:10px;font-size:11px;color:#69747C;display:flex;align-items:center;gap:5px}
.wl-key .ic{width:8px;height:8px;background:#4C565D;display:inline-block}
.wl-key .ic.h{transform:rotate(45deg)}
/* tutar: kutu değil, yeşil yazı */
.wm-bill .sum.big{padding-top:14px}
.wm-bill .sum.big .l{font-size:13.5px;color:#E7ECEF}
.wm-bill .sum .v.green{color:var(--wm);font-size:19px;font-weight:600}
/* kredi */
.wm-credit{margin-top:18px;border-top:1px solid #1E2327;padding-top:14px}
.wm-credit .lbl{font-size:11.5px;font-weight:600;letter-spacing:.06em;color:#69747C;margin-bottom:8px}
.wm-credit .row{display:flex;gap:7px;flex-wrap:wrap}
.wm-credit .row button{flex:1;min-width:56px;background:#1D2226;color:#E7ECEF;border:0;border-radius:8px;
  padding:10px 8px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--sans)}
.wm-credit .row button:hover{background:var(--wm);color:#000}
.wm-credit .u.ok{background:var(--wm);color:#000;padding:9px 12px;border-radius:8px;font-size:12.5px;
  font-weight:600}