/* WPHulu Support | GPL-2.0-or-later */
.wphulu-support {
	--hs-accent:#00C89E;
	--hs-accent-2:#34C759;
	--hs-accent-gradient:linear-gradient(135deg,var(--hs-accent),var(--hs-accent-2));
	/* Hover reverses the brand gradient. */
	--hs-accent-gradient-hover:linear-gradient(135deg,var(--hs-accent-2),var(--hs-accent));
	/* Accent text on white (5.4:1), and text on the brand gradient. */
	--hs-accent-text:#00795f;
	--hs-accent-ink:#fff;
	--hs-ink:#20382f;
	--hs-muted:#64746b;
	--hs-line:#e2e8e2;
	--hs-soft:#f5f7f3;
	--hs-surface:#fff;
	--hs-radius:12px;
	color:var(--hs-ink);
	font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	font-size:14px;
	line-height:1.55;
	text-align:left;
	color-scheme:light
}

.wphulu-support * {
	box-sizing:border-box
}

.wphulu-support [hidden] {
	display:none!important
}

.wphulu-support h1,.wphulu-support h2,.wphulu-support h3,.wphulu-support h4,.wphulu-support p {
	margin:0
}

.wphulu-support button,.wphulu-support input,.wphulu-support textarea,.wphulu-support select {
	font:inherit
}

.wphulu-support button,.wphulu-support a {
	touch-action:manipulation
}

.wphulu-support button {
	cursor:pointer
}

.wphulu-support button:disabled {
	cursor:default;
	opacity:.5
}

.wphulu-support :focus-visible {
	outline:3px solid #ce9b39;
	outline-offset:3px
}

.wphulu-support a {
	color:var(--hs-accent-text);
	text-decoration:none
}

.wphulu-support svg {
	flex-shrink:0
}

.wphulu-support input:not([type=checkbox]),.wphulu-support select,.wphulu-support textarea {
	background:#fff;
	border:1px solid #d5ded6;
	border-radius:8px;
	min-height:42px;
	width:100%;
	color:var(--hs-ink);
	padding:10px 12px;
	box-shadow:none
}

.wphulu-support textarea {
	resize:vertical;
	line-height:1.65
}

.wphulu-support label {
	display:block;
	font-weight:600
}

.wphulu-support label input,.wphulu-support label textarea,.wphulu-support label select {
	margin-top:7px;
	font-weight:400
}

.wphulu-support .hs-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	min-height:42px;
	padding:9px 15px;
	border:1px solid var(--hs-line);
	border-radius:8px;
	background:#fff;
	color:var(--hs-ink);
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	white-space:nowrap;
	transition:background .16s,border-color .16s
}

.wphulu-support .hs-button:hover:not(:disabled) {
	background:var(--hs-accent-gradient-hover) border-box;
	border-color:transparent;
	color:var(--hs-accent-ink)
}

.wphulu-support .hs-primary {
	background:var(--hs-accent-gradient) border-box;
	border-color:transparent;
	color:var(--hs-accent-ink)
}

.wphulu-support .hs-quiet {
	background:transparent;
	border-color:transparent;
	color:var(--hs-muted)
}

.hs-admin-wrap {
	margin:20px 20px 0 0
}

.hs-shell {
	display:flex;
	min-height:740px;
	background:#fff;
	border:1px solid var(--hs-line);
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 6px 25px #20382f06
}

.hs-sidebar {
	width:202px;
	flex-shrink:0;
	background:#1e1e1e;
	color:#fff;
	display:flex;
	flex-direction:column;
	padding:30px 14px 18px
}

.hs-brand {
	display:flex;
	align-items:center;
	gap:7px;
	padding:0 13px;
	font-size:25px;
	letter-spacing:-1px;
	font-weight:700;
	color:#fff
}

.hs-brand>span:last-child {
	font-size:13px;
	letter-spacing:0;
	font-weight:400;
	color:#ffffffd9;
	align-self:flex-end;
	margin-bottom:5px
}

.hs-brand-dot {
	height:15px;
	width:15px;
	border-radius:50%;
	background:var(--hs-accent-gradient);
	margin-right:2px
}

.hs-workspace-label {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1.5px;
	padding:38px 13px 12px;
	color:#ffffffd9
}

