/* SocialPulsar · Instagram UGC — cam pencere; opak gri kutu yok. Büyük sayılar ve başlıklar SPCond (kol.css'te tanımlı).
   Vurgu: canlı yayın pembesi → kehribar (yalnızca canlı nokta, nabız grafiği ve bütçe çubuğunda). */
.ugc-window[hidden],.ai-workspace:not([data-view="ugc"]) #ugcWindow,.ai-workspace:not([data-view="ttugc"]) #ttugcWindow{display:none!important}
.dt-pc .dt-body>.ugc-window,.dt-mb .dt-body>.ugc-window{display:flex!important}
.ugc-window{position:relative;z-index:1;flex:1;min-width:0;height:calc(100dvh - 40px);margin:20px 20px 20px 14px;display:flex;flex-direction:column;overflow:hidden;container-type:inline-size;
  border-radius:var(--radius-window,28px);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);
  color:var(--on-glass,#fff);font:14px/1.45 var(--sp-font,InterSP,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif);
  --ug-live:#ff4f8b;--ug-amber:#ffb547;--ug-sel:#7cc4ff;--ug-line:rgba(255,255,255,.13);--ug-line2:rgba(255,255,255,.07);--ug-hover:rgba(255,255,255,.07);--ug-sheet:rgba(40,44,52,.74);--ug-ok:#5ee0a0;--ug-warn:#ffcc66;--ug-err:#ff8fa3}
html[data-theme="light"] .ugc-window{--ug-live:#e32d6f;--ug-amber:#d98a00;--ug-sel:#0a84ff;--ug-line:rgba(0,0,0,.09);--ug-line2:rgba(0,0,0,.05);--ug-hover:rgba(0,0,0,.04);--ug-sheet:rgba(255,255,255,.88);--ug-ok:#12a36a;--ug-warn:#b07800;--ug-err:#d6294d}
html[data-theme="dark"] .ugc-window{--ug-line:rgba(255,255,255,.09);--ug-line2:rgba(255,255,255,.05);--ug-hover:rgba(255,255,255,.05);--ug-sheet:rgba(30,30,34,.88)}
.ugc-window :where(button,select,input,textarea){font:inherit;color:inherit}
.ugc-window footer,.ugc-window header{position:static;left:auto;right:auto;top:auto;bottom:auto;margin:0;font:inherit;letter-spacing:normal;color:inherit;text-transform:none}
.ugc-window a{color:inherit}
.ugc-window ::-webkit-scrollbar{width:10px;height:10px}
.ugc-window ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--on-glass,#fff) 26%,transparent);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
.ugc-window :focus-visible{outline:2px solid var(--ug-sel);outline-offset:2px}
.ug-i{display:inline-grid;place-items:center;flex:none}
.ug-i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ug-muted{margin:0;font-size:12.5px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-muted.pad{padding:10px 12px}

/* düğmeler */
.ug-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--glass-chip-border);background:var(--glass-chip);color:inherit;cursor:pointer;
  font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;transition:background .15s,transform .1s}
.ug-btn:hover{background:var(--glass-chip-hover)}
.ug-btn:active{transform:scale(.97)}
.ug-btn:disabled{opacity:.45;cursor:default;transform:none}
.ug-btn.sm{height:30px;padding:0 11px;font-size:12.5px}
.ug-btn.icon{width:36px;padding:0}
.ug-btn.icon.sm{width:30px}
.ug-btn.ghost{background:transparent;border-color:transparent}
.ug-btn.ghost:hover{background:var(--ug-hover)}
.ug-btn.primary{background:#fff;color:#1f2430;border-color:transparent;font-weight:600}
html[data-theme="light"] .ug-btn.primary,html[data-theme="dark"] .ug-btn.primary{background:#0a84ff;color:#fff}
.ug-btn.primary:hover{filter:brightness(.96)}
.ug-btn.wide{width:100%}
.ug-btn.danger{background:#ff4d6d;color:#fff;border-color:transparent}
.ug-btn.danger-text{color:var(--ug-err)}

/* iskelet */
.ug-shell{flex:1;min-height:0;display:grid;grid-template-columns:272px minmax(0,1fr)}
.ug-rail{min-height:0;display:flex;flex-direction:column;gap:12px;padding:18px 12px 12px 16px;border-right:1px solid var(--ug-line2)}
.ug-rail[hidden]{display:none}
.ug-rail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ug-rail-head h1{margin:0;font:600 22px/1.15 var(--sp-head,Jost,InterSP,sans-serif);letter-spacing:-.01em}
.ug-rail-head p{margin:3px 0 0;font-size:12px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:4px;margin:0 -4px;padding:0 4px}
.ug-ev{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:16px;background:none;cursor:pointer;text-align:left}
.ug-ev:hover{background:var(--ug-hover)}
.ug-ev.on{background:var(--glass-inner);border-color:var(--glass-inner-border)}
.ug-ev-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ug-ev-top b{font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.ug-ev-tags{font-size:12px;color:var(--on-glass-2,rgba(255,255,255,.8));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ug-ev-nums{display:flex;gap:12px;font-size:12px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-ev-nums b{color:var(--on-glass,#fff);font-weight:600;font-variant-numeric:tabular-nums}
.ug-ev-nums .new{display:inline-flex;align-items:center;gap:4px}
.ug-ev-nums .new::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ug-live)}
.ug-apify{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;border:1px dashed var(--ug-line);font-size:12px}
.ug-apify small{flex-basis:100%;padding-left:16px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--ug-warn)}
.ug-dot.ok{background:var(--ug-ok)}

/* durum hapı */
.ug-status{display:inline-flex;align-items:center;gap:6px;flex:none;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--glass-chip);border:1px solid var(--glass-chip-border)}
.ug-status i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7}
.ug-status.s-live{color:#fff;background:linear-gradient(90deg,var(--ug-live),color-mix(in srgb,var(--ug-live) 60%,var(--ug-amber)));border-color:transparent}
.ug-status.s-live i{opacity:1;background:#fff;animation:ug-pulse 1.6s ease-in-out infinite}
.ug-status.s-ended{opacity:.75}
.ug-status.s-paused{color:var(--ug-warn)}
@keyframes ug-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}50%{box-shadow:0 0 0 4px rgba(255,255,255,0)}}

/* ana alan */
.ug-main{min-height:0;min-width:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:18px 20px 20px}
.ug-main>*{flex-shrink:0}
.ug-loading{margin:auto;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-empty{margin:auto;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:30px 20px}
.ug-empty-ic{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ug-live),var(--ug-amber));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--ug-live) 35%,transparent)}
.ug-empty-ic .ug-i svg{width:30px;height:30px;stroke-width:2.2}
.ug-empty h2{margin:6px 0 0;font:800 26px/1.1 SPCond,var(--sp-head,Jost,sans-serif)}
.ug-empty p{margin:0;font-size:13.5px;color:var(--on-glass-2,rgba(255,255,255,.8))}
.ug-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.ug-back{display:none}
.ug-title{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px}
.ug-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ug-title h2{margin:0;font:800 34px/1 SPCond,var(--sp-head,Jost,sans-serif);letter-spacing:.005em;overflow-wrap:anywhere}
.ug-when{font-size:12.5px;color:var(--on-glass-2,rgba(255,255,255,.8));font-variant-numeric:tabular-nums}
.ug-tags{display:flex;flex-wrap:wrap;gap:6px}
.ug-tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;
  background:color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}
