.wmn-skrwa-widget {
	--wmn-skrwa-header: #0D47A1;
	--wmn-skrwa-header-text: #FFFFFF;
	--wmn-skrwa-button: #16A34A;
	--wmn-skrwa-panel: #FFFFFF;
	--wmn-skrwa-dark: #333333;
	--wmn-skrwa-muted: #777777;
	--wmn-skrwa-status: #16A34A;
	--wmn-skrwa-panel-width: 360px;
	--wmn-skrwa-btn-desktop: 64px;
	--wmn-skrwa-btn-mobile: 56px;
	--wmn-skrwa-bottom-desktop: 160px;
	--wmn-skrwa-bottom-mobile: 120px;
	--wmn-skrwa-right-desktop: 24px;
	--wmn-skrwa-right-mobile: 16px;
	font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
	line-height: 1.5;
}

.wmn-skrwa-widget *,
.wmn-skrwa-widget *::before,
.wmn-skrwa-widget *::after { box-sizing: border-box; }
.wmn-skrwa-widget .wmn-skrwa-panel { text-align: left; line-height: 1.5; }

.wmn-skrwa-widget .wmn-skrwa-panel {
	position: fixed;
	right: var(--wmn-skrwa-right-desktop);
	bottom: calc(var(--wmn-skrwa-bottom-desktop) + var(--wmn-skrwa-btn-desktop) + 16px);
	width: min(var(--wmn-skrwa-panel-width), calc(100vw - 48px));
	max-height: min(680px, calc(100vh - var(--wmn-skrwa-bottom-desktop) - var(--wmn-skrwa-btn-desktop) - 32px));
	overflow-y: auto;
	overscroll-behavior: contain;
	background: var(--wmn-skrwa-panel);
	border-radius: 16px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
	z-index: 99998;
	opacity: 0;
	visibility: hidden;
	transform: translateY(24px);
	transition: opacity .35s ease, visibility .35s ease, transform .35s cubic-bezier(.25, .8, .35, 1);
}

.wmn-skrwa-widget .wmn-skrwa-panel.wmn-skrwa-open { opacity: 1; visibility: visible; transform: translateY(0); }
.wmn-skrwa-widget .wmn-skrwa-header { background: var(--wmn-skrwa-header); color: var(--wmn-skrwa-header-text); padding: 18px 20px; }
.wmn-skrwa-widget .wmn-skrwa-header h4 { margin: 0 0 4px; font-size: 16px; font-weight: 700; color: var(--wmn-skrwa-header-text); line-height: 1.35; }
.wmn-skrwa-widget .wmn-skrwa-header p { margin: 0; font-size: 12.5px; opacity: .85; color: var(--wmn-skrwa-header-text); }
.wmn-skrwa-widget .wmn-skrwa-body { padding: 18px 20px; }

