/* SocialPulsar Masaüstü widget'ları — sağ sütun. Her kart cam (theme.css belirteçleri), metin beyaz; opak/gri yüzey yok. */
.wg-col{position:absolute;z-index:1;top:44px;right:14px;bottom:98px;width:300px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;
  padding:2px 2px 8px;scrollbar-width:none;color:#fff;pointer-events:auto}
.wg-col::-webkit-scrollbar{display:none}
.dt-mb .wg-col{display:none!important}
.wg-col[hidden],.wg[hidden],.wg-daily[hidden],.wg-msg[hidden],.wg-tip[hidden]{display:none!important}
.wg{position:relative;flex:none;padding:14px 14px 12px;border-radius:22px;outline:none;
  background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);
  border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.35);
  animation:wgIn .45s cubic-bezier(.2,.8,.2,1) backwards;transition:transform .2s ease,box-shadow .2s ease}
.wg:nth-child(2){animation-delay:.05s}.wg:nth-child(3){animation-delay:.1s}.wg:nth-child(4){animation-delay:.15s}.wg:nth-child(5){animation-delay:.2s}
.wg:hover{transform:translateY(-1px);box-shadow:var(--glass-shadow),0 14px 30px -18px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.4)}
.wg:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.75),var(--glass-shadow)}
@keyframes wgIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

/* başlık */
.wg-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px;margin-bottom:8px}
.wg-title{display:flex;align-items:center;gap:8px;min-width:0}
.wg-title.col{flex-direction:column;align-items:flex-start;gap:0}
.wg-city{font-size:15px;font-weight:650;letter-spacing:-.01em;white-space:nowrap}
.wg-sub{font-size:12px;color:var(--on-glass-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.wg-chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--glass-chip,rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:600;color:var(--on-glass-2);font-variant-numeric:tabular-nums}
.wg-nav{display:flex;gap:4px;flex:none}
.wg-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .15s,transform .15s}
.wg-btn:hover{background:rgba(255,255,255,.26)}
.wg-btn:active:not(:disabled){transform:scale(.9)}
.wg-btn:disabled{opacity:.32;cursor:default;background:rgba(255,255,255,.06)}
.wg-btn:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:1px}
.wg-i{display:inline-grid;place-items:center}
.wg-i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wg-btn.spin svg{animation:wgSpin .9s linear infinite}
@keyframes wgSpin{to{transform:rotate(360deg)}}
.wg-live{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:wgLive 2s ease-out infinite}
.wg-server.stale .wg-live{background:#ffb347;animation:none}
@keyframes wgLive{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}80%,100%{box-shadow:0 0 0 7px rgba(61,220,132,0)}}