.ug-tag small{font-weight:500;opacity:.75;font-variant-numeric:tabular-nums}
.ug-tag button{display:grid;place-items:center;width:18px;height:18px;margin-right:-5px;border:0;border-radius:50%;background:none;cursor:pointer;opacity:.7}
.ug-tag button:hover{opacity:1;background:var(--ug-hover)}
.ug-tag button .ug-i svg{width:12px;height:12px}
.ug-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* tarama şeridi + bütçe */
.ug-strip{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;padding:10px 14px;border-radius:16px;background:var(--glass-inner);border:1px solid var(--glass-inner-border)}
.ug-strip-l{flex:1;min-width:240px;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--on-glass-2,rgba(255,255,255,.8))}
.ug-strip-l b{color:var(--on-glass,#fff);font-weight:600}
.ug-strip-l .live{display:inline-flex;align-items:center;gap:7px;color:var(--on-glass,#fff);font-weight:500}
.ug-strip-l .warn{color:var(--ug-warn)}
.ug-strip-l .err{color:var(--ug-err);flex-basis:100%}
.ug-spin{width:12px;height:12px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ug-live) 30%,transparent);border-top-color:var(--ug-live);animation:ug-rot .8s linear infinite}
@keyframes ug-rot{to{transform:rotate(360deg)}}
.ug-budget{width:220px;display:flex;flex-direction:column;gap:5px}
.ug-budget-t{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-budget-t b{color:var(--on-glass,#fff);font-weight:600;font-variant-numeric:tabular-nums}
.ug-bar{height:6px;border-radius:6px;background:var(--ug-line);overflow:hidden}
.ug-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--ug-ok),var(--ug-amber))}
.ug-budget.hot .ug-bar i{background:linear-gradient(90deg,var(--ug-amber),var(--ug-live))}

/* özet sayılar */
.ug-kpis{display:grid;grid-template-columns:repeat(var(--kc,5),minmax(0,1fr));gap:2px;border-radius:16px;overflow:hidden}
.ug-kpi{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--glass-inner)}
.ug-kpi small{font-size:12px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-kpi b{font:800 32px/1 SPCond,var(--sp-head,Jost,sans-serif);font-variant-numeric:tabular-nums;letter-spacing:.005em}
.ug-kpi em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:11.5px;color:var(--on-glass-2,rgba(255,255,255,.85));font-weight:600}
.ug-kpi em::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ug-live);box-shadow:0 0 0 3px color-mix(in srgb,var(--ug-live) 25%,transparent)}

