/* Logspeak Chat */
.lsc-root {
	--lsc-c: #FF3D7F;
	--lsc-ink: #1d1d1f;
	--lsc-muted: #6b6b73;
	--lsc-line: #ececf0;
	--lsc-bg: #f7f7f9;
	--lsc-card: #ffffff;
	--lsc-other: #f0f0f3;
	--lsc-tint: color-mix(in srgb, var(--lsc-c) 10%, #fff);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.45;
	color: var(--lsc-ink);
	-webkit-font-smoothing: antialiased;
	text-align: left;
}
.lsc-root *, .lsc-root *::before, .lsc-root *::after { box-sizing: border-box; }
.lsc-root button, .lsc-root input, .lsc-root textarea {
	font: inherit; color: inherit; margin: 0; letter-spacing: normal; text-transform: none;
	box-shadow: none; min-height: 0; line-height: inherit;
}
.lsc-root button { background: none; border: 0; padding: 0; cursor: pointer; text-align: inherit; border-radius: 0; }
.lsc-root a { color: inherit; text-decoration: none; }
.lsc-root h2, .lsc-root h3, .lsc-root p { margin: 0; padding: 0; font-family: inherit; color: inherit; letter-spacing: normal; text-transform: none; }
.lsc-root [hidden] { display: none !important; }
.lsc-ic { display: inline-flex; width: 22px; height: 22px; flex: 0 0 auto; }
.lsc-ic svg { width: 100%; height: 100%; display: block; }
.lsc-accent { color: var(--lsc-c); }
.lsc-strong { font-weight: 600; color: var(--lsc-ink); }
.lsc-muted { color: var(--lsc-muted); font-size: 14px; }

/* ---------- launcher ---------- */
.lsc-bubble { position: fixed; bottom: 20px; z-index: 2147483000; }
.lsc-pos-right { right: 20px; }
.lsc-pos-left { left: 20px; }
.lsc-root .lsc-launcher {
	position: relative; width: 58px !important; height: 58px !important; padding: 0 !important; flex: 0 0 58px; border-radius: 50% !important;
	background: #fff !important; color: var(--lsc-ink) !important; border: 2px solid var(--lsc-ink) !important;
	display: flex !important; align-items: center; justify-content: center;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .16) !important; transition: transform .15s ease;
}
.lsc-launcher:hover { transform: scale(1.06); }
.lsc-launcher:focus-visible { outline: 3px solid var(--lsc-c); outline-offset: 3px; }
.lsc-launcher .lsc-ic { width: 30px; height: 30px; }
.lsc-launcher .lsc-ic-x { display: none; width: 24px; height: 24px; }
.lsc-is-open .lsc-launcher .lsc-ic-q { display: none; }
.lsc-is-open .lsc-launcher .lsc-ic-x { display: inline-flex; }
.lsc-badge {
	position: absolute; top: -4px; right: -4px; min-width: 22px; height: 22px; padding: 0 6px;
	border-radius: 11px; background: #E8233A; color: #fff; font-size: 12px; font-weight: 700;
	display: flex; align-items: center; justify-content: center; border: 2px solid #fff;
}

/* ---------- panel ---------- */
.lsc-panel {
	position: absolute; bottom: 74px; width: 400px; height: min(700px, calc(100vh - 110px));
	background: var(--lsc-bg); border-radius: 18px; overflow: hidden;
	box-shadow: 0 12px 48px rgba(0, 0, 0, .18), 0 2px 8px rgba(0, 0, 0, .06);
	animation: lsc-in .18s ease-out;
}
.lsc-pos-right .lsc-panel { right: 0; transform-origin: bottom right; }
.lsc-pos-left .lsc-panel { left: 0; transform-origin: bottom left; }
@keyframes lsc-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.lsc-view { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 0; }
.lsc-scroll { flex: 1 1 auto; overflow-y: auto; min-height: 0; overscroll-behavior: contain; }
.lsc-scroll-pad { padding-bottom: 80px; }

