/* Customer help uses the storefront palette and native modal focus management. */
#lb-help-launch[hidden], #lb-help-panel:not([open]), #lb-help-panel [hidden] { display: none !important; }
#lb-help-launch, #lb-help-panel, .lb-product-contact { font-family: var(--lb-sans); }
#lb-help-launch {
	position: fixed; inset-inline-end: max(1rem, env(safe-area-inset-right)); inset-block-end: max(1rem, env(safe-area-inset-bottom));
	z-index: 95; display: inline-flex; align-items: center; gap: .5rem; min-height: 46px; border: 1px solid #fff;
	border-radius: 2rem; padding: .65rem 1rem; background: var(--lb-wine); color: white; font: 600 .9rem/1.3 var(--lb-sans); box-shadow: 0 3px 14px #28161c33;
}
#lb-help-launch span { color: #f4ddc5; }
.lb-product-contact a, #lb-help-panel .lb-help-human { color: #164d3e; font-weight: 650; text-decoration: underline; text-underline-offset: .18em; }
.lb-product-contact { margin-block: .85rem; }
.lb-product-contact a { display: inline-flex; padding: .5rem .8rem; align-items: center; gap: .4rem; min-height: 44px; border: 1px solid #69877b; border-radius: .35rem; }
#lb-help-panel::backdrop { background: #211a1c59; }
#lb-help-panel {
	box-sizing: border-box; position: fixed; inset: auto max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) auto;
	margin: 0; padding: 0; max-width: calc(100vw - 1.5rem); width: 25rem; height: min(39rem, 85vh); height: min(39rem, 85dvh);
	max-height: calc(100% - 1.5rem); border: 1px solid var(--lb-rule); border-radius: .8rem; overflow: hidden; background: var(--lb-surface);
	color: var(--lb-ink); font: .9rem/1.45 var(--lb-sans); box-shadow: 0 12px 50px #291b2429;
}
#lb-help-panel[open] { display: flex; flex-direction: column; }
#lb-help-panel * { box-sizing: border-box; }
.lb-help-header, .lb-help-footer { flex: 0 0 auto; padding: .85rem 1rem; }
.lb-help-header { display: flex; justify-content: space-between; align-items: center; gap: .5rem; background: var(--lb-wine); color: #fff; }
#lb-help-panel .lb-help-header p { margin: 0; color: #f2ded8; font-size: .62rem; letter-spacing: .15em; font-weight: 650; }
#lb-help-panel h2 { margin: .05rem 0 0; font: 1.8rem/1.1 var(--lb-display); color: #fff; }
#lb-help-close { background: transparent; border: 1px solid #d9c4c5; color: #fff; border-radius: 50%; width: 44px; min-height: 44px; padding: 0; font: 1.5rem/1 var(--lb-sans); }
.lb-help-body { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: .9rem 1rem; }
#lb-help-panel p { margin: 0 0 .6rem; }
.lb-help-context { border-inline-start: 2px solid var(--lb-rule); padding-inline-start: .55rem; }
.lb-help-find { margin-block: .45rem .7rem; }
.lb-help-find summary { color: var(--lb-wine); cursor: pointer; min-height: 44px; padding-block: .55rem; font-weight: 600; }
.lb-help-find ul { margin: .35rem 0; padding-inline-start: 1.1rem; }
.lb-help-find a { color: var(--lb-wine); }
#lb-help-panel .lb-help-chips { display: flex; flex-wrap: wrap; gap: .35rem; }
#lb-help-panel .lb-help-chips button { min-height: 40px; padding: .35rem .7rem; border: 1px solid #c8bcb1; background: var(--lb-paper); color: var(--lb-ink); border-radius: 2rem; font: 500 .85rem/1.2 var(--lb-sans); }
#lb-help-panel .lb-help-chips button:hover { color: var(--lb-wine); border-color: var(--lb-wine); }
.lb-help-message { margin-block-start: .65rem; padding: .55rem .7rem; border-radius: .45rem; background: var(--lb-paper); overflow-wrap: anywhere; }
.lb-help-message strong { display: block; font-size: .75rem; color: var(--lb-wine); }
.lb-help-message span { display: block; white-space: pre-line; }
.lb-help-user { margin-inline-start: 1.15rem; background: #f5e9e9; }
.lb-help-footer { border-top: 1px solid var(--lb-rule); background: #fff; max-height: 50%; overflow: auto; }
#lb-help-panel form { margin: 0; }
#lb-help-panel form label { display: block; margin-bottom: .25rem; font-weight: 600; color: var(--lb-ink); }
#lb-help-panel .lb-help-row { display: flex; gap: .35rem; }
#lb-help-panel .lb-help-row input { flex: 1; min-width: 0; border: 1px solid #82736d; border-radius: .25rem; height: 44px; padding: .45rem; font-size: 16px; }
#lb-help-panel .lb-help-row button { background: var(--lb-wine); border: 0; border-radius: .3rem; color: white; min-height: 44px; padding: .5rem .8rem; }
#lb-help-panel .lb-help-consent { display: flex; align-items: center; gap: .4rem; font-size: .79rem; padding-block: .38rem; }
#lb-help-panel .lb-help-human { display: inline-flex; min-height: 42px; align-items: center; margin-top: .2rem; padding-inline: .12rem; }
#lb-help-panel .lb-help-recommended { background: #e6f1ec; padding-inline: .5rem; border-radius: .25rem; }
#lb-help-panel :focus-visible, #lb-help-launch:focus-visible, .lb-product-contact a:focus-visible { outline: 3px solid #1e6281; outline-offset: 2px; }
@media (max-width: 480px) {
	#lb-help-panel { inset-inline: .5rem; bottom: max(.5rem, env(safe-area-inset-bottom)); max-width: none; width: calc(100% - 1rem); height: min(40rem, 90dvh); }
}