/* ViscoDay site mesaj kutusu */
#visco-mesaj-kutusu{
position:fixed;inset:0;z-index:11050;
display:flex;align-items:center;justify-content:center;
padding:16px;box-sizing:border-box;
background:rgba(15,23,42,0.45);
backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
opacity:0;visibility:hidden;pointer-events:none;
transition:opacity 0.22s ease,visibility 0.22s ease;
}
#visco-mesaj-kutusu.visco-mk-acik{
opacity:1;visibility:visible;pointer-events:auto;
}
.visco-mk-kart{
width:100%;max-width:420px;background:#fff;border-radius:18px;
overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,0.22);
border:1px solid rgba(255,255,255,0.8);
transform:translateY(12px) scale(0.97);
transition:transform 0.24s ease;
}
#visco-mesaj-kutusu.visco-mk-acik .visco-mk-kart{
transform:translateY(0) scale(1);
}
.visco-mk-ust{
padding:18px 20px 14px;display:flex;align-items:flex-start;gap:12px;
background:linear-gradient(135deg,var(--ana-renk,#667eea) 0%,var(--ikincil-renk,#764ba2) 100%);
color:#fff;
}
.visco-mk-ust.visco-mk-tip-basari{
background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);
}
.visco-mk-ust.visco-mk-tip-uyari{
background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);
}
.visco-mk-ust.visco-mk-tip-hata{
background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);
}
.visco-mk-ikon{
width:42px;height:42px;border-radius:12px;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
background:rgba(255,255,255,0.2);font-size:1.35rem;
}
.visco-mk-baslik-wrap{flex:1;min-width:0;}
.visco-mk-baslik{
margin:0;font-size:1.05rem;font-weight:700;line-height:1.3;
}
.visco-mk-govde{
padding:16px 20px 8px;color:#334155;font-size:0.95rem;line-height:1.55;
word-break:break-word;
}
.visco-mk-alt{
padding:12px 20px 18px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;
}
.visco-mk-btn{
min-height:44px;padding:10px 18px;border-radius:12px;
font-size:0.92rem;font-weight:700;cursor:pointer;border:none;
display:inline-flex;align-items:center;justify-content:center;gap:6px;
transition:transform 0.15s,box-shadow 0.15s,background 0.15s;
}
.visco-mk-btn:active{transform:scale(0.98);}
.visco-mk-btn-iptal{
background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;
}
.visco-mk-btn-iptal:hover{background:#e2e8f0;}
.visco-mk-btn-tamam{
background:linear-gradient(135deg,var(--ana-renk,#667eea) 0%,var(--ikincil-renk,#764ba2) 100%);
color:#fff;box-shadow:0 4px 14px var(--ana-renk-30,rgba(102,126,234,0.28));
}
.visco-mk-btn-tamam:hover{
box-shadow:0 6px 18px var(--ana-renk-40,rgba(102,126,234,0.35));
}
.visco-mk-ust.visco-mk-tip-basari + .visco-mk-govde ~ .visco-mk-alt .visco-mk-btn-tamam,
.visco-mk-kart:has(.visco-mk-tip-basari) .visco-mk-btn-tamam{
background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);
box-shadow:0 4px 14px rgba(22,163,74,0.28);
}
.visco-mk-kart:has(.visco-mk-tip-hata) .visco-mk-btn-tamam{
background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);
box-shadow:0 4px 14px rgba(220,38,38,0.28);
}
@media (max-width:576px){
#visco-mesaj-kutusu{padding:12px;align-items:flex-end;}
.visco-mk-kart{border-radius:16px 16px 14px 14px;max-width:none;}
.visco-mk-alt{flex-direction:column-reverse;}
.visco-mk-btn{width:100%;}
}