.rd { display: grid; grid-template-columns: 380px 1fr; gap: 24px; align-items: start; }
.rd-tel { background: #0b141a; border-radius: 28px; overflow: hidden; height: 640px; display: flex; flex-direction: column; box-shadow: 0 30px 60px -30px rgba(0,0,0,.45); border: 8px solid #16181d; }
.rd-tel-ust { display: flex; gap: 10px; align-items: center; padding: 12px 14px; background: #202c33; color: #e9edef; }
.rd-tel-ust b { display: block; font-size: 15px; } .rd-tel-ust small { color: #8696a0; font-size: 12px; }
.rd-av { width: 38px; height: 38px; border-radius: 50%; background: #a05a7a; display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 13px; }
.rd-akis { flex: 1; overflow-y: auto; padding: 14px 12px; display: flex; flex-direction: column; gap: 6px; background: #0b141a; }
.rd-m { max-width: 82%; padding: 7px 10px; border-radius: 9px; font-size: 14px; line-height: 1.4; color: #e9edef; white-space: pre-wrap; word-wrap: break-word; }
.rd-m.ben { align-self: flex-end; background: #005c4b; border-top-right-radius: 2px; }
.rd-m.bot { align-self: flex-start; background: #202c33; border-top-left-radius: 2px; }
.rd-m small { display: block; text-align: right; font-size: 10.5px; color: #ffffff80; margin-top: 2px; }
.rd-m.yaziyor { color: #8696a0; font-style: italic; }
.rd-not { align-self: center; background: #182229; color: #8696a0; font-size: 11.5px; padding: 4px 10px; border-radius: 7px; text-align: center; }
.rd-not.ok { background: #0a332c; color: #25d366; }
.rd-oneriler { display: flex; gap: 6px; overflow-x: auto; padding: 8px 10px 0; background: #0b141a; scrollbar-width: none; }
.rd-oneriler button { flex: none; background: #202c33; color: #d1d7db; border: 1px solid #2f3b43; border-radius: 16px; padding: 6px 10px; font-size: 12.5px; }
.rd-yaz { display: flex; gap: 8px; padding: 10px; background: #0b141a; }
.rd-yaz input { flex: 1; background: #2a3942; border: 0; border-radius: 20px; padding: 10px 14px; color: #e9edef; outline: none; }
.rd-yaz button { width: 42px; height: 42px; border-radius: 50%; border: 0; background: #00a884; color: #fff; font-size: 16px; }
.rd-panel { padding: 18px; }
.rd-panel-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.rd-panel-ust b { display: block; font-family: var(--head); font-size: 18px; }
.rd-sayac { text-align: right; } .rd-sayac b { font-family: var(--head); font-size: 28px; color: var(--accent); display: block; line-height: 1; } .rd-sayac span { font-size: 12px; color: var(--muted); }
.rd-gunler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.rd-gun h4 { font-size: 13px; color: var(--muted); font-weight: 600; margin-bottom: 8px; letter-spacing: .02em; }
.rd-slot { display: flex; justify-content: space-between; gap: 6px; align-items: center; padding: 7px 9px; border-radius: 8px; font-size: 13px; margin-bottom: 5px; border: 1px dashed var(--border); color: var(--muted); }
.rd-slot.dolu { border-style: solid; background: #f3f4f6; color: var(--fg); }
.rd-slot.bot { border: 1px solid var(--accent); background: #ccfbf1; color: #134e4a; animation: parla 1.2s ease 2; }
.rd-slot span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@keyframes parla { 50% { box-shadow: 0 0 0 4px #99f6e4; } }
.rd-bildirim { margin-top: 14px; padding: 12px; border-radius: 10px; background: #f8fafc; border: 1px solid var(--border); font-size: 14px; display: grid; gap: 6px; }
@media (max-width: 900px) {
    .rd { grid-template-columns: 1fr; }
    .rd-tel { height: 560px; }
    .rd-gunler { grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
    .rd-slot { font-size: 11.5px; padding: 6px; }
}