/* şehir değişince içerik kayar */
.wg.swap-r>:not(.wg-h){animation:wgSwapR .38s cubic-bezier(.2,.8,.2,1)}
.wg.swap-l>:not(.wg-h){animation:wgSwapL .38s cubic-bezier(.2,.8,.2,1)}
.wg.swap-r .wg-title,.wg.swap-l .wg-title{animation:wgFade .38s ease}
@keyframes wgSwapR{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes wgSwapL{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes wgFade{from{opacity:0}to{opacity:1}}

/* ---------- saat ---------- */
.wg-clock-body{display:flex;align-items:center;gap:14px}
.wg-face{flex:none;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),rgba(255,255,255,.06) 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -6px 14px -8px rgba(0,0,0,.35),0 8px 20px -12px rgba(0,0,0,.5)}
.wg-face svg{display:block;width:100%;height:100%}
.wg-face .rim{fill:none;stroke:rgba(255,255,255,.35);stroke-width:1}
.wg-face .tk{stroke:rgba(255,255,255,.35);stroke-width:.8;stroke-linecap:round}
.wg-face .tk.b{stroke:rgba(255,255,255,.9);stroke-width:1.8}
.wg-face .hand{stroke:#fff;stroke-linecap:round}
.wg-face .hh{stroke-width:3.6}
.wg-face .mh{stroke-width:2.4}
.wg-face .sh .s{stroke:#ff7a6b;stroke-width:1.1}
.wg-face .sh .tail{fill:#ff7a6b}
.wg-face .hub{fill:#fff}
.wg-digital{display:flex;flex-direction:column;gap:3px;min-width:0}
.wg-timeline{display:flex;align-items:baseline;gap:1px}
.wg-time{font-size:38px;font-weight:300;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.wg-sec{font-size:15px;font-weight:500;color:var(--on-glass-2);font-variant-numeric:tabular-nums;min-width:26px}
.wg-dn{display:inline-grid;place-items:center;margin-left:4px;align-self:center}
.wg-dn svg{width:17px;height:17px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wg-dn.day svg{stroke:#ffd54a;animation:wgSlow 18s linear infinite}
.wg-dn.night svg{stroke:#e8e2ff;fill:rgba(232,226,255,.25)}
@keyframes wgSlow{to{transform:rotate(360deg)}}
.wg-date{font-size:12.5px;color:var(--on-glass-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wg-other{display:block;width:100%;margin-top:11px;padding:7px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:var(--on-glass-2);font:inherit;font-size:12px;text-align:left;cursor:pointer;white-space:pre;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;transition:background .15s}
.wg-other:hover{background:rgba(255,255,255,.2);color:#fff}

/* ---------- hava durumu ---------- */
.wg-weather{overflow:hidden}
.wg-weather::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:.9;transition:background .6s ease;
  background:radial-gradient(120% 90% at 85% 0%,var(--wx-tint,rgba(120,170,255,.22)),transparent 65%)}
.wg-weather[data-kind="clear"][data-day="1"]{--wx-tint:rgba(255,190,80,.32)}
.wg-weather[data-kind="partly"][data-day="1"]{--wx-tint:rgba(255,205,120,.24)}
.wg-weather[data-day="0"]{--wx-tint:rgba(110,100,255,.26)}
.wg-weather:is([data-kind="rain"],[data-kind="drizzle"]){--wx-tint:rgba(80,160,255,.28)}
.wg-weather[data-kind="thunder"]{--wx-tint:rgba(150,110,255,.3)}
.wg-weather[data-kind="snow"]{--wx-tint:rgba(220,240,255,.3)}
.wg-weather[data-kind="fog"]{--wx-tint:rgba(220,220,230,.2)}
.wg-wx-main{display:flex;align-items:center;gap:8px;margin:-2px 0 4px}
.wg-wx-icon{flex:none;width:96px;height:84px;margin-left:-6px;cursor:pointer;transition:transform .25s ease}
.wg-wx-icon:hover{transform:scale(1.06)}
.wg-wx-icon.pop .wx{animation:wxPop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes wxPop{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-4deg)}100%{transform:scale(1)}}
.wg-wx-tempbox{display:flex;flex-direction:column;gap:2px;min-width:0}
.wg-temp{font-size:46px;font-weight:300;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.wg-wx-meta{display:flex;flex-direction:column;font-size:11.5px;color:var(--on-glass-2);line-height:1.45}
.wg-chart{position:relative;margin:2px -4px 8px}
.wg-chart-in svg{display:block;width:100%;height:74px;overflow:visible;cursor:crosshair}
.wg-chart .line{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:wgDraw 1.1s .1s ease forwards;vector-effect:non-scaling-stroke}
.wg-chart .area{opacity:0;animation:wgFade .8s .4s ease forwards}
.wg-chart .dot{fill:#fff;opacity:.85;transition:r .15s}
.wg-chart .dot.on{r:4.2;opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.9))}
.wg-chart .cursor{stroke:rgba(255,255,255,.45);stroke-width:1;stroke-dasharray:2 3;opacity:0;vector-effect:non-scaling-stroke}
.wg-chart .hover .cursor{opacity:1}
.wg-chart .lbl text{fill:var(--on-glass-3);font-size:9.5px;text-anchor:middle;font-family:inherit}
@keyframes wgDraw{to{stroke-dashoffset:0}}
.wg-tip{position:absolute;top:0;z-index:2;display:flex;align-items:center;gap:4px;width:108px;padding:4px 8px 4px 2px;border-radius:12px;pointer-events:none;
  background:color-mix(in srgb,var(--glass-bg) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.wg-tip .wx{width:34px;height:34px;flex:none}
.wg-tip span{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.wg-tip b{font-size:14px}
.wg-tip small{font-size:10.5px;color:var(--on-glass-2);white-space:nowrap}
.wg-chips{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.8fr) minmax(0,1.17fr) minmax(0,.95fr);gap:5px}
.wg-chip-box,.wg-chip-btn{display:flex;flex-direction:column;gap:1px;min-width:0;padding:6px 5px 6px 7px;border-radius:11px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font:inherit;text-align:left}
.wg-chip-box small,.wg-chip-btn small{font-size:10px;color:var(--on-glass-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wg-chip-box b,.wg-chip-btn b{font-size:12.5px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.wg-chip-btn{cursor:pointer;transition:background .15s}
.wg-chip-btn:hover{background:rgba(255,255,255,.22)}
.wg-chip-btn.on{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.5)}
.wg-daily{display:flex;flex-direction:column;gap:1px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.16);animation:wgDrop .3s ease}
@keyframes wgDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.wg-day{display:grid;grid-template-columns:44px 26px 30px 30px 1fr 30px;align-items:center;gap:4px;height:28px;font-size:12.5px;font-variant-numeric:tabular-nums}
.wg-dname{font-weight:600;text-transform:capitalize}
.wg-dico .wx{width:26px;height:26px;display:block}
.wg-pp{font-size:10.5px;color:#9fd8ff}
.wg-dlo{color:var(--on-glass-3);text-align:right}
.wg-dhi{text-align:right;font-weight:600}
.wg-range{position:relative;display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.14)}
.wg-range>i{position:absolute;top:0;bottom:0;left:0;right:100%;border-radius:3px;background:linear-gradient(90deg,#7fd3ff,#ffd54a 60%,#ff8a5b);transition:left .6s ease,right .6s ease}
.wg-msg{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:12.5px;color:var(--on-glass-2)}
.wg-link{border:0;background:none;color:#fff;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:0}

/* animasyonlu hava simgeleri */
.wx{display:block;width:100%;height:100%;overflow:visible}
.wx .wx-rays line{stroke:#ffd54a;stroke-width:2.6;stroke-linecap:round}
.wx .wx-rays{transform-origin:32px 32px;animation:wxSpin 22s linear infinite}
.wx .wx-core{filter:drop-shadow(0 0 6px rgba(255,200,80,.75));transform-origin:32px 32px;animation:wxGlow 3.2s ease-in-out infinite}
.wx .wx-moon{filter:drop-shadow(0 0 6px rgba(230,225,255,.6));transform-origin:30px 30px;animation:wxBob 6s ease-in-out infinite}
.wx .wx-stars circle{fill:#fff;animation:wxTwinkle 2.4s ease-in-out infinite}
.wx .wx-stars circle:nth-child(2){animation-delay:.8s}.wx .wx-stars circle:nth-child(3){animation-delay:1.6s}
.wx .wx-cloud{animation:wxDrift 7s ease-in-out infinite}
.wx .wx-cloud path{filter:drop-shadow(0 3px 5px rgba(0,0,0,.18))}
.wx .wx-cloud.back{opacity:.6;animation-duration:9s;animation-direction:reverse}
.wx .wx-cloud.dark path{fill:#b9c0d6}
.wx .wx-drops line{stroke:#8fd8ff;stroke-width:2.2;stroke-linecap:round;animation:wxRain 1s linear infinite}
.wx .wx-drops.light line{stroke-width:1.6;animation-duration:1.4s}
.wx .wx-drops .d1{animation-delay:.35s}.wx .wx-drops .d2{animation-delay:.7s}.wx .wx-drops .d3{animation-delay:.15s}.wx .wx-drops .d4{animation-delay:.55s}
.wx .wx-flakes circle{fill:#fff;animation:wxSnow 2.6s linear infinite}
.wx .wx-flakes .d1{animation-delay:.6s}.wx .wx-flakes .d2{animation-delay:1.3s}.wx .wx-flakes .d3{animation-delay:1.9s}
.wx .wx-bolt{fill:#ffd54a;filter:drop-shadow(0 0 5px rgba(255,213,74,.9));animation:wxFlash 3s ease-in-out infinite}
.wx .wx-fog line{stroke:rgba(255,255,255,.75);stroke-width:2.6;stroke-linecap:round;animation:wxFog 4s ease-in-out infinite}
.wx .wx-fog .f2{animation-delay:-1.3s}.wx .wx-fog .f3{animation-delay:-2.6s}
.wx.mini *{animation:none!important}
@keyframes wxSpin{to{transform:rotate(360deg)}}
@keyframes wxGlow{50%{transform:scale(1.06)}}
@keyframes wxBob{50%{transform:translateY(-1.5px) rotate(-4deg)}}
@keyframes wxTwinkle{50%{opacity:.2}}
@keyframes wxDrift{50%{transform:translateX(3px)}}
@keyframes wxRain{0%{transform:translate(0,-6px);opacity:0}20%{opacity:1}100%{transform:translate(-3px,9px);opacity:0}}
@keyframes wxSnow{0%{transform:translate(0,-6px);opacity:0}20%{opacity:1}50%{transform:translate(2px,2px)}100%{transform:translate(-1px,10px);opacity:0}}
@keyframes wxFlash{0%,62%,72%,100%{opacity:.25}64%,70%{opacity:1}}
@keyframes wxFog{50%{transform:translateX(5px);opacity:.55}}

/* ---------- sunucu kartı: Sistem · Depolama · Ağ (kaydırmalı sayfalar) ---------- */
.wg-server .wg-title{min-width:0;overflow:hidden}
.wg-server:not([data-page="sys"]) .wg-live,.wg-server:not([data-page="disk"]) .wg-health,.wg-server:not([data-page="net"]) .wg-title .wg-chip{display:none}
.wg-server .wg-health,.wg-server .wg-chip{flex:none}
.wg-view{position:relative;overflow:hidden;touch-action:pan-y;cursor:grab}
.wg-view:active{cursor:grabbing}
.wg-track{display:flex;align-items:stretch;transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}
.wg-track.dragging{transition:none}
.wg-page{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;justify-content:center;user-select:none;-webkit-user-select:none}
.wg-page.p-net{justify-content:flex-start}
.wg-page.p-net .wg-net-chart{flex:1;min-height:70px}
.wg-page.p-disk .wg-drive{width:78px;height:78px}
.wg-page.p-disk .wg-disk-pct{font-size:34px}
.wg-dots{display:flex;justify-content:center;gap:2px;margin-top:9px}
.wg-dot{display:grid;place-items:center;width:22px;height:14px;padding:0;border:0;background:none;cursor:pointer}
.wg-dot::before{content:"";width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.38);transition:width .3s ease,background .3s}
.wg-dot.on::before{width:18px;background:#fff}
.wg-dot:hover:not(.on)::before{background:rgba(255,255,255,.7)}
.wg-dot:focus-visible{outline:2px solid rgba(255,255,255,.8);border-radius:6px}

/* ---------- sistem ---------- */
.wg-rings{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.wg-ring-box{display:flex;flex-direction:column;align-items:center;gap:2px}
.wg-ring{position:relative;width:86px;height:86px;--c1:#3ddc84;--c2:#5fd4c0}
.wg-ring.warn{--c1:#ffb347;--c2:#ffd54a}
.wg-ring.crit{--c1:#ff5f6d;--c2:#ff8a5b}
.wg-ring svg{width:100%;height:100%}
.wg-ring .bg{fill:none;stroke:rgba(255,255,255,.14);stroke-width:7}
.wg-ring .fg{fill:none;stroke:var(--c1);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1),stroke .4s;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--c1) 70%,transparent))}
.wg-ring-v{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}
.wg-ring-l{font-size:12.5px;font-weight:600}
.wg-ring-sub{font-size:11px;color:var(--on-glass-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.wg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.wg-stats>div{display:flex;flex-direction:column;gap:1px;min-width:0;padding:6px 8px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.wg-stats small,.wg-net-legend small{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--on-glass-3);white-space:nowrap}
.wg-stats b{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}

/* ---------- depolama ---------- */
.wg-health{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:650;color:#bff5d6;background:rgba(61,220,132,.18);border:1px solid rgba(61,220,132,.55)}
.wg-health::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.wg-health.warn{color:#ffe1a8;background:rgba(255,179,71,.2);border-color:rgba(255,179,71,.6)}
.wg-health.crit{color:#ffc4c9;background:rgba(255,95,109,.2);border-color:rgba(255,95,109,.6)}
.wg-disk-row{display:flex;align-items:center;gap:10px}
.wg-drive{flex:none;width:64px;height:64px}
.wg-drive svg{width:100%;height:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}
.wg-drive .case{fill:rgba(255,255,255,.2);stroke:rgba(255,255,255,.7);stroke-width:1.5}
.wg-drive .lid{stroke:rgba(255,255,255,.45);stroke-width:1.2}
.wg-drive .slot{fill:rgba(255,255,255,.5)}
.wg-drive .platter{fill:rgba(255,255,255,.14);stroke:rgba(255,255,255,.75);stroke-width:1.4;stroke-dasharray:3 2;transform-origin:32px 25px;animation:wxSpin 6s linear infinite}
.wg-drive .spindle{fill:#fff}
.wg-drive .led{fill:#3ddc84;filter:drop-shadow(0 0 3px #3ddc84)}
.wg-drive.busy .led{animation:wgBlink .5s steps(2) infinite}
.wg-drive.busy .platter{animation-duration:1.6s}
@keyframes wgBlink{50%{opacity:.2}}
.wg-disk-nums{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.wg-disk-top{display:flex;align-items:baseline;gap:7px}
.wg-disk-pct{font-size:28px;font-weight:300;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.wg-disk-top small{font-size:11px;color:var(--on-glass-3)}
.wg-disk-used{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.wg-disk-free{font-size:11.5px;color:var(--on-glass-2);font-variant-numeric:tabular-nums}
.wg-bar{position:relative;display:block;height:8px;margin-top:11px;border-radius:5px;background:rgba(255,255,255,.14);overflow:hidden;--c1:#3ddc84;--c2:#5fd4c0}
.wg-bar.warn{--c1:#ffb347;--c2:#ffd54a}
.wg-bar.crit{--c1:#ff5f6d;--c2:#ff8a5b}
.wg-bar>i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--c2),var(--c1));transition:width 1s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.wg-bar>i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:wgShine 2.8s ease-in-out infinite}
@keyframes wgShine{60%,100%{transform:translateX(100%)}}

/* ---------- ağ ---------- */
.wg-net-chart{position:relative;height:70px;margin:2px 0 8px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0))}
.wg-net-chart svg{display:block;width:100%;height:100%}
.wg-net-chart .grid{stroke:rgba(255,255,255,.12);stroke-width:1;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.wg-net-chart .l{fill:none;stroke-width:1.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.wg-net-chart .a{stroke:none;opacity:.22}
.wg-net-chart .rx.l{stroke:#4fd1ff}.wg-net-chart .rx.a,.wg-net-chart .rx.p{fill:#4fd1ff}
.wg-net-chart .tx.l{stroke:#b28dff}.wg-net-chart .tx.a,.wg-net-chart .tx.p{fill:#b28dff}
.wg-net-chart .p{filter:drop-shadow(0 0 4px currentColor)}
.wg-net-max{position:absolute;top:3px;right:6px;font-size:9.5px;color:var(--on-glass-3);font-variant-numeric:tabular-nums}
.wg-net-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.wg-net-legend>div{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.wg-net-legend>div>div{display:flex;flex-direction:column;min-width:0}
.wg-net-legend b{font-size:13px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.wg-net-legend div small:last-child{text-transform:none;letter-spacing:0;font-size:10px}
.wg-net-legend .wg-i{width:24px;height:24px;border-radius:8px;flex:none}
.wg-net-legend .rx .wg-i{background:rgba(79,209,255,.22);color:#4fd1ff}
.wg-net-legend .tx .wg-i{background:rgba(178,141,255,.22);color:#c9b2ff}

/* kısa ekranlar (dizüstü): her şey bir ekrana sığsın diye sıkı düzen */
@media(max-height:900px){
  .wg-col{gap:9px}
  .wg{padding:11px 12px 10px;border-radius:20px}
  .wg-h{margin-bottom:5px;min-height:24px}
  .wg-btn{width:26px;height:26px}
  .wg-face{width:70px;height:70px}
  .wg-time{font-size:31px}
  .wg-clock-body{gap:12px}
  .wg-other{margin-top:8px;padding:5px 10px}
  .wg-wx-main{margin:-4px 0 0}
  .wg-wx-icon{width:74px;height:62px}
  .wg-temp{font-size:38px}
  .wg-chart{margin:0 -4px 5px}
  .wg-chart-in svg{height:58px}
  .wg-chip-box,.wg-chip-btn{padding:4px 5px 4px 7px}
  .wg-ring{width:68px;height:68px}
  .wg-ring-v{font-size:16px}
  .wg-stats{margin-top:7px}
  .wg-stats>div{padding:4px 7px}
  .wg-dots{margin-top:5px}
  .wg-page.p-disk .wg-drive{width:66px;height:66px}
  .wg-page.p-disk .wg-disk-pct{font-size:30px}
}
@media(max-height:780px){
  .wg-face{width:60px;height:60px}
  .wg-time{font-size:27px}
  .wg-date{font-size:11.5px}
  .wg-other{display:none}
  .wg-ring-sub{display:none}
}
@media(prefers-reduced-motion:reduce){.wg,.wg *,.wx *{animation:none!important;transition:none!important}.wg-chart .line{stroke-dashoffset:0}.wg-chart .area{opacity:1}}