/* ---------- headers ---------- */
.lsc-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border-bottom: 1px solid var(--lsc-line); min-height: 62px; flex: 0 0 auto; }
.lsc-head-title h3 { flex: 1; text-align: center; font-size: 17px; font-weight: 600; }
.lsc-spacer { width: 34px; flex: 0 0 34px; }
.lsc-iconbtn { width: 34px; height: 34px; border-radius: 8px !important; display: inline-flex !important; align-items: center; justify-content: center; color: var(--lsc-ink); flex: 0 0 34px; }
.lsc-iconbtn:hover { background: var(--lsc-other) !important; }
.lsc-iconbtn .lsc-ic { width: 20px; height: 20px; }
.lsc-head-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.lsc-head-txt strong { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lsc-head-txt span { font-size: 13px; color: var(--lsc-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lsc-headlink { font-size: 12px; color: var(--lsc-c) !important; width: 80px; }

/* ---------- avatars ---------- */
.lsc-av { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 17px; overflow: hidden; }
.lsc-av-logo { background: var(--lsc-c); color: #fff; }
.lsc-av-logo.has-img { background: #fff; border: 1px solid var(--lsc-line); }
.lsc-av-logo img { width: 100%; height: 100%; object-fit: cover; }
.lsc-av-sm { width: 36px; height: 36px; flex-basis: 36px; }

/* ---------- home ---------- */
.lsc-home { padding: 0 16px 20px; background: linear-gradient(180deg, var(--lsc-tint) 0, var(--lsc-bg) 260px); }
.lsc-home-top { display: flex; align-items: center; justify-content: space-between; padding: 18px 0 10px; }
.lsc-home-logo { max-height: 36px; max-width: 180px; object-fit: contain; }
.lsc-home-name { font-weight: 700; font-size: 20px; }
.lsc-hello { font-size: 26px !important; line-height: 1.2 !important; font-weight: 700 !important; margin: 26px 4px 22px !important; color: #3a3a40; }
.lsc-card { display: flex; background: var(--lsc-card) !important; border: 1px solid var(--lsc-line) !important; border-radius: 14px !important; margin-bottom: 12px; width: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important; }
.lsc-recent { flex-direction: column; padding: 12px 6px 4px; }
.lsc-card-label { font-size: 14px; font-weight: 600; padding: 0 10px 4px; }
.lsc-recent .lsc-row { border: 0; }
.lsc-send-card { align-items: center; justify-content: space-between; padding: 16px 18px !important; }
.lsc-send-card:hover, .lsc-info-card[href]:hover { border-color: color-mix(in srgb, var(--lsc-c) 40%, #fff) !important; }
.lsc-info-card { flex-direction: column; overflow: hidden; }
.lsc-card-img { width: 100%; display: block; max-height: 220px; object-fit: cover; }
.lsc-card-body { display: flex; flex-direction: column; gap: 4px; padding: 14px 18px 16px; }

/* ---------- lists ---------- */
.lsc-list { display: flex; flex-direction: column; background: #fff; }
.lsc-row { display: flex !important; align-items: center; gap: 12px; padding: 12px 16px !important; width: 100%; border-bottom: 1px solid var(--lsc-line) !important; background: transparent; text-align: left; }
.lsc-row:hover, .lsc-row.is-current { background: var(--lsc-tint) !important; }
.lsc-row-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lsc-row-top, .lsc-row-sub { display: flex; align-items: center; gap: 8px; }
.lsc-row-title { flex: 1; min-width: 0; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lsc-row-time { font-size: 13px; color: var(--lsc-muted); flex: 0 0 auto; }
.lsc-row-prev { flex: 1; min-width: 0; font-size: 14px; color: var(--lsc-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lsc-row-prev.lsc-wrap { white-space: normal; }
.lsc-row-topic { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--lsc-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-unread .lsc-row-title { font-weight: 700; }
.is-unread .lsc-row-prev { color: var(--lsc-ink); }
.lsc-dot { width: 9px; height: 9px; border-radius: 50%; background: #E8233A; flex: 0 0 9px; }
.lsc-done { width: 16px; height: 16px; color: #10B981; }
.lsc-tag { font-size: 11px; font-weight: 600; padding: 1px 7px; border-radius: 99px; background: #eef; color: #4b4bb5; flex: 0 0 auto; }
.lsc-tag-guest { background: #fff1d6; color: #9a5b00; }
.lsc-tag-tutor { background: #e3f6ee; color: #0b7a52; }
.lsc-article .lsc-ic { width: 18px; height: 18px; }
.lsc-empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 56px 28px; color: var(--lsc-muted); font-size: 14px; background: transparent; }
.lsc-empty strong { color: var(--lsc-ink); font-size: 16px; }
.lsc-empty-ic { width: 40px; height: 40px; color: var(--lsc-c); margin-bottom: 4px; }

/* ---------- floating button + tabs ---------- */
.lsc-fab {
	position: absolute; left: 50%; bottom: 84px; transform: translateX(-50%);
	display: inline-flex !important; align-items: center; gap: 10px; white-space: nowrap;
	background: var(--lsc-c) !important; color: #fff !important; font-weight: 600; font-size: 15px;
	padding: 11px 20px !important; border-radius: 10px !important; box-shadow: 0 6px 18px color-mix(in srgb, var(--lsc-c) 40%, transparent) !important;
}
.lsc-fab:hover { filter: brightness(.95); }
.lsc-fab .lsc-ic { width: 18px; height: 18px; }
.lsc-tabs { display: flex; background: #fff; border-top: 1px solid var(--lsc-line); flex: 0 0 auto; padding: 8px 0 10px; }
.lsc-tab { flex: 1; display: flex !important; flex-direction: column; align-items: center; gap: 3px; font-size: 14px; color: var(--lsc-muted) !important; text-align: center !important; }
.lsc-tab.is-active { color: var(--lsc-c) !important; font-weight: 600; }
.lsc-tab-ic { position: relative; display: inline-flex; }
.lsc-tab-badge { position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #E8233A; color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }

/* ---------- conversation ---------- */
.lsc-conv { background: #fff; }
.lsc-conv-scroll { padding: 16px 16px 8px; }
.lsc-welcome { text-align: center; color: var(--lsc-muted); font-size: 14px; margin: 4px 18px 18px !important; }
.lsc-msgs { display: flex; flex-direction: column; gap: 12px; }
.lsc-msg { display: flex; flex-direction: column; max-width: 82%; }
.lsc-msg.is-other { align-self: flex-start; align-items: flex-start; }
.lsc-msg.is-mine { align-self: flex-end; align-items: flex-end; }
.lsc-bub { padding: 10px 14px; border-radius: 16px; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: anywhere; font-size: 15px; }
.is-other .lsc-bub { background: var(--lsc-other); border-bottom-left-radius: 6px; }
.is-mine .lsc-bub { background: var(--lsc-c); color: #fff; border-bottom-right-radius: 6px; }
.is-mine .lsc-bub a { color: #fff; text-decoration: underline; }
.is-other .lsc-bub a { color: var(--lsc-c); text-decoration: underline; }
.lsc-msg.is-bot .lsc-bub { background: var(--lsc-other); }
.lsc-meta { font-size: 12px; color: var(--lsc-muted); margin-top: 4px; padding: 0 4px; }
.lsc-msg.is-pending { opacity: .55; }
.lsc-info { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--lsc-muted); background: var(--lsc-bg); border: 1px solid var(--lsc-line); border-radius: 10px; padding: 8px 12px; margin-bottom: 14px; }
.lsc-info a { color: var(--lsc-c) !important; }
.lsc-pill { font-size: 12.5px; font-weight: 600; padding: 6px 12px !important; border-radius: 99px !important; border: 1px solid var(--lsc-line) !important; white-space: nowrap; }
.lsc-pill:hover { border-color: #10B981 !important; color: #0b7a52; }
.lsc-pill.is-resolved { background: #e3f6ee !important; color: #0b7a52; border-color: #bfe9d6 !important; }

.lsc-foot { flex: 0 0 auto; padding: 12px 14px 14px; background: #fff; }
.lsc-picker { border-top: 1px solid var(--lsc-line); max-height: 62%; overflow-y: auto; }
.lsc-picker-title { font-size: 13px; font-weight: 700; color: var(--lsc-muted); text-transform: uppercase; letter-spacing: .04em; text-align: right; margin-bottom: 8px; }
.lsc-chip-group { margin-bottom: 8px; }
.lsc-chip-label { font-size: 12.5px; font-weight: 600; color: var(--lsc-ink); text-align: right; margin: 0 2px 6px; }
.lsc-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.lsc-chips-all { padding-top: 6px; border-top: 1px dashed var(--lsc-line); }
.lsc-chip {
	background: #fff !important; border: 1px solid var(--lsc-line) !important; color: color-mix(in srgb, var(--lsc-c) 75%, #000) !important;
	padding: 8px 15px !important; border-radius: 99px !important; font-size: 14.5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .06) !important; transition: all .12s ease;
}
.lsc-chip:hover, .lsc-chip:focus-visible { background: var(--lsc-c) !important; border-color: var(--lsc-c) !important; color: #fff !important; }
.lsc-guest { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--lsc-line); }
.lsc-guest input, .lsc-composer textarea {
	width: 100% !important; border: 1px solid #dcdce2 !important; border-radius: 10px !important; padding: 10px 12px !important; background: #fff !important; outline: none; font-size: 15px;
}
.lsc-guest input:focus, .lsc-composer textarea:focus { border-color: var(--lsc-c) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--lsc-c) 18%, transparent) !important; }
.lsc-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }
.lsc-btn { background: var(--lsc-c) !important; color: #fff !important; font-weight: 600; padding: 11px 16px !important; border-radius: 10px !important; text-align: center !important; }
.lsc-btn:disabled { opacity: .6; cursor: default; }
.lsc-linkbtn { font-size: 13px; color: var(--lsc-muted) !important; align-self: flex-start; }
.lsc-linkbtn:hover { color: var(--lsc-c) !important; }
.lsc-composer { border-top: 1px solid var(--lsc-line); }
.lsc-compose-row { display: flex; align-items: flex-end; gap: 8px; }
.lsc-composer textarea { resize: none; min-height: 44px !important; max-height: 140px; display: block; }
.lsc-sendbtn { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 10px !important; background: var(--lsc-c) !important; color: #fff !important; display: inline-flex !important; align-items: center; justify-content: center; }
.lsc-sendbtn:disabled { opacity: .4; cursor: default; }
.lsc-sendbtn .lsc-ic { width: 20px; height: 20px; }
.lsc-note { font-size: 13px; color: var(--lsc-muted); margin-bottom: 8px; text-align: center; }
.lsc-err { font-size: 13px; color: #c62828; background: #fdecec; border-radius: 8px; padding: 7px 10px; margin-bottom: 8px; }

/* ---------- agent inbox ---------- */
.lsc-inbox-tools { display: flex; flex-direction: column; gap: 8px; padding: 10px 14px; background: #fff; border-bottom: 1px solid var(--lsc-line); flex: 0 0 auto; }
.lsc-segs { display: flex; background: var(--lsc-other); border-radius: 10px; padding: 3px; }
.lsc-seg { flex: 1; text-align: center !important; font-size: 13.5px; padding: 6px 0 !important; border-radius: 8px !important; color: var(--lsc-muted) !important; }
.lsc-seg.is-active { background: #fff !important; color: var(--lsc-ink) !important; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, .08) !important; }
.lsc-search { width: 100% !important; border: 1px solid #dcdce2 !important; border-radius: 10px !important; padding: 8px 12px !important; font-size: 14px; background: #fff !important; }

/* ---------- admin full-page inbox ---------- */
.lsc-page { display: grid; grid-template-columns: 360px 1fr; height: calc(100vh - 150px); min-height: 480px; margin-top: 12px; background: #fff; border: 1px solid #dcdcde; border-radius: 12px; overflow: hidden; }
.lsc-page-left { border-right: 1px solid var(--lsc-line); min-height: 0; background: #fff; }
.lsc-page-right { min-height: 0; display: flex; flex-direction: column; }
.lsc-page-right > .lsc-view { flex: 1; }
.lsc-page-empty { flex: 1; justify-content: center; }
.lsc-page .lsc-msg { max-width: 70%; }

/* ---------- mobile ---------- */
@media (max-width: 520px) {
	.lsc-bubble { bottom: 14px; }
	.lsc-pos-right { right: 14px; }
	.lsc-pos-left { left: 14px; }
	.lsc-is-open.lsc-bubble { inset: 0; }
	.lsc-is-open .lsc-launcher { display: none !important; }
	.lsc-panel { position: fixed; inset: 0; width: 100%; height: 100%; border-radius: 0; bottom: 0; }
	.lsc-composer textarea, .lsc-guest input { font-size: 16px; }
}
@media (max-width: 900px) {
	.lsc-page { grid-template-columns: 1fr; height: auto; }
	.lsc-page-left { max-height: 45vh; border-right: 0; border-bottom: 1px solid var(--lsc-line); }
	.lsc-page-right { min-height: 520px; }
}


/* ---------- Logspeak branding: navy + orange, white logo on navy ---------- */
.lsc-root { --lsc-navy: #1D2753; --lsc-ink: #1D2753; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.lsc-root .lsc-launcher { background: var(--lsc-navy) !important; color: #fff !important; border: 2px solid #fff !important; box-shadow: 0 6px 20px rgba(13, 20, 50, .35) !important; }
.lsc-home { background: linear-gradient(180deg, var(--lsc-navy) 0, var(--lsc-navy) 210px, var(--lsc-bg) 210px); }
.lsc-home-top .lsc-iconbtn, .lsc-home-name { color: #fff !important; }
.lsc-home-top .lsc-iconbtn:hover { background: rgba(255, 255, 255, .14) !important; }
.lsc-root .lsc-hello { color: #fff !important; }
.lsc-av-logo { background: var(--lsc-navy); }

/* Help page: live chat first (v1.0.2) */
.lsc-helpchat{display:inline-flex!important;align-items:center;gap:10px;margin:0 6px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;font-family:"Open Sans",Poppins,sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;color:#1D2753!important;vertical-align:middle}
.lsc-helpchat .lsc-hc-b{position:relative;flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#E8642C;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(232,100,44,.4);transition:transform .15s}
.lsc-helpchat .lsc-hc-b svg{width:26px;height:26px;fill:#fff}
.lsc-helpchat .lsc-hc-b:after{content:"";position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#2FBF71;border:2px solid #fff}
.lsc-helpchat:hover .lsc-hc-b,.lsc-helpchat:focus-visible .lsc-hc-b{transform:scale(1.08)}
.lsc-helpchat:focus-visible{outline:2px solid #E8642C;outline-offset:4px;border-radius:30px}
.lp-hero .lsc-helpchat{color:#fff!important}
.lp-card .lsc-helpchat{display:flex!important;margin:2px 0 14px!important}
@media(max-width:600px){.lp-btns .lsc-helpchat{width:100%;margin:0 0 4px!important}}

/* v1.0.4: navy bubble, orange outline, green "online" dot */
.lsc-root .lsc-launcher{border:3px solid #E8642C!important;position:relative}
.lsc-root .lsc-launcher:after{content:"";position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-radius:50%;background:#2FBF71;border:2px solid #fff;box-sizing:border-box;pointer-events:none}
.lsc-helpchat .lsc-hc-b{background:#1D2753!important;border:3px solid #E8642C;box-sizing:border-box;box-shadow:0 6px 18px rgba(13,20,50,.35)!important}
.lsc-helpchat .lsc-hc-b:after{right:-1px!important;top:auto!important;bottom:-1px;width:14px!important;height:14px!important}

/* v1.0.5: header Messages icon + Guppy panel under it */
.lsm-wrap{position:relative;flex:0 0 auto}
.lsm-wrap>button{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;padding:0!important;margin:0!important;border-radius:10px!important;border:1.5px solid rgba(255,255,255,.35)!important;background:transparent!important;color:#fff!important;cursor:pointer;box-shadow:none!important;transition:border-color .15s,background .15s}
.lsm-wrap>button:hover,.lsm-wrap>button.lsm-on{border-color:#fff!important}
.lsm-wrap>button.lsm-on{background:rgba(255,255,255,.12)!important}
.lsm-wrap>button:focus-visible{outline:2px solid #E8642C;outline-offset:2px}
.lsm-wrap b{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#E8642C;color:#fff;font-size:11px;font-weight:800;line-height:19px;text-align:center;box-sizing:border-box}
.lsm-wrap b[hidden]{display:none}
@media (min-width:769px){
	.at-chatsidebar_float{top:var(--lsm-top,72px)!important;bottom:auto!important;right:16px!important;left:auto!important;height:min(620px,calc(100vh - var(--lsm-top,72px) - 16px))!important;max-height:none!important;box-shadow:0 18px 50px rgba(13,20,50,.35)!important;z-index:99990!important}
}

/* v1.0.6: keep the Guppy holder (it contains the conversation windows), hide only its floating bubble; conversations open in the same top-right box as the list */
.at-chatfloatholder{z-index:99995!important}
.at-chatfloatholder .at-chatfloat,.at-chatfloatholder .at-chatfloatlist{display:none!important}
@media (min-width:769px){
	.at-chatsidebar_float{height:min(620px,calc(100vh - var(--lsm-top,72px) - 90px))!important}
	.at-floatchat{right:16px!important;left:auto!important;top:var(--lsm-top,72px)!important;bottom:auto!important;width:400px!important;height:min(620px,calc(100vh - var(--lsm-top,72px) - 90px))!important;z-index:99995!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(13,20,50,.35)!important}
}

/* v1.0.7: no "minimize" (it leaves a loose photo bubble); conversations are closed with the X */
.at-floatchat .at-minimize,.at-chatfloatholder .at-floatimglist{display:none!important}

/* v1.0.8: on phones the messages panel is full screen: hide the Logspeak help bubble while it is open */
@media (max-width:768px){html.lsm-open .lsc-root.lsc-bubble{display:none!important}}