/* MedicaBazaar canlı sohbet (chat.v1) — her sayfadaki yüzen panel (`.lc-app--dock`) ve tam sayfa (`.lc-app--page`). */
.lc-app {
    --lc-border: #e3e8ef; --lc-muted: #6b7a8c; --lc-text: #1e293b; --lc-primary: #0D47A1; --lc-primary-dark: #063d97;
    --lc-accent: #ff6d00; --lc-soft: #eef4ff; --lc-canvas: #f4f6fa;
    color: var(--lc-text); font-size: .9rem;
}
.lc-app *, .lc-app *::before, .lc-app *::after { box-sizing: border-box; }

/* Kaydırma çubuğu: sayfa/panel genel kurallarından (style.css mavi, satıcı paneli turuncu `!important`)
   bağımsız, her sayfada aynı. Seçiciler o kuralları özgüllükle geçecek biçimde yazıldı. */
html body .lc-app, html body .lc-app * { scrollbar-color: #0D47A1 transparent !important; }
html body .lc-app .lc-messages, html body .lc-app .lc-inbox-list, html body .lc-app .lc-merged,
html body .lc-app .lc-merged-messages, html body .lc-app textarea { scrollbar-width: thin; }
html body .lc-app *::-webkit-scrollbar { width: 8px; height: 8px; }
html body .lc-app *::-webkit-scrollbar-track { background: transparent !important; }
html body .lc-app *::-webkit-scrollbar-thumb,
html body .lc-app *::-webkit-scrollbar-thumb:hover { background-color: #0D47A1 !important; border-radius: 8px; }
html body .lc-app *::-webkit-scrollbar-thumb:hover { background-color: #063d97 !important; }

/* ------------------------------------------------------------ tam sayfa */
.lc-page { padding-top: 24px; padding-bottom: 40px; }
.lc-page-title { font-size: 1.5rem; font-weight: 700; color: var(--lc-primary, #0D47A1); margin-bottom: 4px; }
.lc-page-lead { color: #5b6b7f; margin-bottom: 16px; }
.lc-app--page .lc-shell { border: 1px solid var(--lc-border); border-radius: 16px; overflow: hidden; background: #fff; display: flex; flex-direction: column; height: max(560px, calc(100vh - 220px)); box-shadow: 0 8px 30px rgba(15, 23, 42, .05); }
.lc-app--page .lc-grid { grid-template-columns: 330px minmax(0, 1fr); }
.lc-app--page .lc-inbox { order: -1; border-left: 0; border-right: 1px solid var(--lc-border); }
.panel-main .lc-app--page .lc-shell { height: max(560px, calc(100vh - 150px)); }
.lc-panel-content { display: flex; flex-direction: column; }
.lc-panel-content .lc-app--page { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.lc-panel-content .lc-app--page .lc-shell { flex: 1; height: auto; min-height: 520px; }

/* ------------------------------------------------------------ yüzen panel */
.lc-app--dock { position: fixed; right: 20px; bottom: 20px; z-index: 1040; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; pointer-events: none; }
.lc-app--dock > * { pointer-events: auto; }
.lc-app--dock .lc-shell { width: min(880px, calc(100vw - 40px)); height: min(640px, calc(100vh - 40px)); background: #fff; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 24px 60px rgba(15, 23, 42, .22), 0 2px 8px rgba(15, 23, 42, .08); border: 1px solid rgba(15, 23, 42, .06); animation: lc-rise .18s ease-out; }
.lc-app--dock .lc-shell[hidden] { display: none; }
.lc-app--dock .lc-grid { grid-template-columns: minmax(0, 1fr) 300px; }
/* Sağdaki sepet çekmecesi (116px, style.css) açıkken panel onun soluna kayar. */
@media (min-width: 768px) {
    body.cart-drawer-open .lc-app--dock { right: 136px; }
    body.cart-drawer-open .lc-app--dock .lc-shell { width: min(880px, calc(100vw - 156px)); }
}
@keyframes lc-rise { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }

.lc-launcher { display: inline-flex; align-items: center; gap: 10px; border: 0; border-radius: 999px; padding: 12px 20px 12px 18px; background: var(--lc-primary); color: #fff; font-weight: 700; font-size: .95rem; box-shadow: 0 10px 28px rgba(13, 71, 161, .35); cursor: pointer; transition: transform .15s ease, background .15s ease; }
.lc-launcher:hover { background: var(--lc-primary-dark); transform: translateY(-1px); }
.lc-launcher:focus-visible { outline: 3px solid #ffb877; outline-offset: 2px; }
.lc-launcher i { font-size: 1.2rem; }
.lc-launcher[hidden] { display: none; }
.lc-launcher-badge { box-shadow: 0 0 0 2px #fff; }
.lc-launcher.lc-ping { animation: lc-ping .6s ease-in-out 2; }
@keyframes lc-ping { 50% { transform: scale(1.08); } }

.lc-peek { display: flex; align-items: flex-start; width: 300px; background: #fff; border-radius: 14px; box-shadow: 0 14px 40px rgba(15, 23, 42, .2); border: 1px solid var(--lc-border); overflow: hidden; animation: lc-rise .2s ease-out; }
.lc-peek[hidden] { display: none; }
.lc-peek-body { flex: 1; min-width: 0; border: 0; background: none; text-align: left; padding: 12px 4px 12px 14px; display: flex; flex-direction: column; gap: 2px; }
.lc-peek-title { font-weight: 700; color: var(--lc-primary); font-size: .85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-peek-text { color: var(--lc-text); font-size: .85rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lc-peek-close { border: 0; background: none; color: var(--lc-muted); padding: 10px 12px; }

/* ------------------------------------------------------------ kabuk başlığı */
.lc-shell-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 10px 0 16px; height: 52px; flex-shrink: 0; background: linear-gradient(90deg, var(--lc-primary-dark), var(--lc-primary)); color: #fff; }
.lc-shell-title { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 1rem; min-width: 0; }
.lc-scope { display: flex; gap: 2px; padding: 3px; background: rgba(255, 255, 255, .14); border-radius: 10px; }
.lc-scope-btn { border: 0; background: transparent; color: rgba(255, 255, 255, .85); border-radius: 8px; padding: 4px 12px; font-size: .85rem; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
.lc-scope-btn[aria-selected="true"] { background: #fff; color: var(--lc-primary); }
.lc-scope-badge { min-width: 18px; font-size: .65rem; padding: 0 5px; }
.lc-shell-tools { display: flex; align-items: center; gap: 4px; min-width: 0; }
.lc-shell-head .lc-icon-btn { color: #fff; }
.lc-shell-head .lc-icon-btn:hover, .lc-shell-head .lc-icon-btn:focus-visible { background: rgba(255, 255, 255, .16); color: #fff; }
.lc-conn { font-size: .72rem; opacity: .9; margin-right: 6px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-conn::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: #9fb3cc; vertical-align: 1px; }
.lc-conn[data-state="connected"]::before { background: #4ade80; box-shadow: 0 0 0 3px rgba(74, 222, 128, .25); }
.lc-conn:empty { display: none; }

.lc-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; border: 0; background: transparent; color: #475569; font-size: .95rem; text-decoration: none; transition: background .15s ease; flex-shrink: 0; }
.lc-icon-btn:hover, .lc-icon-btn:focus-visible { background: #eef2f7; color: var(--lc-primary); }

.lc-menu { font-size: .85rem; padding: 12px; border-radius: 12px; border: 1px solid var(--lc-border); box-shadow: 0 12px 32px rgba(15, 23, 42, .14); }
.lc-menu .dropdown-item { border-radius: 8px; padding: 8px 10px; font-size: .88rem; }
.lc-menu .dropdown-item[hidden] { display: none; }
.lc-menu:not(.lc-settings):not(.lc-translate) { padding: 6px; min-width: 190px; }
.lc-translate { width: 290px; padding: 12px; }
.lc-menu-title { font-weight: 700; font-size: .9rem; color: var(--lc-text); margin-bottom: 8px; }
.lc-menu-subtitle { font-weight: 700; font-size: .8rem; color: var(--lc-text); margin: 12px 0 6px; }
.lc-menu-note { font-size: .72rem; color: var(--lc-muted); margin: 10px 0 0; line-height: 1.4; }
.lc-options { display: flex; flex-direction: column; gap: 6px; }
.lc-option { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; border: 1px solid var(--lc-border); border-radius: 10px; cursor: pointer; margin: 0; transition: border-color .15s ease, background .15s ease; }
.lc-option:hover { background: #f7f9fc; }
.lc-option input { margin-top: 3px; accent-color: var(--lc-primary); flex-shrink: 0; }
.lc-option:has(input:checked) { border-color: var(--lc-primary); background: var(--lc-soft); }
.lc-option:has(input:focus-visible) { box-shadow: 0 0 0 3px rgba(13, 71, 161, .18); }
.lc-option-body { display: flex; flex-direction: column; min-width: 0; }
.lc-option-title { font-weight: 600; font-size: .85rem; color: var(--lc-text); }
.lc-option-text { font-size: .75rem; color: var(--lc-muted); line-height: 1.35; }
.lc-lang-pick[hidden] { display: none; }
.lc-segment { display: flex; gap: 4px; padding: 3px; background: #f1f4f8; border-radius: 10px; }
.lc-segment label { flex: 1; margin: 0; cursor: pointer; }
.lc-segment input { position: absolute; opacity: 0; pointer-events: none; }
.lc-segment span { display: block; text-align: center; padding: 6px 8px; border-radius: 8px; font-size: .82rem; font-weight: 600; color: #475569; }
.lc-segment input:checked + span { background: #fff; color: var(--lc-primary); box-shadow: 0 1px 3px rgba(15, 23, 42, .12); }
.lc-segment input:focus-visible + span { outline: 2px solid var(--lc-primary); outline-offset: 1px; }
.lc-translate-btn { position: relative; }
.lc-translate-btn.lc-active { color: var(--lc-primary); background: var(--lc-soft); }
.lc-translate-badge { position: absolute; bottom: 1px; right: 0; font-size: .55rem; font-weight: 800; line-height: 1; padding: 2px 3px; border-radius: 4px; background: var(--lc-primary); color: #fff; }
.lc-translate-badge[hidden] { display: none; }
.lc-settings { width: 300px; color: var(--lc-text); }
.lc-email-help { font-size: .75rem; color: var(--lc-muted); margin-top: 6px; }

/* ------------------------------------------------------------ bantlar */
.lc-service-banner, .lc-conv-banner, .lc-inline-alert { border-radius: 10px; padding: 8px 12px; font-size: .85rem; }
.lc-service-banner { margin: 10px 12px 0; }
.lc-conv-banner { margin: 8px 14px 0; }
.lc-tone-error, .lc-inline-alert { background: #fdecea; color: #8a1c12; border: 1px solid #f5c2bd; }
.lc-tone-warning { background: #fff4e5; color: #7a4100; border: 1px solid #ffd8a8; }
.lc-tone-success { background: #e7f6ec; color: #145c2c; border: 1px solid #b7e1c4; }
.lc-tone-muted { background: #f1f3f6; color: #3d4b5c; border: 1px solid var(--lc-border); }

/* ------------------------------------------------------------ ızgara */
.lc-grid { display: grid; flex: 1; min-height: 0; }
.lc-pane { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--lc-canvas); padding: 0 !important; margin: 0; } /* responsive.css: section{padding … !important} */
.lc-inbox { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-left: 1px solid var(--lc-border); background: #fff; padding: 0; margin: 0; }

/* ------------------------------------------------------------ gelen kutusu */
.lc-inbox-head { padding: 10px 12px; border-bottom: 1px solid var(--lc-border); }
.lc-tabs { display: flex; gap: 4px; padding: 3px; background: #f1f4f8; border-radius: 10px; }
.lc-tab { flex: 1; border: 0; background: transparent; border-radius: 8px; padding: 6px 8px; font-size: .82rem; font-weight: 600; color: #475569; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.lc-tab.active { background: #fff; color: var(--lc-primary); box-shadow: 0 1px 3px rgba(15, 23, 42, .12); }
.lc-inbox-list { overflow-y: auto; flex: 1; min-height: 0; }
.lc-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; border: 0; border-bottom: 1px solid #f1f4f8; background: #fff; padding: 11px 12px; }
.lc-item:hover, .lc-item:focus-visible { background: #f7f9fc; }
.lc-item.active { background: var(--lc-soft); box-shadow: inset 3px 0 0 var(--lc-primary); }
.lc-item-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lc-item-top, .lc-item-bottom { display: flex; align-items: center; gap: 8px; min-width: 0; }
.lc-item-title { font-weight: 600; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .88rem; }
.lc-item.unread .lc-item-title { font-weight: 800; }
.lc-item.unread .lc-item-preview { color: var(--lc-text); }
.lc-item-time { font-size: .72rem; color: var(--lc-muted); white-space: nowrap; }
.lc-item-preview { font-size: .8rem; color: var(--lc-muted); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-avatar { position: relative; overflow: hidden; }
.lc-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #fff; }
.lc-avatar { width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: .95rem; color: var(--lc-primary); background: linear-gradient(135deg, #e0ebff, #f3f7ff); border: 1px solid #d5e2fb; }
.lc-badge { display: inline-block; min-width: 20px; padding: 1px 6px; border-radius: 999px; background: var(--lc-accent); color: #fff; font-size: .7rem; font-weight: 700; text-align: center; line-height: 1.5; }
.lc-badge[hidden] { display: none; }
.lc-badge-muted { background: #8795a8; }
.lc-more { margin: 10px 12px; border: 1px solid var(--lc-border); background: #fff; border-radius: 8px; padding: 6px; font-size: .82rem; font-weight: 600; color: var(--lc-primary); }
.lc-more[hidden] { display: none; }
.lc-empty { padding: 24px 16px; color: var(--lc-muted); text-align: center; font-size: .85rem; }
.lc-empty .btn { margin-top: 8px; }
.lc-login { display: block; margin: 0 16px 16px; text-align: center; padding: 8px; border-radius: 10px; background: var(--lc-primary); color: #fff; font-weight: 600; text-decoration: none; }
.lc-login:hover { background: var(--lc-primary-dark); color: #fff; }

.lc-claim { padding: 10px 12px 0; }
.lc-claim[hidden] { display: none; }
.lc-claim-card { border: 1px solid #b6cdf5; background: #f2f7ff; border-radius: 12px; padding: 12px; font-size: .82rem; }
.lc-claim-title { font-size: .92rem; font-weight: 700; color: var(--lc-primary); margin-bottom: 6px; }
.lc-claim-list { margin: 0 0 10px; padding-left: 18px; }

/* ------------------------------------------------------------ sohbet paneli */
.lc-pane-empty { margin: auto; text-align: center; color: var(--lc-muted); padding: 32px 28px; max-width: 380px; }
.lc-pane-empty[hidden] { display: none; }
.lc-pane-empty-icon { width: 72px; height: 72px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; box-shadow: 0 6px 18px rgba(15, 23, 42, .08); color: var(--lc-primary); font-size: 1.8rem; margin-bottom: 14px; }
.lc-pane-empty-title { font-weight: 700; color: var(--lc-text); margin-bottom: 6px; }
.lc-pane-empty-text { font-size: .84rem; margin: 0; }
.lc-conv { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.lc-conv[hidden] { display: none; }
.lc-conv-head { display: flex; align-items: center; gap: 10px; padding: 10px 12px 10px 14px; border-bottom: 1px solid var(--lc-border); background: #fff; flex-shrink: 0; }
.lc-back { display: none; }
.lc-conv-titles { flex: 1; min-width: 0; }
.lc-conv-title { font-size: .98rem; font-weight: 700; margin: 0; color: var(--lc-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-conv-sub { font-size: .75rem; color: var(--lc-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-conv-actions { display: flex; gap: 2px; align-items: center; }
.lc-conv-actions[hidden] { display: none; }

.lc-merged { padding: 8px 14px; border-bottom: 1px dashed var(--lc-border); background: #fbfcfe; max-height: 40%; overflow-y: auto; flex-shrink: 0; }
.lc-merged[hidden] { display: none; }
.lc-merged-title { font-size: .8rem; font-weight: 700; color: #3d4b5c; margin-bottom: 6px; }
.lc-merged-card { border: 1px solid var(--lc-border); border-radius: 10px; padding: 6px 10px; margin-bottom: 6px; background: #fff; }
.lc-merged-card summary { cursor: pointer; font-size: .82rem; }
.lc-merged-messages { max-height: 240px; overflow-y: auto; padding-top: 6px; }

.lc-messages { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 16px 8px; overscroll-behavior: contain; }
.lc-day { display: flex; justify-content: center; margin: 10px 0 12px; }
.lc-day span { font-size: .72rem; font-weight: 600; color: var(--lc-muted); background: #e7ecf3; border-radius: 999px; padding: 2px 10px; }
.lc-msg { display: flex; flex-direction: column; margin-bottom: 8px; }
.lc-own { align-items: flex-end; }
.lc-other { align-items: flex-start; }
.lc-system { align-items: center; }
.lc-bubble { max-width: min(80%, 520px); border-radius: 16px; padding: 8px 12px 6px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .08); }
.lc-other .lc-bubble { border-bottom-left-radius: 4px; }
.lc-own .lc-bubble { background: var(--lc-primary); color: #fff; border-bottom-right-radius: 4px; }
.lc-system .lc-bubble { background: transparent; box-shadow: none; color: var(--lc-muted); font-size: .78rem; text-align: center; }
.lc-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.45; }
.lc-translation { margin-top: 6px; padding-top: 6px; border-top: 1px dashed #c9d5e6; font-size: .88rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.lc-own .lc-translation { border-top-color: rgba(255, 255, 255, .35); }
.lc-translation-label { font-weight: 600; margin-right: 4px; opacity: .75; }
.lc-note { font-size: .75rem; opacity: .75; font-style: italic; margin-top: 4px; }
.lc-meta { font-size: .68rem; color: var(--lc-muted); margin-top: 3px; display: flex; gap: 8px; align-items: center; justify-content: flex-end; }
.lc-own .lc-meta { color: rgba(255, 255, 255, .78); }
.lc-sending { font-style: italic; }
.lc-failed { color: #b3261e; font-weight: 700; }
.lc-own .lc-failed { color: #ffd2cc; }
.lc-link-btn { border: 0; background: none; padding: 0; color: var(--lc-primary); text-decoration: underline; font-size: .75rem; font-weight: 600; }
.lc-own .lc-link-btn { color: #fff; }
.lc-older { text-align: center; margin-bottom: 8px; }
.lc-receipt { font-size: .7rem; color: #2e7d32; margin-top: 2px; }
.lc-product { font-weight: 600; color: var(--lc-primary); }
.lc-muted { color: var(--lc-muted); }
.lc-msg-product .lc-bubble { background: #fff; color: var(--lc-text); border: 1px solid #d5e2fb; padding: 8px; }
.lc-msg-product .lc-meta { color: var(--lc-muted); }
.lc-product-card { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; min-width: 220px; }
.lc-product-img { width: 44px; height: 44px; border-radius: 8px; object-fit: contain; background: #f4f6fa; flex-shrink: 0; }
.lc-product-icon { display: inline-flex; align-items: center; justify-content: center; color: var(--lc-primary); }
.lc-product-info { display: flex; flex-direction: column; min-width: 0; }
.lc-product-name { font-weight: 600; font-size: .85rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lc-product-link { font-size: .75rem; color: var(--lc-primary); font-weight: 600; }
.lc-typing { padding: 0 16px 4px; font-size: .78rem; color: var(--lc-muted); font-style: italic; }
.lc-typing[hidden], .lc-conv-banner[hidden], .lc-service-banner[hidden] { display: none; }
.lc-draft-intro { margin: auto; max-width: 320px; text-align: center; color: var(--lc-muted); padding: 32px 8px; font-size: .85rem; }
.lc-draft-intro i { font-size: 1.6rem; color: var(--lc-primary); margin-bottom: 10px; display: block; }
.lc-messages:has(.lc-draft-intro) { display: flex; }

/* ------------------------------------------------------------ ürün bağlamı + hızlı sorular */
.lc-context { display: flex; align-items: center; gap: 10px; margin: 8px 12px 0; padding: 8px 8px 8px 10px; background: #fff; border: 1px solid #d5e2fb; border-radius: 12px; flex-shrink: 0; }
.lc-context[hidden], .lc-quick[hidden] { display: none; }
.lc-context-img { width: 44px; height: 44px; border-radius: 8px; object-fit: contain; background: #f4f6fa; flex-shrink: 0; }
.lc-context-img[hidden] { display: none; }
.lc-context-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.lc-context-label { font-size: .7rem; color: var(--lc-muted); font-weight: 600; }
.lc-context-name { font-size: .84rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-context-close { width: 28px; height: 28px; }
.lc-quick { display: flex; gap: 6px; align-items: center; padding: 8px 12px 0; overflow-x: auto; scrollbar-width: none; flex-shrink: 0; }
.lc-quick::-webkit-scrollbar { display: none; }
.lc-quick-label { font-size: .72rem; font-weight: 700; color: var(--lc-muted); white-space: nowrap; }
.lc-chip { flex-shrink: 0; border: 1px solid #cddbf4; background: #fff; color: var(--lc-primary); border-radius: 999px; padding: 5px 12px; font-size: .78rem; font-weight: 600; white-space: nowrap; transition: background .15s ease; }
.lc-chip:hover, .lc-chip:focus-visible { background: var(--lc-soft); }
.lc-chip-primary { background: var(--lc-primary); color: #fff; border-color: var(--lc-primary); }
.lc-chip-primary:hover, .lc-chip-primary:focus-visible { background: var(--lc-primary-dark); color: #fff; }
.lc-chip[hidden] { display: none; }

/* ------------------------------------------------------------ yazma alanı */
.lc-composer { padding: 10px 12px 10px; flex-shrink: 0; }
.lc-composer-box { display: flex; align-items: flex-end; gap: 8px; background: #fff; border: 1px solid #d5dde8; border-radius: 22px; padding: 5px 5px 5px 16px; transition: border-color .15s ease, box-shadow .15s ease; }
.lc-composer-box:focus-within { border-color: var(--lc-primary); box-shadow: 0 0 0 3px rgba(13, 71, 161, .12); }
.lc-composer textarea { flex: 1; border: 0; outline: 0; resize: none; background: transparent; padding: 7px 0; min-height: 36px; max-height: 140px; line-height: 1.4; font-size: .92rem; color: var(--lc-text); }
.lc-composer textarea:disabled { color: var(--lc-muted); }
.lc-send { width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%; border: 0; background: var(--lc-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .9rem; transition: background .15s ease; }
.lc-send:hover { background: var(--lc-primary-dark); }
.lc-send:disabled { background: #b8c4d6; }
.lc-composer-foot { display: flex; justify-content: space-between; gap: 10px; padding: 4px 8px 0; }
.lc-hint { font-size: .7rem; color: var(--lc-muted); margin: 0; }
.lc-counter { font-size: .7rem; color: var(--lc-muted); white-space: nowrap; }
.lc-counter.lc-over { color: #b3261e; font-weight: 700; }

/* ------------------------------------------------------------ giriş düğmeleri (ürün/firma sayfası) */
.lc-start-btn { cursor: pointer; }
button.brand-store-btn.lc-start-btn { width: 100%; border: 0; }

/* ------------------------------------------------------------ dar ekran */
@media (max-width: 991.98px) {
    .lc-app--dock .lc-grid { grid-template-columns: minmax(0, 1fr) 260px; }
    .lc-app--page .lc-grid { grid-template-columns: 280px minmax(0, 1fr); }
}

@media (max-width: 767.98px) {
    .lc-panel-content { padding: 12px !important; }
    .lc-app--dock { right: 16px; bottom: 16px; }
    /* Ürün sayfasının alttaki sabit satın alma çubuğunun (responsive.css) üstünde dursun. */
    body:has(.mobile-sticky-actions) .lc-app--dock:not(.lc-open) { bottom: 92px; }
    .lc-launcher { width: 56px; height: 56px; padding: 0; justify-content: center; position: relative; }
    .lc-launcher-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .lc-launcher-badge { position: absolute; top: -2px; right: -2px; }
    .lc-peek { width: min(300px, calc(100vw - 32px)); }
    .lc-app--dock.lc-open { inset: 0; right: 0; bottom: 0; }
    .lc-app--dock .lc-shell { position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100dvh; border-radius: 0; border: 0; animation: none; }
    html.lc-dock-open, html.lc-dock-open body { overflow: hidden; }
    .lc-app--page .lc-shell { height: calc(100vh - 140px); height: calc(100dvh - 140px); min-height: 460px; }

    .lc-app .lc-grid { grid-template-columns: minmax(0, 1fr); }
    .lc-app .lc-pane { display: none; }
    .lc-app.lc-show-pane .lc-inbox { display: none; }
    .lc-app.lc-show-pane .lc-pane { display: flex; }
    .lc-app .lc-inbox { border: 0; }
    .lc-back { display: inline-flex; margin-left: -6px; }
    .lc-bubble { max-width: 86%; }
    .lc-conn { max-width: 120px; }
    .lc-composer { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
    .lc-composer textarea { font-size: 16px; } /* iOS odakta yakınlaştırmasın */
}
@media (max-width: 420px) {
    .lc-conn { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .lc-app--dock .lc-shell, .lc-peek, .lc-launcher.lc-ping { animation: none; }
}