/* Operatör panosu */
.lc-card { display: flex; flex-direction: column; border-top: 3px solid #198754; transition: box-shadow .2s, border-color .2s; }
.lc-card.lc-waiting, .lc-waiting .lc-card { border-top-color: #ffc107; }
.lc-unread .lc-card { box-shadow: 0 0 0 2px rgba(179, 45, 45, .55), 0 8px 24px rgba(12, 25, 44, .15); }
.lc-head { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .7rem .9rem; border-bottom: 1px solid rgba(12, 25, 44, .08); }
.lc-who { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lc-list { height: 260px; overflow-y: auto; padding: .75rem; background: #f5f7fb; display: flex; flex-direction: column; gap: .4rem; overscroll-behavior: contain; }
.lc-msg { max-width: 85%; padding: .45rem .7rem; border-radius: .9rem; font-size: .92rem; word-wrap: break-word; overflow-wrap: anywhere; }
.lc-msg .lc-text { white-space: pre-wrap; }
.lc-msg .lc-time { font-size: .68rem; opacity: .65; text-align: right; margin-top: .15rem; }
.lc-customer { align-self: flex-start; background: #fff; border: 1px solid rgba(12, 25, 44, .1); border-bottom-left-radius: .25rem; }
.lc-operator { align-self: flex-end; background: #14264a; color: #fff; border-bottom-right-radius: .25rem; }
.lc-system { align-self: center; max-width: 95%; background: transparent; font-size: .76rem; color: #6c757d; text-align: center; padding: .1rem; }
.lc-foot { padding: .7rem .9rem; display: flex; flex-direction: column; gap: .5rem; }
.lc-foot textarea { resize: none; font-size: .95rem; }
.lc-tools { display: flex; gap: .5rem; flex-wrap: wrap; }
.lc-transfer { display: flex; gap: .5rem; }
.lc-toast { position: fixed; left: 50%; bottom: 1.5rem; transform: translate(-50%, 20px); opacity: 0; background: #0c192c; color: #fff; padding: .6rem 1rem; border-radius: .6rem; z-index: 2000; transition: .3s; max-width: 90vw; }
.lc-toast.show { opacity: 1; transform: translate(-50%, 0); }

/* Müşteri penceresi */
.tl-chat-actions { display: flex; gap: .25rem; }
.tl-chat-btn { background: rgba(255, 255, 255, .12); border: 0; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: .9rem; transition: background .2s; }
.tl-chat-btn:hover { background: rgba(255, 255, 255, .28); }
.tl-chat-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: .4rem; background: #adb5bd; }
.tl-chat-dot.on { background: #2ecc71; box-shadow: 0 0 0 3px rgba(46, 204, 113, .25); }
.tl-chat-dot.off { background: #adb5bd; }
.tl-chat-unread { position: absolute; top: -4px; right: -4px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: #fff; color: #b32d2d; font-size: .75rem; font-weight: 700; display: grid; place-items: center; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); }
.tl-live { display: flex; flex-direction: column; min-height: 0; height: 420px; max-height: calc(100vh - 12rem); }
.tl-live-banner { padding: .5rem 1rem; font-size: .82rem; background: #eef3ff; color: #14264a; border-bottom: 1px solid rgba(12, 25, 44, .08); }
.tl-live-banner.wait { background: #fff6e0; color: #7a5600; }
.tl-live-list { flex: 1; overflow-y: auto; padding: .8rem; background: #f5f7fb; display: flex; flex-direction: column; gap: .4rem; overscroll-behavior: contain; }
.tl-msg { max-width: 82%; padding: .45rem .7rem; border-radius: 1rem; font-size: .93rem; overflow-wrap: anywhere; animation: pageEnter .25s ease both; }
.tl-msg .tl-text { white-space: pre-wrap; }
.tl-msg .tl-time { font-size: .68rem; opacity: .6; text-align: right; margin-top: .1rem; }
.tl-customer { align-self: flex-end; background: linear-gradient(145deg, #d94545, #b32d2d); color: #fff; border-bottom-right-radius: .25rem; }
.tl-operator { align-self: flex-start; background: #fff; border: 1px solid rgba(12, 25, 44, .1); border-bottom-left-radius: .25rem; }
.tl-system { align-self: center; max-width: 95%; font-size: .76rem; color: #6c757d; text-align: center; padding: .1rem; }
.tl-live-compose { display: flex; gap: .5rem; align-items: flex-end; padding: .6rem; border-top: 1px solid rgba(12, 25, 44, .08); background: #fff; }
.tl-live-compose textarea { flex: 1; resize: none; border: 1px solid var(--bs-border-color); border-radius: .8rem; padding: .55rem .8rem; font-size: 1rem; min-height: 44px; max-height: 110px; outline: none; }
.tl-live-compose textarea:focus { border-color: var(--tl-red); box-shadow: 0 0 0 .2rem rgba(179, 45, 45, .15); }
.tl-live-compose .btn { height: 44px; width: 44px; padding: 0; border-radius: 50%; }
.tl-stars { display: flex; justify-content: center; gap: .25rem; }
.tl-stars button { background: none; border: 0; font-size: 1.9rem; color: #d5d9e0; padding: .1rem; line-height: 1; transition: transform .15s, color .15s; }
.tl-stars button:hover { transform: scale(1.15); }
.tl-stars button.on { color: #f5b301; }
@media (prefers-reduced-motion: reduce) { .tl-msg { animation: none; } }