.wmn-skrwa-widget .wmn-skrwa-profile { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #F0F0F0; }
.wmn-skrwa-widget .wmn-skrwa-logo {
	position: relative;
	width: 56px;
	height: 56px;
	min-width: 56px;
	border: 1px solid #E5E5E5;
	border-radius: 50%;
	background: #FFFFFF;
	overflow: hidden;
}

.wmn-skrwa-widget .wmn-skrwa-logo-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 24px Georgia, serif; color: #B08D4F; }
.wmn-skrwa-widget .wmn-skrwa-logo-image { position: relative; width: 100%; height: 100%; object-fit: contain; }
.wmn-skrwa-widget .wmn-skrwa-info { min-width: 0; }
.wmn-skrwa-widget .wmn-skrwa-info h5 { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: var(--wmn-skrwa-dark); line-height: 1.35; }
.wmn-skrwa-widget .wmn-skrwa-badge { display: inline-block; background: #E8F5E9; color: var(--wmn-skrwa-status); font-size: 10px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; margin-bottom: 6px; }
.wmn-skrwa-widget .wmn-skrwa-online { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--wmn-skrwa-status); font-weight: 600; }

.wmn-skrwa-widget .wmn-skrwa-dot { width: 8px; height: 8px; min-width: 8px; border-radius: 50%; background: var(--wmn-skrwa-status); position: relative; display: inline-block; }
.wmn-skrwa-widget .wmn-skrwa-dot::after { content: ''; position: absolute; inset: 0; border-radius: 50%; background: var(--wmn-skrwa-status); animation: wmn-skrwa-pulse 1.6s ease-out infinite; }
@keyframes wmn-skrwa-pulse {
	0% { transform: scale(1); opacity: .6; }
	100% { transform: scale(2.6); opacity: 0; }
}

.wmn-skrwa-widget .wmn-skrwa-cs {
	margin: 14px 0;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
	padding: 12px 14px;
	background: var(--wmn-skrwa-panel);
	text-decoration: none;
	cursor: pointer;
	transition: background .2s, border-color .2s;
}

.wmn-skrwa-widget .wmn-skrwa-cs:hover { background: #E8F5E9; border-color: #C8E6C9; }
.wmn-skrwa-widget .wmn-skrwa-cs strong { color: var(--wmn-skrwa-status); font-size: 13.5px; }
.wmn-skrwa-widget .wmn-skrwa-separator { color: #CCCCCC; }
.wmn-skrwa-widget .wmn-skrwa-fast { color: var(--wmn-skrwa-muted); font-size: 12px; }

.wmn-skrwa-widget .wmn-skrwa-hours { border-top: 1px solid #F0F0F0; padding-top: 6px; }
.wmn-skrwa-widget .wmn-skrwa-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px dashed #EEEEEE; font-size: 12.5px; }
.wmn-skrwa-widget .wmn-skrwa-row:last-child { border-bottom: 0; }
.wmn-skrwa-widget .wmn-skrwa-row span { color: var(--wmn-skrwa-muted); }
.wmn-skrwa-widget .wmn-skrwa-row strong { color: var(--wmn-skrwa-dark); font-weight: 700; text-align: right; }

.wmn-skrwa-widget .wmn-skrwa-toggle {
	position: fixed;
	right: var(--wmn-skrwa-right-desktop);
	bottom: var(--wmn-skrwa-bottom-desktop);
	width: var(--wmn-skrwa-btn-desktop);
	height: var(--wmn-skrwa-btn-desktop);
	border-radius: 50%;
	border: 0;
	background: var(--wmn-skrwa-button);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(22, 163, 74, .45), 0 0 0 6px rgba(22, 163, 74, .15);
	z-index: 99999;
	transition: transform .25s;
	-webkit-tap-highlight-color: transparent;
}

.wmn-skrwa-widget .wmn-skrwa-toggle,
.wmn-skrwa-widget .wmn-skrwa-toggle:hover,
.wmn-skrwa-widget .wmn-skrwa-toggle:focus,
.wmn-skrwa-widget .wmn-skrwa-toggle:active,
.wmn-skrwa-widget .wmn-skrwa-toggle.wmn-skrwa-active {
	background: var(--wmn-skrwa-button) !important;
	background-image: none !important;
	color: #FFFFFF !important;
	border: 0 !important;
	box-shadow: 0 6px 18px rgba(22, 163, 74, .45), 0 0 0 6px rgba(22, 163, 74, .15) !important;
}

.wmn-skrwa-widget .wmn-skrwa-toggle:hover { transform: scale(1.06); }
.wmn-skrwa-widget .wmn-skrwa-toggle:focus-visible { outline: 2px solid var(--wmn-skrwa-button); outline-offset: 8px; }
.wmn-skrwa-widget .wmn-skrwa-toggle svg { position: absolute; width: 30px; height: 30px; transition: opacity .2s, transform .3s; }
.wmn-skrwa-widget .wmn-skrwa-icon-chat circle { fill: var(--wmn-skrwa-button); }
.wmn-skrwa-widget .wmn-skrwa-icon-close { width: 26px !important; height: 26px !important; opacity: 0; transform: rotate(-90deg) scale(.5); }
.wmn-skrwa-widget .wmn-skrwa-toggle.wmn-skrwa-active .wmn-skrwa-icon-chat { opacity: 0; transform: rotate(90deg) scale(.5); }
.wmn-skrwa-widget .wmn-skrwa-toggle.wmn-skrwa-active .wmn-skrwa-icon-close { opacity: 1; transform: rotate(0) scale(1); }

.wmn-skrwa-widget.wmn-skrwa-editor-preview { width: 100%; }
.wmn-skrwa-widget.wmn-skrwa-editor-preview .wmn-skrwa-panel { position: relative; right: auto; bottom: auto; width: min(var(--wmn-skrwa-panel-width), 100%); max-height: none; opacity: 1; visibility: visible; transform: none; margin-bottom: 16px; }
.wmn-skrwa-widget.wmn-skrwa-editor-preview .wmn-skrwa-toggle { position: relative; right: auto; bottom: auto; width: var(--wmn-skrwa-btn-desktop); height: var(--wmn-skrwa-btn-desktop); }

@media (max-width: 768px) {
	.wmn-skrwa-widget .wmn-skrwa-panel { right: 5%; bottom: calc(var(--wmn-skrwa-bottom-mobile) + var(--wmn-skrwa-btn-mobile) + 16px); width: min(var(--wmn-skrwa-panel-width), 90vw); max-height: min(680px, calc(100vh - var(--wmn-skrwa-bottom-mobile) - var(--wmn-skrwa-btn-mobile) - 32px)); }
	.wmn-skrwa-widget .wmn-skrwa-toggle { right: var(--wmn-skrwa-right-mobile); bottom: var(--wmn-skrwa-bottom-mobile); width: var(--wmn-skrwa-btn-mobile); height: var(--wmn-skrwa-btn-mobile); }
	.wmn-skrwa-widget .wmn-skrwa-toggle svg { width: 27px; height: 27px; }
	.wmn-skrwa-widget .wmn-skrwa-icon-close { width: 24px !important; height: 24px !important; }
	.wmn-skrwa-widget.wmn-skrwa-editor-preview .wmn-skrwa-toggle { width: var(--wmn-skrwa-btn-mobile); height: var(--wmn-skrwa-btn-mobile); }
}

@media (prefers-reduced-motion: reduce) {
	.wmn-skrwa-widget .wmn-skrwa-dot::after { animation: none; }
	.wmn-skrwa-widget .wmn-skrwa-panel,
	.wmn-skrwa-widget .wmn-skrwa-toggle,
	.wmn-skrwa-widget .wmn-skrwa-toggle svg { transition: none !important; }
}