Img.m{vertical-align:middle}.btn,a,a:active,a:hover,a:visited{text-decoration:none}.c,.nfo{clear:both}body,div,html,span{margin:0;padding:0;border:0;outline:0}body{line-height:1.3;font-family:Arial, Helvetica, sans-serif;font-size:15px}.hc3,.sf_b,a,a:active,a:hover,a:visited{font-weight:bold}.sf small,.ubx{font-size:13px}img{line-height:inherit;border:0}.on0,.on1{display:inline-block;padding:2px;line-height:0}img.circle{background:#FFF;width:40px;height:40px}.on1{background:#ade870}.on0{background:#F66}img.b{vertical-align:bottom;float:right;margin-top:5px;padding-right:1px}.c{height:5px;}.bbx,.ebx,.ibx,.obx,.ubx{color:#000;padding:6px}.ibx{background:#d9edf7;color:#31708f;border-bottom:1px solid #A9D5DE}.ebx{background:#f2dede;color:#a94442;border-bottom:1px solid #E0B4B4}.bbx{background:#FFEEB8;color:#8a6d3b;border-bottom:1px solid #C9BA9B}.obx{background:#dff0d8;color:#3c763d;border-bottom:1px solid #A3C293}.ubx{background:#f2dede;text-align:center}.avt{float:left;margin:2px 6px 2px 0}.sf{background-color:#FFF}input,select,textarea{margin:3px 0;font-weight:bold}.btn{margin:3px 0 0;display:inline}.c,.nfo,.spn{display:block}.sf_b{padding:3px 6px;line-height:22px}.nfo{padding:0 3px;margin-top:10px;font-size:11px;border-left:3px solid #DDD}.spn{padding:2px;margin-bottom:5px;background:#F1F1F1;text-align:left}.hc,.hc2,.hc3{padding:5px 10px;text-align:left}.hc{background:#FFF}.hc2,.hc3{background:#F1F1F1}.sf_a,.tc{text-align:center}.hc3{font-size:16px}.sf_a,.sf_a input{font-size:x-small}.sf_a{background:url(alt.gif) repeat-x #F1F1F1;border-bottom:1px solid #fff;line-height:25px}.sf_a a,.sf_a strong{padding:1px 3px;margin-right:2px}.sf_a form{display:inline}.ky{position:absolute;right:0}.sm{max-height:90px;max-width:90px;}.ui{vertical-align:middle;max-height:20px;max-width:40px;}.sf_a a,.sf_a input,.sf_a strong{border:1px solid #999;background:#EEE}.ky a{border-left:1px solid #bbb}.un{max-height:40px;max-width:150px;vertical-align:middle;}@media only screen and (max-width: 480px){body{font-size:small !important;}}

<!-- CSS Kısımları -->
<style type="text/css">
/* Genel Duvar / Form Tasarımı - Sağdan soldan tam ekran, hatasız çizgi uyumu */
.modern-form-wrapper { background: #ffffff; border-left: none; border-right: none; border-radius: 0; padding: 12px 16px; box-shadow: none; margin-bottom: 16px; box-sizing: border-box; width: 100%; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.modern-input-row { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; position: relative; }
/* Form İçi Avatar Alanı */
.form-avatar-box { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f8fafc; border: 1.5px solid #cbd5e1; flex-shrink: 0; }
.form-avatar-box img, .form-avatar-box table, .form-avatar-box td, .form-avatar-box div { width: 38px !important; height: 38px !important; max-width: none !important; object-fit: cover; border-radius: 50%; }
/* Mobil Uyumlu Input Alanı */
input.modern-input { flex: 1; width: 0; min-width: 0; height: 42px; background: #fafafa; border: 1px solid #ccc; border-radius: 8px; padding: 0 12px; font-size: 15px; color: #333; outline: none; box-sizing: border-box; }
/* Araç Çubuğu Butonları - Daha açık/canlı pembe/mor tonları */
.modern-toolbar { display: flex; align-items: center; gap: 6px; margin-top: 10px; flex-wrap: wrap; justify-content: space-between; }
.modern-toolbar-left { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.modern-btn { width: 30px; height: 30px; border-radius: 6px; background: #fcfcfc; border: 1px solid #d5d5d5; display: inline-flex; align-items: center; justify-content: center; color: #ec407a; cursor: pointer; text-decoration: none; box-sizing: border-box; transition: all 0.2s ease; }
.modern-btn:hover { background: #fce4ec; border-color: #f06292; color: #e91e63; }
.modern-btn i, .modern-btn svg { color: #ec407a !important; fill: #ec407a !important; font-size: 14px; opacity: 1 !important; }
.modern-btn.submit-btn { width: 36px; height: 36px; border-radius: 8px; background: linear-gradient(135deg, #f48fb1 0%, #ec407a 100%); color: #ffffff; border: none; padding: 0; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.modern-btn.submit-btn i { color: #ffffff !important; fill: #ffffff !important; }
/* Alıntı Kutusu */
.modern-quote-box { background: #fce4ec; border: 1px solid #f8bbd0; border-left: 4px solid #ec407a; padding: 10px 14px; border-radius: 8px; margin-bottom: 12px; font-size: 14px; position: relative; box-sizing: border-box; }
.modern-quote-close { position: absolute; right: 12px; top: 10px; color: #ad1457; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 1; }
/* Mesaj Öğeleri */
.modern-item { position: relative; padding: 12px 8px 14px 8px; margin-bottom: 4px; background: transparent; border: none; border-bottom: 1px solid #eaeaea; border-radius: 0; box-sizing: border-box; }
.modern-actions { position: absolute; right: 4px; top: 12px; display: flex; gap: 5px; align-items: center; }
/* İkon Butonları: Daha açık ve belirgin tonlar */
.action-icon-btn { width: 28px; height: 28px; border-radius: 6px; background: #fce4ec; border: 1px solid #f8bbd0; display: inline-flex; align-items: center; justify-content: center; color: #ec407a; text-decoration: none; transition: all 0.2s ease; }
.action-icon-btn:hover { background: #f8bbd0; border-color: #ec407a; color: #d81b60; }
/* Orijinal Alıntı Stili */
.alinti-kutu { background: #fce4ec; border-left: 3px solid #ec407a; padding: 8px 12px; margin-top: 6px; border-radius: 4px; font-size: 13px; color: #555; }
.alinti-ust-satir { margin-bottom: 3px; color: #333; font-size: 13px; }


/* Alıntı İkonu Stili Tanımlaması */
i.salinti {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    /* Eğer ikon resim dosyasıysa: background: url('../images/alinti.png') no-repeat center center; */
    /* Metin veya simge bazlı kullanmak isterseniz: */
    font-style: normal;
    text-align: center;
    line-height: 16px;
}

/* Alıntı butonunun genel görünürlüğü ve uyumu */
a[title="Alıntı Yap"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}


</style>