/* ============================================================
   Temalı onay / uyarı popup'ı — Discord birebir
   Modal dili: radius var(--radius-md)=12px, footer ayrı arka plan,
   overlay scrim rgba(0,0,0,.72)+blur, Discord buton ölçüleri.
   ============================================================ */
.uic-overlay{
  position:fixed;inset:0;z-index:10000;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.72);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  opacity:0;transition:opacity .15s ease;
  padding:20px;
}
.uic-overlay.uic-open{opacity:1;}
.uic-overlay.uic-closing{opacity:0;}

.uic-modal{
  width:100%;max-width:440px;            /* Discord --modal-width-small:442px */
  display:flex;flex-direction:column;
  background:var(--popout-bg);            /* --modal-background */
  border:1px solid var(--border);        /* --border-normal */
  border-radius:var(--radius-md);         /* 12px */
  box-shadow:0 8px 30px rgba(0,0,0,.6);
  overflow:hidden;
  transform:scale(.92);opacity:0;
  transition:transform .15s cubic-bezier(.2,.7,.3,1),opacity .15s ease;
}
.uic-overlay.uic-open .uic-modal{transform:scale(1);opacity:1;}

/* Header — Discord --modal-vertical/horizontal-padding (16px 24px), alt boşluk yok */
.uic-title{
  flex:0 0 auto;
  font-size:20px;font-weight:600;line-height:24px;
  color:var(--head);
  padding:var(--space-16) var(--space-24) 0;
}
/* Content — yatay padding 24px, üst boşluk --space-8 */
.uic-body{
  flex:0 0 auto;
  font-size:16px;line-height:20px;
  color:var(--muted);                     /* --text-muted */
  padding:var(--space-8) var(--space-24) var(--space-16);
}
.uic-preview{
  margin:0 var(--space-24) var(--space-16);
  padding:10px 12px;
  background:var(--popout-inner);
  border-radius:var(--radius-xs);border-left:3px solid var(--accent);
  font-size:13px;display:flex;flex-direction:column;gap:2px;
  max-height:90px;overflow:hidden;
}
.uic-preview-nick{font-weight:600;color:var(--head);font-size:12px;}
.uic-preview-text{color:var(--text);white-space:pre-wrap;word-break:break-word;}

/* Footer — Discord ayrı arka plan (--modal-footer-background), üst padding 16px */
.uic-foot{
  flex:0 0 auto;
  display:flex;justify-content:flex-end;gap:8px;
  padding:var(--space-16) var(--space-24);
  background:var(--panel3);                /* footer ayrı yüzey */
  border-radius:0 0 var(--radius-md) var(--radius-md);
}

/* Discord buton — radius var(--radius-sm)=8px, medium yükseklik 40px,
   font 14px/medium, padding 8px 16px */
.uic-btn{
  display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;
  min-height:38px;min-width:96px;
  border:1px solid transparent;cursor:pointer;
  padding:8px 16px;border-radius:var(--radius-sm);
  font-size:14px;font-weight:500;line-height:16px;
  transition:background-color .17s ease,color .17s ease,filter .17s ease;
}
.uic-btn:active{transform:scale(.99);}
/* link görünümlü iptal */
.uic-cancel{background:transparent;color:var(--text);}
.uic-cancel:hover{text-decoration:underline;background:var(--hover);}
/* blurple onay (brand = --accent) */
.uic-confirm-btn{background:var(--accent);color:#fff;}
.uic-confirm-btn:hover{background:var(--accent-hover);}
/* kırmızı danger */
.uic-confirm-btn.danger{background:var(--danger);}
.uic-confirm-btn.danger:hover{filter:brightness(.88);}