.hs-sidebar nav {
	display:grid;
	gap:5px
}

.wphulu-support .hs-nav {
	display:flex;
	gap:11px;
	align-items:center;
	padding:12px;
	border:0;
	border-radius:8px;
	color:#fff;
	background:transparent;
	font-size:13px;
	text-align:left;
	min-height:44px;
	text-decoration:none
}

.wphulu-support .hs-nav:hover {
	background:var(--hs-accent-gradient-hover);
	color:var(--hs-accent-ink)
}

.wphulu-support .hs-nav.is-active {
	background:var(--hs-accent-gradient);
	color:var(--hs-accent-ink)
}

.wphulu-support .hs-nav.is-active:hover {
	background:var(--hs-accent-gradient-hover)
}

.hs-sidebar-bottom {
	margin-top:auto;
	padding-top:40px
}

.hs-identity {
	display:flex;
	align-items:center;
	gap:10px;
	margin:20px 10px 0;
	border-top:1px solid #ffffff26;
	padding-top:22px;
	font-size:12px
}

.hs-identity small {
	display:block;
	font-size:10px;
	color:#ffffffd9
}

.hs-main {
	flex:1;
	min-width:0
}

.hs-header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	padding:31px 30px 27px;
	background:#fafbf8
}

.hs-eyebrow {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1.6px;
	font-weight:600;
	color:var(--hs-muted)
}

.wphulu-support .hs-header h1 {
	font-size:30px;
	line-height:1.2;
	letter-spacing:-1px;
	font-weight:650;
	margin:8px 0 10px;
	color:var(--hs-ink)
}

.hs-subtitle {
	font-size:12px;
	color:var(--hs-muted);
	max-width:510px
}

.hs-toolbar {
	display:flex;
	align-items:center;
	gap:12px;
	padding:17px 25px;
	border-top:1px solid var(--hs-line);
	border-bottom:1px solid var(--hs-line)
}

.hs-search {
	position:relative;
	flex:1
}

.hs-search svg {
	position:absolute;
	top:12px;
	left:12px;
	color:#819087
}

.wphulu-support .hs-search input {
	padding-left:39px;
	margin:0;
	font-size:12px;
	background:#f8faf7
}

.hs-status-filter {
	width:160px
}

.wphulu-support .hs-status-filter select {
	margin:0;
	font-size:12px
}

.hs-content {
	display:grid;
	grid-template-columns:minmax(235px,31%) minmax(0,1fr);
	min-height:550px
}

.hs-list-panel {
	border-right:1px solid var(--hs-line);
	min-width:0;
	display:flex;
	flex-direction:column
}

.hs-list {
	max-height:650px;
	overflow:auto;
	flex:1
}

.wphulu-support .hs-list-item {
	display:block;
	width:100%;
	padding:21px 20px;
	border:0;
	border-bottom:1px solid var(--hs-line);
	border-left:3px solid transparent;
	border-radius:0;
	background:#fff;
	text-align:left;
	color:var(--hs-ink);
	transition:background .15s
}

.wphulu-support .hs-list-item:hover {
	background:#f6f8f3
}

.wphulu-support .hs-list-item.is-selected {
	background:#f0f5eb;
	border-left-color:var(--hs-accent)
}

.hs-row {
	display:flex;
	gap:9px;
	align-items:center
}

.hs-avatar {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:31px;
	height:31px;
	border-radius:50%;
	background:#e8eedd;
	color:#476345;
	font-size:10px;
	font-weight:700;
	flex-shrink:0
}

