.dg-balon{position:fixed;z-index:100000;left:0;top:0;display:flex;align-items:center;gap:10px;max-width:min(340px,calc(100vw - 16px));padding:10px 14px 10px 10px;border-radius:12px;background:#fff;color:#2c2129;border:1px solid #f0c4c0;box-shadow:0 14px 34px -12px rgba(30,15,25,.45);font-weight:600;font-size:13.5px;line-height:1.35;font-family:inherit;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.dg-balon.dg-acik{opacity:1;transform:none}
.dg-balon.dg-ustte{transform:translateY(4px)}.dg-balon.dg-ustte.dg-acik{transform:none}
.dg-ikon{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#c0392b;color:#fff;font-weight:800;font-size:14px}
.dg-balon::before{content:"";position:absolute;left:var(--dg-ok,20px);top:-6px;width:10px;height:10px;background:#fff;border-left:1px solid #f0c4c0;border-top:1px solid #f0c4c0;transform:rotate(45deg)}
.dg-balon.dg-ustte::before{top:auto;bottom:-6px;transform:rotate(225deg)}
@media (prefers-reduced-motion:reduce){.dg-balon{transition:none}}
.dg-kaplama{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:16px;background:rgba(25,12,20,.55);animation:dgGir .14s ease}
.dg-pencere{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:start;width:min(420px,100%);padding:20px;border-radius:16px;background:#fff;color:#2c2129;box-shadow:0 30px 70px -20px rgba(20,8,16,.6);font-weight:500;font-size:14px;line-height:1.5;font-family:inherit}
.dg-pencere b{display:block;font-size:16px;margin:0 0 4px}
.dg-pencere p{margin:0;color:#5d4f57}
.dg-soru{background:#a3125a;width:30px;height:30px;flex-basis:30px}
.dg-dugmeler{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:6px}
.dg-dugmeler button{min-height:44px;padding:0 18px;border-radius:11px;border:1px solid #e6dbe1;background:#f5f1f3;color:#4a3a43;font-weight:700;font-size:14px;line-height:1;font-family:inherit;cursor:pointer}
.dg-dugmeler .dg-evet{background:#a3125a;border-color:#a3125a;color:#fff}
.dg-dugmeler button:focus-visible{outline:3px solid #f0a6c8;outline-offset:2px}
@keyframes dgGir{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dg-kaplama{animation:none}}