/* paylaşım nabzı */
.ug-pulse{display:flex;flex-direction:column;gap:6px}
.ug-pulse-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:var(--on-glass-2,rgba(255,255,255,.8))}
.ug-pulse-head small{font-weight:500;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-pulse-bars{position:relative;height:72px;display:flex;align-items:flex-end;gap:1px;padding:0 1px;border-bottom:1px solid var(--ug-line)}
.ug-pulse-bars i{flex:1;min-width:1px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--ug-live),color-mix(in srgb,var(--ug-amber) 80%,transparent))}
.ug-pulse-bars i.future{background:var(--ug-line2)}
.ug-now{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--on-glass,#fff);border-radius:2px;opacity:.85}
.ug-now::before{content:"";position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--on-glass,#fff)}
.ug-pulse-ticks{position:relative;height:16px;font-size:10.5px;color:var(--on-glass-3,rgba(255,255,255,.6));overflow:hidden}
.ug-pulse-ticks span{position:absolute;top:0;white-space:nowrap;transform:translateX(-2px)}

/* sekmeler */
.ug-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--ug-line);flex-wrap:wrap}
.ug-tabs button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--on-glass-2,rgba(255,255,255,.8))}
.ug-tabs button.on{color:var(--on-glass,#fff);border-bottom-color:var(--ug-live);font-weight:600}
.ug-tabs button small{font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--glass-chip);font-variant-numeric:tabular-nums}
.ug-tabs-sp{flex:1}
.ug-tabbody{min-height:200px}

/* araç çubuğu */
.ug-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ug-tools-sp{flex:1}
.ug-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;background:var(--glass-inner);border:1px solid var(--glass-inner-border);flex:1 1 200px;max-width:300px}
.ug-search input{flex:1;min-width:0;border:0;outline:0;background:none}
.ug-search input::placeholder,.ug-in::placeholder,.ug-tagin::placeholder{color:var(--on-glass-3,rgba(255,255,255,.55))}
.ug-chips{display:flex;gap:5px;flex-wrap:wrap}
.ug-chip{height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--glass-chip-border);background:transparent;cursor:pointer;font-size:12.5px;opacity:.75}
.ug-chip:hover{opacity:1}
.ug-chip.on{opacity:1;background:var(--glass-chip-hover);font-weight:600}
.ug-chip.tag.on{background:color-mix(in srgb,var(--c) 22%,transparent);border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.ug-select{height:34px;padding:0 30px 0 12px;border-radius:999px;border:1px solid var(--glass-chip-border);background-color:var(--glass-chip);appearance:none;cursor:pointer;font-size:13px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:14px}
.ug-select option{color:#1d1d1f}
.ug-userfilter{display:flex;align-items:center;gap:10px;margin:-4px 0 12px;font-size:13px;font-weight:500}

/* gönderi ızgarası */
.ug-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.ug-grid-empty{grid-column:1/-1;padding:40px 16px;text-align:center;font-size:13.5px;color:var(--on-glass-2,rgba(255,255,255,.8));border-radius:16px;border:1px dashed var(--ug-line)}
.ug-tile{position:relative;aspect-ratio:4/5;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:pointer;background:var(--glass-inner);text-align:left;isolation:isolate}
.ug-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.ug-tile:hover img{transform:scale(1.04)}
.ug-tile.excl{opacity:.45}
.ugc-window.tt .ug-tile{aspect-ratio:9/14}
.ugc-window.tt .ug-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.ug-tile-ph{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 55%,transparent),color-mix(in srgb,var(--c) 15%,transparent));color:#fff}
.ug-tile-ph .ug-i svg{width:34px;height:34px;opacity:.85}
.ug-tile-kind,.ug-tile-win{position:absolute;top:8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.42);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ug-tile-kind{right:8px}
.ug-tile-kind .ug-i svg{width:13px;height:13px;fill:currentColor;stroke-width:1.4}
.ug-tile-win{left:8px;background:linear-gradient(135deg,var(--ug-amber),var(--ug-live))}
.ug-tile-win .ug-i svg{width:14px;height:14px}
.ug-tile-foot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:26px 10px 9px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.ug-tile-foot b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ug-tile-foot small{font-size:11px;opacity:.8}
.ug-tile-m{display:flex;flex-wrap:wrap;gap:2px 9px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px}
.ug-tile-m span{display:inline-flex;align-items:center;gap:3px}
.ug-tile-m .ug-i svg{width:12px;height:12px}
.ug-more{display:flex;justify-content:center;padding:16px 0 4px}

/* katılımcılar ve tarama geçmişi */
.ug-formula{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--on-glass-2,rgba(255,255,255,.8))}
.ug-winners{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:10px 14px;border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--ug-amber) 22%,transparent),color-mix(in srgb,var(--ug-live) 14%,transparent));font-size:13px}
.ug-winners>span{display:inline-flex;align-items:center;gap:6px;font-weight:600;margin-right:4px}
.ug-winners b{padding:3px 10px;border-radius:999px;background:var(--glass-chip);font-weight:600}
.ug-table{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--glass-inner-border);background:var(--glass-inner);overflow:hidden}
.ug-row{display:grid;grid-template-columns:44px minmax(160px,2fr) repeat(4,minmax(64px,1fr)) 150px;align-items:center;gap:8px;min-height:56px;padding:0 12px;border-bottom:1px solid var(--ug-line2)}
.ug-row:last-child{border-bottom:0}
.ug-row.head{min-height:36px;font-size:12px;font-weight:600;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-row.win{background:color-mix(in srgb,var(--ug-amber) 10%,transparent)}
.ug-rank{font:800 22px/1 SPCond,var(--sp-head,Jost,sans-serif);text-align:center;color:var(--on-glass-3,rgba(255,255,255,.62));font-variant-numeric:tabular-nums}
.ug-row.top .ug-rank{font-size:30px;color:var(--on-glass,#fff)}
.ug-row.top:nth-child(2) .ug-rank{background:linear-gradient(180deg,var(--ug-amber),var(--ug-live));-webkit-background-clip:text;background-clip:text;color:transparent}
.ug-person{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 0;border:0;background:none;cursor:pointer;text-align:left}
.ug-person img,.ug-av{width:38px;height:38px;flex:none;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-weight:700;font-size:15px;background:linear-gradient(135deg,var(--ug-live),var(--ug-amber));color:#fff}
.ug-person b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ug-person small{display:block;font-size:12px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-person:hover b{text-decoration:underline}
.ug-num{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}
.ug-num.score{font:800 20px/1 SPCond,var(--sp-head,Jost,sans-serif)}
.ug-row-act{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.ug-win{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--glass-chip-border);background:transparent;cursor:pointer;font-size:12.5px;font-weight:500}
.ug-win:hover{background:var(--ug-hover)}
.ug-win.on{background:linear-gradient(135deg,var(--ug-amber),var(--ug-live));color:#fff;border-color:transparent;font-weight:600}
.ug-table.runs .ug-row{grid-template-columns:130px minmax(160px,2fr) minmax(120px,1.4fr) repeat(3,minmax(70px,1fr));min-height:44px;font-size:13px}
.ug-runs .ug-formula{margin-bottom:12px}
.ug-st{display:inline-flex;align-items:center;gap:6px;min-width:0}
.ug-st i{width:7px;height:7px;border-radius:50%;flex:none;background:var(--on-glass-3,#aaa)}
.ug-st.ok i{background:var(--ug-ok)}.ug-st.warn i{background:var(--ug-warn)}.ug-st.err i{background:var(--ug-err)}.ug-st.live i{background:var(--ug-live)}
.ug-st small{color:var(--ug-err);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* menü */
.ug-menu{position:absolute;z-index:25;min-width:210px;padding:6px;border-radius:16px;background:var(--ug-sheet);backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);border:1px solid var(--glass-border);box-shadow:0 18px 44px rgba(0,0,0,.28)}
.ug-menu button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:10px;background:none;cursor:pointer;font-size:13px;text-align:left}
.ug-menu button:hover{background:var(--ug-hover)}
.ug-menu button.danger{color:var(--ug-err)}

/* pencereler */
.ug-modal{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(10,12,18,.32);opacity:0;transition:opacity .18s}
.ug-modal.in{opacity:1}
.ug-sheet{width:min(540px,100%);max-height:calc(100% - 16px);overflow:auto;padding:18px 20px 20px;border-radius:24px;background:var(--ug-sheet);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);
  border:1px solid var(--glass-border);box-shadow:0 24px 60px rgba(0,0,0,.32);transform:translateY(8px) scale(.98);transition:transform .2s}
.ug-modal.in .ug-sheet{transform:none}
.ug-sheet.sm{width:min(400px,100%)}
.ug-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ug-sheet h3{margin:0;font:800 26px/1.05 SPCond,var(--sp-head,Jost,sans-serif)}
.ug-sheet.sm p{margin:6px 0;font-size:13.5px}
.ug-sheet footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}
.ug-form{display:flex;flex-direction:column;gap:14px}
.ug-form footer{margin-top:4px}
.ug-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ug-field>span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-field small{font-size:11.5px;color:var(--on-glass-3,rgba(255,255,255,.6))}
.ug-in{height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--glass-inner-border);background:var(--glass-inner);outline:0;min-width:0;color-scheme:light dark}
textarea.ug-in{height:auto;padding:9px 12px;resize:vertical;line-height:1.45}
.ug-in:focus,.ug-tagbox:focus-within{border-color:var(--ug-live)}
.ug-in.big{height:auto;padding:4px 2px 10px;border:0;border-bottom:1px solid var(--ug-line);border-radius:0;background:none;font:800 28px/1.1 SPCond,var(--sp-head,Jost,sans-serif)}
.ug-tagbox{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 8px;border-radius:12px;border:1px solid var(--glass-inner-border);background:var(--glass-inner);cursor:text}
.ug-tagin{flex:1;min-width:120px;height:28px;border:0;outline:0;background:none}
.ug-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ug-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--glass-inner);border:1px solid var(--glass-inner-border);align-self:flex-start}
.ug-seg button{height:30px;padding:0 13px;border:0;border-radius:999px;background:transparent;cursor:pointer;font-size:13px;font-weight:500}
.ug-seg button[aria-checked="true"]{background:var(--glass-chip-hover);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ug-est{display:flex;gap:9px;margin:0;padding:10px 12px;border-radius:14px;border:1px dashed var(--ug-line);font-size:12.5px;line-height:1.5;color:var(--on-glass-2,rgba(255,255,255,.82))}
.ug-est .ug-i{padding-top:2px}
.ug-conn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--glass-inner);border:1px solid var(--glass-inner-border);font-size:13px;font-weight:500}
.ug-conn>span:nth-child(2){flex:1}

/* gönderi ayrıntısı */
.ug-sheet.post{width:min(860px,100%);padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);overflow:hidden}
.ug-post-media{position:relative;min-height:320px;background:rgba(0,0,0,.2)}
.ug-post-media img,.ug-post-media .ug-tile-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ug-post-kind{position:absolute;left:12px;top:12px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ug-post-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;overflow:auto;max-height:calc(100dvh - 120px)}
.ug-post-body>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ug-post-user{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.ug-post-user b{display:block;font-size:15px}
.ug-post-user small{display:block;font-size:12px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-post-user:hover b{text-decoration:underline}
.ug-post-m{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:2px;border-radius:14px;overflow:hidden}
.ug-post-m>div{padding:8px 12px;background:var(--glass-inner)}
.ug-post-m small{display:block;font-size:11.5px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-post-m b{font:800 24px/1.05 SPCond,var(--sp-head,Jost,sans-serif);font-variant-numeric:tabular-nums}
.ug-post-when{margin:0;font-size:12px;color:var(--on-glass-3,rgba(255,255,255,.62))}
.ug-caption{margin:0;font-size:13.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
.ug-post-body footer{justify-content:flex-start;margin-top:auto}

/* bildirim */
.ug-toast{position:absolute;left:50%;bottom:22px;z-index:40;max-width:min(440px,calc(100% - 32px));padding:10px 16px;border-radius:14px;background:rgba(28,30,36,.92);color:#fff;font-size:13px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translate(-50%,12px);opacity:0;transition:transform .2s,opacity .2s;pointer-events:none}
.ug-toast.in{transform:translate(-50%,0);opacity:1}
.ug-toast.error{background:#d6294d}

/* dar pencere */
@container (max-width:1100px){
  .ug-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ug-row{grid-template-columns:36px minmax(140px,2fr) repeat(3,minmax(56px,1fr)) 112px}
  .ug-row .c-v{display:none}
  .ug-table.runs .ug-row{grid-template-columns:110px minmax(140px,2fr) minmax(100px,1.2fr) repeat(3,minmax(56px,1fr))}
}
@container (max-width:820px){
  .ug-shell{grid-template-columns:minmax(0,1fr)}
  .ug-rail{border-right:0}
  .ugc-window:not(.show-detail) .ug-main{display:none}
  .ugc-window.show-detail .ug-rail{display:none}
  .ug-back{display:inline-flex}
  .ug-main{padding:14px 12px 16px}
  .ug-title h2{font-size:28px}
  .ug-actions{width:100%}
  .ug-actions .ug-btn:not(.icon){flex:1}
  .ug-budget{width:100%}
  .ug-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ug-kpi:first-child{grid-column:1/-1}
  .ug-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
  .ug-row{grid-template-columns:30px minmax(0,1fr) 60px 96px;min-height:60px;padding:0 10px}
  .ug-row .c-l,.ug-row .c-c,.ug-row .c-v{display:none}
  .ug-row-act .ug-btn{display:none}
  .ug-table.runs .ug-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 64px;padding:8px 10px}
  .ug-table.runs .c-t,.ug-table.runs .c-r,.ug-table.runs .c-n{display:none}
  .ug-2{grid-template-columns:1fr}
  .ug-sheet.post{grid-template-columns:1fr}
  .ug-post-media{min-height:0;aspect-ratio:4/5;max-height:46dvh}
  .ug-tabs .ug-btn span{display:none}
  .ug-pulse-ticks span:nth-child(even){display:none}
}
@media (prefers-reduced-motion:reduce){.ug-modal,.ug-sheet,.ug-toast,.ug-tile img,.ug-btn{transition:none}.ug-status.s-live i,.ug-spin{animation:none}}