.hs-list-name {
	font-size:12px;
	font-weight:600;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

.hs-ticket-id {
	font-size:10px;
	color:var(--hs-muted);
	margin-left:auto
}

.wphulu-support .hs-list-item h3 {
	font-size:14px;
	font-weight:600;
	line-height:1.5;
	margin:13px 0 14px;
	overflow-wrap:anywhere
}

.hs-list-meta {
	justify-content:space-between
}

.hs-channel {
	display:inline-flex;
	gap:5px;
	align-items:center;
	font-size:10px;
	color:var(--hs-muted)
}

.hs-channel svg {
	width:13px;
	height:13px
}

.hs-badge {
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:10px;
	font-weight:600;
	border-radius:5px;
	padding:3px 7px;
	white-space:nowrap;
	background:#edf1ec;
	color:#526157
}

.hs-badge>span {
	width:5px;
	height:5px;
	border-radius:50%;
	background:currentColor
}

.hs-badge.hs-open {
	background:#e4f0e8;
	color:#256044
}

.hs-badge.hs-pending {
	background:#fff0d4;
	color:#886321
}

.hs-badge.hs-resolved {
	background:#e9edf7;
	color:#4c5c8d
}

.hs-list-foot {
	justify-content:space-between;
	font-size:10px;
	color:var(--hs-muted);
	margin-top:17px
}

.hs-priority-high,.hs-priority-urgent {
	color:#a04d3b;
	font-weight:600
}

.hs-pagination {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:8px 10px;
	font-size:11px;
	border-top:1px solid var(--hs-line)
}

.hs-pagination .hs-button {
	font-size:11px;
	padding:7px
}

.hs-detail {
	min-width:0
}

.hs-conversation {
	min-width:0;
	display:flex;
	flex-direction:column;
	flex:1
}

.hs-detail:has(.hs-conversation) {
	display:flex
}

.hs-thread-header {
	padding:23px 25px;
	border-bottom:1px solid var(--hs-line)
}

.hs-thread-header>.hs-row {
	justify-content:space-between
}

.wphulu-support .hs-thread-header h2 {
	font-size:20px;
	line-height:1.4;
	font-weight:600;
	letter-spacing:-.3px;
	margin:12px 0 7px;
	overflow-wrap:anywhere
}

.hs-muted {
	font-size:12px;
	color:var(--hs-muted)
}

.hs-messages {
	padding:24px;
	overflow:auto;
	max-height:390px;
	min-height:220px;
	flex:1
}

.hs-message+.hs-message {
	margin-top:26px
}

.hs-message-meta {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	font-size:11px
}

.hs-message-meta strong {
	font-weight:600
}

.hs-message-meta time {
	font-size:10px;
	color:var(--hs-muted);
	margin-left:auto
}

.hs-message p {
	white-space:pre-wrap;
	overflow-wrap:anywhere;
	padding:15px 17px;
	border-radius:0 10px 10px 10px;
	background:#f2f5ef;
	margin:10px 0 0 39px;
	font-size:13px;
	line-height:1.8
}

.hs-message.from-agent p {
	background:#eef4f7
}

.hs-message.is-internal p {
	background:#fff4d9;
	border:1px solid #ecd69a
}

.hs-note-label {
	color:#785b17;
	font-size:10px
}

.hs-composer {
	margin:8px 22px 22px;
	border:1px solid #d6dfd4;
	border-radius:10px;
	overflow:hidden;
	background:#fff
}

.hs-composer.is-note {
	background:#fffbef;
	border-color:#ddc783
}

.hs-composer-tabs {
	display:flex;
	gap:15px;
	align-items:center;
	padding:0 13px;
	border-bottom:1px solid var(--hs-line);
	min-height:42px;
	font-size:12px
}

.wphulu-support .hs-tab {
	background:transparent;
	border:0;
	border-bottom:2px solid transparent;
	border-radius:0;
	padding:11px 0;
	color:var(--hs-muted);
	font-size:12px
}

.wphulu-support .hs-tab.is-active {
	color:var(--hs-accent-text);
	border-bottom-color:var(--hs-accent);
	font-weight:600
}

.wphulu-support .hs-composer textarea {
	border:0;
	border-radius:0;
	padding:13px;
	background:transparent;
	min-height:92px;
	font-size:13px
}

.hs-composer-footer {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:12px;
	background:#fafbf8;
	border-top:1px solid var(--hs-line)
}

.hs-composer-footer>span {
	font-size:10px;
	color:var(--hs-muted);
	max-width:190px
}

.hs-composer-footer .hs-button {
	font-size:11px;
	min-height:38px;
	padding:8px 10px
}

.hs-context {
	width:210px;
	flex-shrink:0;
	border-left:1px solid var(--hs-line);
	padding:25px 20px;
	background:#fcfdfb
}

.wphulu-support .hs-context h3 {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1.2px;
	color:var(--hs-muted);
	font-weight:600;
	margin-bottom:18px
}

.hs-avatar-lg {
	height:45px;
	width:45px;
	font-size:14px
}

.wphulu-support .hs-context h4 {
	font-size:13px;
	margin:11px 0 4px;
	font-weight:600
}

.hs-email {
	font-size:11px;
	color:var(--hs-muted);
	overflow-wrap:anywhere
}

.hs-divider {
	height:1px;
	background:var(--hs-line);
	margin:24px 0
}

.hs-context label {
	font-size:11px;
	margin:0 0 13px;
	font-weight:500
}

.wphulu-support .hs-context select {
	font-size:12px;
	min-height:36px;
	padding:7px 8px;
	margin-top:5px
}

.hs-order {
	padding:12px;
	background:#f0f4e9;
	border:1px solid #e3ead6;
	border-radius:8px;
	font-size:12px
}

.hs-order strong,.hs-order span {
	display:block;
	margin-top:6px
}

.hs-context>.hs-button {
	white-space:normal;
	margin-top:20px;
	width:100%;
	font-size:11px
}

.hs-empty {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:center;
	min-height:260px;
	height:100%;
	padding:35px;
	color:var(--hs-muted)
}

.hs-empty>svg {
	height:38px;
	width:38px;
	color:#799a7d;
	margin-bottom:18px
}

.wphulu-support .hs-empty h2 {
	font-size:16px;
	font-weight:600;
	color:var(--hs-ink);
	margin-bottom:8px
}

.hs-empty p {
	font-size:12px;
	max-width:270px
}

.hs-loading {
	padding:35px;
	color:var(--hs-muted)
}

.hs-alert {
	padding:10px 25px;
	background:#e9f5ec;
	border-bottom:1px solid #d8e6d8;
	font-size:12px
}

.hs-alert.hs-error,.hs-form-error {
	background:#fff0eb;
	color:#9c392a
}

.hs-welcome {
	max-width:600px;
	margin:35px auto;
	padding:45px;
	text-align:center;
	border:1px solid var(--hs-line);
	border-radius:14px;
	background:#fafbf8
}

.wphulu-support .hs-welcome h2 {
	font-size:24px;
	margin:15px 0
}

.hs-welcome p {
	color:var(--hs-muted);
	margin-bottom:25px
}

.hs-dialog {
	border:1px solid var(--hs-line);
	border-radius:16px;
	padding:26px;
	max-width:560px;
	width:calc(100% - 32px);
	max-height:90dvh;
	color:var(--hs-ink);
	box-shadow:0 20px 80px #142e3240;
	background:#fff
}

.hs-dialog::backdrop {
	background:#122f365c;
	backdrop-filter:blur(3px)
}

.hs-dialog header {
	justify-content:space-between;
	margin-bottom:10px
}

.wphulu-support .hs-dialog h2 {
	font-size:22px;
	letter-spacing:-.5px
}

.hs-dialog label {
	margin-top:17px;
	font-size:12px
}

.hs-dialog footer {
	display:flex;
	justify-content:flex-end;
	gap:10px;
	border-top:1px solid var(--hs-line);
	padding-top:20px;
	margin-top:22px
}

.hs-form-row {
	display:flex;
	gap:15px
}

.hs-form-row>label {
	flex:1
}

.hs-form-error {
	padding:10px;
	margin-top:10px!important;
	font-size:12px
}

.hs-sr {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap
}

.wphulu-support .hs-mobile-back {
	display:none
}

.hs-settings {
	max-width:900px
}

.hs-settings>h1 {
	font-size:28px;
	margin:30px 0 10px
}

.hs-card {
	padding:26px;
	border:1px solid var(--hs-line);
	border-radius:12px;
	background:#fff;
	margin-top:22px
}

.hs-card p {
	margin:15px 0
}

.hs-card code {
	display:inline-block;
	margin:5px 0;
	padding:5px 8px;
	background:#f0f3ed;
	font-size:12px
}

.hs-launcher {
	position:fixed;
	bottom:24px;
	right:24px;
	z-index:99990
}

.hs-launcher .hs-button {
	border-radius:30px;
	padding:14px 22px;
	box-shadow:0 5px 22px #00c89e40
}

.hs-chat-panel {
	position:fixed;
	right:24px;
	bottom:24px;
	width:430px;
	height:min(720px,calc(100dvh - 48px));
	z-index:99999;
	background:#fff;
	border:1px solid var(--hs-line);
	border-radius:16px;
	overflow:auto;
	box-shadow:0 15px 65px #16352530
}

.hs-chat-top {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:var(--hs-accent-gradient);
	color:var(--hs-accent-ink);
	padding:10px 18px;
	position:sticky;
	top:0;
	z-index:2
}

.wphulu-support .hs-chat-top button {
	color:#fff
}

.hs-chat-panel .hs-shell {
	border:0;
	border-radius:0;
	min-height:0;
	display:block
}

.hs-chat-panel .hs-header {
	display:block;
	padding:22px
}

.hs-chat-panel .hs-header h1 {
	font-size:23px
}

.hs-chat-panel .hs-header>.hs-button {
	margin-top:16px
}

.hs-chat-panel .hs-toolbar {
	padding:12px;
	flex-wrap:wrap
}

.hs-chat-panel .hs-search {
	flex-basis:100%
}

.hs-chat-panel .hs-content {
	display:block;
	min-height:0
}

.hs-chat-panel .hs-detail {
	display:none
}

.hs-chat-panel .hs-detail-open .hs-list-panel,.hs-chat-panel .hs-detail-open .hs-header,.hs-chat-panel .hs-detail-open .hs-toolbar {
	display:none
}

.hs-chat-panel .hs-detail-open .hs-detail {
	display:block
}

.hs-chat-panel .hs-context {
	display:none
}

.hs-chat-panel .hs-mobile-back {
	display:inline-flex;
	margin-bottom:15px
}

.hs-chat-panel .hs-messages {
	max-height:280px
}

.hs-more-messages {
	margin:8px 25px
}

.hs-chat-panel .hs-status-filter {
	flex:1
}

.hs-chat-panel .hs-list {
	max-height:400px
}

@media(min-width:1600px) {
	.hs-context {
		width:245px;
		padding:27px
	}
	.hs-sidebar {
		width:220px
	}
	.hs-content {
		grid-template-columns:minmax(270px,30%) minmax(0,1fr)
	}
}

@media(max-width:1250px) {
	.hs-context {
		width:180px;
		padding:20px 14px
	}
	.hs-sidebar {
		width:175px;
		padding-left:10px;
		padding-right:10px
	}
	.hs-content {
		grid-template-columns:235px minmax(0,1fr)
	}
	.hs-brand {
		font-size:22px
	}
	.hs-detail:has(.hs-conversation) {
		flex-direction:column
	}
	.hs-context {
		width:100%;
		border-left:0;
		border-top:1px solid var(--hs-line);
		display:grid;
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:12px
	}
	.hs-context .hs-divider,.hs-context>.hs-avatar,.hs-context>h3,.hs-context>h4,.hs-context>.hs-email {
		display:none
	}
	.hs-context label {
		margin:0
	}
	.hs-context>.hs-order,.hs-context>.hs-muted {
		grid-column:1/-1
	}
	.hs-context>.hs-button {
		margin:0
	}
	.hs-messages {
		max-height:350px
	}
}

@media(max-width:900px) {
	.hs-sidebar {
		width:65px;
		padding:20px 8px
	}
	.hs-sidebar .hs-brand,.hs-sidebar .hs-workspace-label,.hs-sidebar .hs-identity {
		display:none
	}
	.hs-sidebar .hs-nav {
		font-size:0;
		justify-content:center;
		padding:12px
	}
	.hs-sidebar nav {
		margin-top:10px
	}
	.hs-header {
		padding:24px 20px
	}
	.hs-toolbar {
		padding:12px 15px
	}
	.hs-content {
		grid-template-columns:220px minmax(0,1fr)
	}
	.hs-subtitle {
		max-width:330px
	}
	.hs-header>.hs-button {
		font-size:11px
	}
	.hs-thread-header {
		padding:20px
	}
	.hs-composer {
		margin:8px 14px 14px
	}
	.hs-messages {
		padding:20px 14px
	}
}

@media(max-width:680px) {
	.hs-admin-wrap {
		margin:12px 10px 0 0
	}
	.hs-shell {
		min-height:600px;
		border-radius:12px;
		display:block
	}
	.hs-sidebar {
		width:100%;
		padding:8px
	}
	.hs-sidebar nav {
		display:flex;
		gap:5px;
		margin:0
	}
	.hs-sidebar .hs-nav {
		font-size:11px;
		flex:1;
		padding:9px;
		gap:7px
	}
	.hs-sidebar .hs-sidebar-bottom {
		display:none
	}
	.hs-header {
		align-items:flex-start;
		gap:12px;
		padding:23px 18px
	}
	.wphulu-support .hs-header h1 {
		font-size:26px
	}
	.hs-header .hs-subtitle {
		font-size:11px
	}
	.hs-header>.hs-button {
		min-height:44px;
		padding:9px;
		font-size:11px
	}
	.hs-toolbar {
		flex-wrap:wrap;
		gap:8px
	}
	.hs-search {
		flex-basis:100%
	}
	.hs-status-filter {
		flex:1
	}
	.hs-content {
		display:block;
		min-height:450px
	}
	.hs-list-panel {
		border-right:0
	}
	.hs-detail {
		display:none
	}
	.hs-detail-open .hs-detail:has(.hs-conversation) {
		display:flex
	}
	.hs-detail-open .hs-list-panel,.hs-detail-open .hs-header,.hs-detail-open .hs-toolbar {
		display:none
	}
	.hs-list {
		max-height:none
	}
	.wphulu-support .hs-mobile-back {
		display:inline-flex;
		margin-bottom:15px
	}
	.hs-context {
		grid-template-columns:1fr 1fr
	}
	.hs-context label:last-of-type {
		grid-column:1/-1
	}
	.hs-composer-footer>span {
		max-width:150px
	}
	.wphulu-support input:not([type=checkbox]),.wphulu-support textarea,.wphulu-support select {
		font-size:16px!important
	}
	.hs-dialog {
		padding:20px
	}
	.hs-chat-panel {
		right:10px;
		bottom:10px;
		width:calc(100% - 20px);
		height:calc(100dvh - 20px)
	}
	.hs-launcher {
		right:18px;
		bottom:18px
	}
	.hs-welcome {
		padding:30px 20px
	}
	.hs-thread-header h2 {
		font-size:19px
	}
	.hs-message p {
		margin-left:0
	}
	.hs-form-row {
		flex-direction:column;
		gap:0
	}
	.hs-button {
		min-height:44px!important
	}
}

@media(prefers-reduced-motion:reduce) {
	.wphulu-support * {
		transition:none!important;
		scroll-behavior:auto!important
	}
}

.hs-settings .hs-service-status {
	padding:12px 16px;
	background:var(--hs-soft);
	border-radius:8px
}

.hs-settings .hs-service-days {
	padding:0;
	border:0;
	margin:20px 0
}

.hs-service-days legend {
	font-weight:600;
	margin-bottom:8px
}

.hs-service-days label {
	display:inline-flex;
	align-items:center;
	gap:5px;
	margin:0 16px 8px 0;
	min-height:32px
}

.hs-service-times {
	display:flex;
	gap:24px;
	flex-wrap:wrap
}

.hs-service-times label {
	display:flex;
	flex-direction:column;
	gap:8px
}

.hs-settings select {
	max-width:100%;
	margin-top:8px
}

.hs-service-times input {
	min-height:40px;
	max-width:180px
}

/* Shared website widget and customization preview. */
.wphulu-support.hs-chat-panel[data-position],.wphulu-support.hs-launcher[data-position] {
	--hs-edge:var(--hs-widget-side,24px);
	bottom:var(--hs-widget-bottom,24px);
	max-width:calc(100vw - 2 * var(--hs-edge))
}

.wphulu-support[data-position=left] {
	left:var(--hs-edge);
	right:auto
}

.wphulu-support[data-position=right] {
	right:var(--hs-edge);
	left:auto
}

.wphulu-support.hs-chat-panel[data-position] {
	height:min(720px,calc(100dvh - var(--hs-widget-bottom,24px) - 16px))
}

.wphulu-support.hs-chat-panel .hs-chat-top {
	background:var(--hs-widget-bg,var(--hs-accent-gradient));
	color:var(--hs-widget-ink,var(--hs-accent-ink))
}

.wphulu-support.hs-chat-panel .hs-chat-top strong {
	overflow-wrap:anywhere;
	min-width:0
}

.wphulu-support.hs-chat-panel .hs-chat-top button {
	color:inherit;
	flex-shrink:0
}

.wphulu-support.hs-chat-panel .hs-primary,.wphulu-support.hs-launcher .hs-primary {
	background:var(--hs-widget-bg,var(--hs-accent-gradient)) border-box;
	border-color:transparent;
	color:var(--hs-widget-ink,var(--hs-accent-ink))
}

.wphulu-support.hs-chat-panel .hs-primary:hover:not(:disabled),.wphulu-support.hs-launcher .hs-primary:hover:not(:disabled) {
	background:var(--hs-widget-bg-hover,var(--hs-accent-gradient-hover)) border-box;
	color:var(--hs-widget-ink,var(--hs-accent-ink))
}

.wphulu-support.hs-launcher .hs-primary {
	white-space:normal;
	overflow-wrap:anywhere;
	max-width:100%
}

.hs-widget-contacts {
	padding:4px 18px;
	background:#fafbf8;
	border-bottom:1px solid var(--hs-line);
	max-height:210px;
	overflow:auto
}

.hs-widget-contact {
	display:flex;
	gap:10px;
	padding:14px 0;
	border-bottom:1px solid var(--hs-line);
	font-size:13px
}

.hs-widget-contact:last-child {
	border:0
}

.hs-widget-contact>div {
	min-width:0
}

.hs-widget-contact strong,.hs-widget-contact small {
	display:block;
	overflow-wrap:anywhere
}

.hs-widget-contact small {
	font-size:11px;
	color:var(--hs-muted);
	margin:2px 0
}

.hs-widget-avatar {
	height:32px;
	width:32px;
	flex-shrink:0;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#e6eee2;
	color:#244833;
	text-transform:uppercase
}

.hs-contact-links {
	display:flex;
	gap:12px;
	flex-wrap:wrap
}

.hs-contact-links a {
	display:inline-flex;
	align-items:center;
	min-height:36px;
	font-size:12px;
	font-weight:600
}

.hs-chat-panel .hs-subtitle,.hs-chat-panel .hs-header h1 {
	overflow-wrap:anywhere
}

@media(max-width:680px) {
	.wphulu-support.hs-chat-panel[data-position],.wphulu-support.hs-launcher[data-position] {
		--hs-edge:min(var(--hs-widget-side,24px),12px)
	}
	.hs-contact-links a {
		min-height:44px
	}
}

.wphulu-support .hs-order-items { list-style: none; padding: 0; font-size: 13px; }
.wphulu-support .hs-order-items li { margin-block: 8px; }

/* Embedded WooCommerce account: respond to the account column, not the viewport. */
.hs-account-support {
	container-type:inline-size;
	min-width:0;
}
.hs-account-support .hs-shell {
	display:block;
	min-height:540px;
}
.hs-account-support .hs-sidebar {
	display:none;
}
@container (max-width:850px) {
	.hs-account-support .hs-content { display:block; min-height:400px; }
	.hs-account-support .hs-list-panel { border-right:0; }
	.hs-account-support .hs-detail { display:none; }
	.hs-account-support .hs-detail-open .hs-detail:has(.hs-conversation) { display:flex; flex-direction:column; }
	.hs-account-support .hs-detail-open .hs-list-panel,
	.hs-account-support .hs-detail-open .hs-header,
	.hs-account-support .hs-detail-open .hs-toolbar { display:none; }
	.hs-account-support .hs-mobile-back { display:inline-flex; margin-bottom:15px; }
	.hs-account-support .hs-toolbar { flex-wrap:wrap; gap:8px; }
	.hs-account-support .hs-search { flex-basis:100%; }
	.hs-account-support .hs-header { padding:20px; flex-wrap:wrap; gap:12px; }
	.hs-account-support .hs-context { width:auto; border-left:0; border-top:1px solid var(--hs-line); }
}