/* UY Live Chat – front.css (widget yükseltilmiş, geçmiş scroll, composer sabit) */
.uylc-fab{position:fixed;right:20px;bottom:20px;background:linear-gradient(135deg,#ff7a7a,#ff9d6d);color:#fff;z-index:9999;padding:14px 20px;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 6px 15px rgba(255,122,122,.4);transition:all .3s ease;display:flex;align-items:center}
.uylc-fab:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,122,122,.5)}
.uylc-logo{height:24px;width:auto;border-radius:4px;object-fit:contain}

/* Sabit yükseklik ve taşmayı içte kontrol et */
.uylc-widget{position:fixed;right:20px;bottom:90px;width:340px;height:70vh;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none;z-index: 10011;overflow:hidden;display:flex;flex-direction:column}
.uylc-widget.max{width:520px;height:85vh}

.uylc-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#ff7a7a,#ff9d6d);color:#fff;padding:12px 16px;font-weight:600;flex:0 0 auto}
.uylc-head>div{display:flex;align-items:center}
.uylc-head button{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;margin-left:8px}
.uylc-head button:hover{background:rgba(255,255,255,.2)}

/* Agent bilgi alanı */
.uylc-agent-info{display:flex;align-items:center;gap:8px;margin-right:auto;}
#uylc_agent_info{color:#fff;font-size:12px;font-weight:500;}

/* Gövde sabit alan; yalnız mesajlar scroll */
.uylc-body{padding:12px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#uylc_messages{flex:1;min-height:0;overflow:auto;background:#f8fafc;padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:8px}
#uylc_messages .msg{background:#fff;padding:10px 14px;border-radius:12px;display:inline-block;max-width:80%;word-wrap:break-word;box-shadow:0 2px 5px rgba(0,0,0,.05);line-height:1.4}
#uylc_messages .msg.me{background:#ffecec;align-self:flex-end;color:#d14545}
#uylc_messages .msg.system{background:#f0f7ff;align-self:center;max-width:90%;font-style:italic;color:#555;text-align:center}

/* Composer her zaman altta ve tek satır */
#uylc_willkommen{margin-top:8px;padding:10px;background:#f8fafc;border-radius:8px;border-left:4px solid #ff9d6d}
.uylc-composer{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;flex:0 0 auto}
#uylc_emoji_btn,#uylc_file_btn{background:#f8f8f8;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:16px;transition:all .2s ease}
#uylc_emoji_btn:hover,#uylc_file_btn:hover{background:#f0f0f0}
#uylc_input{flex:1;min-width:0;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:16px}
#uylc_send{background:#ff6b6b;border:none;color:#fff;border-radius:10px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}
#uylc_send:hover{background:#ff5252}

/* Emoji panel üstte kalsın */
.uylc-emoji-panel{position:absolute;bottom:140px;right:24px;background:#fff;border:1px solid #eee;border-radius:10px;padding:8px;max-height:200px;overflow:auto;display:none;grid-template-columns:repeat(5,1fr);gap:5px;box-shadow:0 5px 15px rgba(0,0,0,.1);z-index:10001}
.uylc-emoji-panel button.emoji{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;border-radius:5px}
.uylc-emoji-panel button.emoji:hover{background:#f0f0f0}

/* Mobil uyarlama: yükseklik artır, input min-width kısıtını kaldır */
@media (max-width:480px){
  .uylc-widget{width:90vw;right:5vw;left:5vw;height:85vh}
  .uylc-widget.max{width:95vw;height:90vh}
  .uylc-composer{gap:6px}
  #uylc_input{min-width:0}
  .uylc-agent-info{flex-direction:column;align-items:flex-start;gap:4px;}
  #uylc_agent_info{font-size:11px;}
}
/* New chat button */
.uylc-head .uylc-newchat {
  background-color: #D4D4D4 !important;
  border: none !important;
  border-radius: 25% !important;
  color: #fff !important;
  font-size: 18px !important;
  margin-right: 6px !important;
  cursor: pointer !important;
}
.uylc-head .uylc-newchat:focus {
  outline: 2px solid rgba(255,255,255,.5) !important;
  outline-offset: 2px !important;
}
/* Front.css'ye ekle: */
.msg {
    position: relative;
    padding-right: 30px !important; /* Status icon için yer aç */
}

.msg-status {
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 11px !important;
}

.typing-indicator {
    background: #f0f0f0;
    border-radius: 10px;
    padding: 8px 12px;
    margin: 5px 0;
    display: inline-block;
    max-width: 80%;
    animation: typing-pulse 1.5s infinite;
}

@keyframes typing-pulse {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

/* Admin.css'ye ekle: */
#msgs .msg {
    position: relative;
    padding-right: 40px !important;
}

#msgs .msg .msg-status {
    position: absolute;
    right: 8px;
    bottom: 8px;
}

#msgs .msg.me .msg-status {
    right: 30px; /* Silme butonu için yer bırak */
}

#msgs .msg.visitor .msg-status {
    right: 30px; /* Silme butonu için yer bırak */
}

.typing-indicator-admin {
    background: #f8f9fa;
    border-left: 3px solid #007cba;
    padding: 8px 12px;
    margin: 5px 0;
    font-style: italic;
    color: #666;
    border-radius: 4px;
    display: none;
}
/* Her iki dosyaya da ekle */
.msg.read-marked .msg-status {
    color: #34b7f1 !important;
}

/* Admin panelinde ziyaretçi mesajları için */
#msgs .msg.visitor.read-marked .msg-status {
    color: #34b7f1 !important;
}

/* Frontend'de admin mesajları için */
#uylc_messages .msg.admin.read-marked .msg-status {
    color: #34b7f1 !important;
}