@charset "UTF-8";

/*
 * Global compact redesign layer.
 * Keeps legacy markup and behavior intact, but makes the CRM full-width and denser.
 */
:root {
	--crm-bg: #fafbfc;
	--crm-surface: #ffffff;
	--crm-surface-2: #f3f5f8;
	--crm-surface-3: #f5f7f9;
	--crm-text: #181b1f;
	--crm-muted: #6d7279;
	--crm-muted-2: #9ca3af;
	--crm-border: #e4e6e9;
	--crm-border-soft: #edf1f4;
	--crm-accent: #FFA742;
	--crm-accent-2: #F68B1E;
	--crm-accent-strong: #A94D00;
	--crm-accent-soft: #FFF4E7;
	--crm-danger: #db2c2b;
	--crm-danger-soft: rgba(219, 44, 43, 0.1);
	--crm-success: #2e9e52;
	--crm-success-strong: #1f7a3d;
	--crm-success-soft: rgba(46, 158, 82, 0.12);
	--crm-info: #1a89c5;
	--crm-info-soft: rgba(26, 137, 197, 0.12);
	--crm-warning: #e49e22;
	--crm-warning-soft: rgba(228, 158, 34, 0.18);
	--crm-mark-violet: #7565a8;
	--crm-mark-slate: #718096;
	--crm-overlay-backdrop: rgba(24, 27, 31, 0.24);
	--crm-overlay-shadow: rgba(15, 23, 42, 0.22);
	--crm-popup-radius: 14px;
	--crm-popup-shadow: 0 12px 32px rgba(15, 23, 42, 0.2);
	--crm-popup-header-gap: 12px;
	--crm-popup-action-height: 42px;
	--crm-record-drawer-width: min(90vw, 1320px);
	--crm-record-drawer-aside-width: clamp(260px, 22vw, 320px);
	--crm-font-sans: var(--lp-font-sans, 'Museo Sans Cyrl', 'Segoe UI', Arial, sans-serif);
	--crm-font-mono: var(--lp-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
	--crm-window-margin-x: 0;
	--crm-window-margin-y: 0;
	--crm-z-session-expired: 20000;
	--crm-shell-pad-x: clamp(24px, 2.8vw, 40px);
	--crm-shell-pad-y: 24px;
	--crm-shell-pad-x-mobile: 20px;
	--crm-shell-pad-y-mobile: 14px;
	--crm-page-pad-x: 34px;
	--crm-page-pad-x-mobile: 18px;
	--crm-page-pad-top: 20px;
	--crm-page-pad-bottom: 30px;
	--crm-section-gap: 20px;
	--crm-section-gap-mobile: 16px;
	--lpGutter: 16px;
}

/* Calendar season — management analytics */
.wCalendarSeasonPanel{--calendar-accent:#FFA742;--calendar-ink:#1e2530;--calendar-muted:#718096;display:flex;flex-direction:column;gap:16px}.wCalendarSeasonToolbar,.wCalendarSeasonFilters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wCalendarSeasonQuick,.wCalendarSeasonActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wCalendarSeasonQuick button{border:1px solid #dce2ea;background:#fff;color:#4b5563;border-radius:999px;padding:8px 13px;font:500 13px MuseoSansCyrl,Arial,sans-serif;cursor:pointer}.wCalendarSeasonQuick button:hover,.wCalendarSeasonQuick button.is-active{border-color:var(--calendar-accent);background:#FFF4E7;color:#c64a0e}.wCalendarSeasonFilters{padding:15px 16px;border:1px solid #e2e6ec;border-radius:12px;background:#fafbfc}.wCalendarSeasonFilters label{display:grid;gap:6px;min-width:160px;flex:1}.wCalendarSeasonFilters label:first-child{flex:2;min-width:260px}.wCalendarSeasonFilters label>span,.wCalendarSettingsGrid label>span,.wCalendarContactForm label>span{font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:#788397}.wCalendarSeasonFilters input,.wCalendarSeasonFilters select,.wCalendarSettingsGrid input,.wCalendarSettingsGrid textarea,.wCalendarContactForm input,.wCalendarContactForm select,.wCalendarContactForm textarea{box-sizing:border-box;width:100%;border:1px solid #dce2ea;border-radius:9px;background:#fff;padding:10px 11px;color:var(--calendar-ink);font:500 13px MuseoSansCyrl,Arial,sans-serif;outline:0}.wCalendarSeasonFilters input:focus,.wCalendarSeasonFilters select:focus,.wCalendarSettingsGrid input:focus,.wCalendarSettingsGrid textarea:focus,.wCalendarContactForm input:focus,.wCalendarContactForm select:focus,.wCalendarContactForm textarea:focus{border-color:var(--calendar-accent);box-shadow:0 0 0 3px rgba(255,167,66,.18)}.wCalendarSettings{border:1px solid #f0d7c8;border-radius:12px;background:#fffaf7;padding:18px}.wCalendarSettings h3{margin:0 0 14px;color:var(--calendar-ink)}.wCalendarSettingsGrid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.wCalendarSettingsGrid label{display:grid;gap:6px}.wCalendarSettingsGrid .is-wide{grid-column:span 2}.wCalendarSettingsGrid textarea{min-height:88px;resize:vertical}.wCalendarSettingsFooter{display:flex;align-items:center;gap:12px;margin-top:12px}.wCalendarKpis{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;margin-top:16px}.wCalendarKpis>div{position:relative;overflow:hidden;min-height:82px;border:1px solid #e2e6ec;border-radius:11px;background:#fff;padding:14px 15px;box-sizing:border-box}.wCalendarKpis>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ffb488}.wCalendarKpis span{display:block;color:var(--calendar-muted);font-size:12px}.wCalendarKpis b{display:block;margin-top:9px;color:var(--calendar-ink);font-size:22px;line-height:1}.wCalendarSeasonMeta{display:flex;gap:18px;flex-wrap:wrap;margin:14px 2px 9px;color:#7a8494;font-size:12px}.wCalendarTableWrap{overflow:auto;max-height:62vh;border:1px solid #dfe4eb;border-radius:12px;background:#fff}.wCalendarTable{width:100%;min-width:1260px;border-collapse:separate;border-spacing:0;font-size:12px}.wCalendarTable th{position:sticky;top:0;z-index:2;padding:11px 10px;background:#f5f7fa;border-bottom:1px solid #dfe4eb;color:#6d788a;text-align:left;font-size:10px;letter-spacing:.045em;text-transform:uppercase}.wCalendarTable td{padding:11px 10px;border-bottom:1px solid #edf0f4;color:#303846;vertical-align:middle}.wCalendarTable tbody tr{cursor:pointer;transition:background .15s ease}.wCalendarTable tbody tr:hover,.wCalendarTable tbody tr:focus{background:#fff8f3;outline:0}.wCalendarTable td small{display:block;margin-top:4px;color:#8791a1;max-width:210px}.wCalendarPriority{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#edf1f5;color:#667085;font-weight:700}.wCalendarPriority.is-medium{background:#fff0d8;color:#9d5e00}.wCalendarPriority.is-high{background:#e64b35;color:#fff;box-shadow:0 5px 14px rgba(230,75,53,.2)}.wCalendarSegment,.wCalendarContactStatus{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#f0f2f5;color:#556070;white-space:nowrap}.wCalendarContactStatus.is-overdue{background:#fee8e5;color:#b63427}.wCalendarContactStatus.is-soon{background:#fff0d8;color:#956000}.wCalendarContactStatus.is-ordered{background:#e7f7ed;color:#14773b}.wCalendarEmpty{padding:34px!important;text-align:center;color:#7d8795}.wCalendarYearStats{margin-top:16px;border:1px solid #e2e6ec;border-radius:12px;background:#fff;padding:18px}.wCalendarYearBars{height:210px;display:flex;align-items:stretch;gap:12px;padding-top:28px}.wCalendarYearBars>div{position:relative;display:flex;flex:1;min-width:58px;align-items:center;justify-content:flex-end;flex-direction:column}.wCalendarYearBars i{display:block;width:min(42px,75%);min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#FFB45C,#F68B1E)}.wCalendarYearBars span{position:absolute;bottom:-20px;font-weight:700;color:#4d5868}.wCalendarYearBars b,.wCalendarYearBars small{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.wCalendarYearBars b{top:-25px;font-size:11px}.wCalendarYearBars small{top:-10px;color:#8a94a3;font-size:9px}.wCalendarClientPopup{width:min(940px,calc(100vw - 44px))!important}.wCalendarClientPopupBody{background:#f7f8fa!important;padding:18px!important}.wCalendarClientHero{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #eadfd8;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#fff4ec 100%);padding:20px}.wCalendarClientHero h2{margin:0 0 7px;color:#202733;font-size:24px}.wCalendarClientHero p{max-width:650px;margin:0;color:#687385;line-height:1.5}.wCalendarClientScore{display:grid;place-items:center;flex:0 0 90px;height:90px;border-radius:50%;background:#e95832;color:#fff}.wCalendarClientScore b{font-size:30px;line-height:1}.wCalendarClientScore span{font-size:10px;text-transform:uppercase}.wCalendarClientActions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.wCalendarClientMetrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.wCalendarClientMetrics>div{border:1px solid #e1e5eb;border-radius:10px;background:#fff;padding:12px}.wCalendarClientMetrics span{display:block;color:#7a8595;font-size:11px}.wCalendarClientMetrics b{display:block;margin-top:7px;font-size:16px}.wCalendarClientWork,.wCalendarClientSection{margin-top:12px;border:1px solid #e1e5eb;border-radius:12px;background:#fff;padding:17px}.wCalendarClientWork h3,.wCalendarClientSection h3{margin:0 0 13px}.wCalendarContactForm{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.wCalendarContactForm label{display:grid;gap:6px}.wCalendarContactForm .is-wide{grid-column:1/-1}.wCalendarContactForm textarea{min-height:72px;resize:vertical}.wCalendarClientSection table{width:100%;border-collapse:collapse}.wCalendarClientSection th,.wCalendarClientSection td{padding:9px;border-bottom:1px solid #edf0f4;text-align:left;font-size:12px}.wCalendarContactLog{display:grid;gap:8px}.wCalendarContactLog>div{display:grid;grid-template-columns:180px 1fr auto;gap:12px;border:1px solid #e6e9ee;border-radius:9px;padding:11px}.wCalendarContactLog span{color:#4e5867}.wCalendarContactLog small{color:#8a94a3}
.wCalendarOrderLink{border:0;background:none;padding:0;color:#d7591d;font:700 12px MuseoSansCyrl,Arial,sans-serif;text-decoration:underline;cursor:pointer}
.wCalendarYearBars{padding-top:0}.wCalendarYearBars>div{box-sizing:border-box;padding-top:0}.wCalendarYearBarPlot{position:absolute;inset:48px 0 0;display:flex;align-items:flex-end;justify-content:center}.wCalendarYearBars i{max-height:none}.wCalendarYearBars b{top:4px}.wCalendarYearBars small{top:21px}
@media(max-width:980px){.wCalendarKpis{grid-template-columns:repeat(2,1fr)}.wCalendarSettingsGrid,.wCalendarContactForm{grid-template-columns:repeat(2,1fr)}.wCalendarClientMetrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.wCalendarSeasonToolbar,.wCalendarSeasonActions{align-items:stretch}.wCalendarSeasonActions,.wCalendarSeasonActions button{width:100%}.wCalendarKpis{grid-template-columns:1fr 1fr}.wCalendarSettingsGrid,.wCalendarContactForm{grid-template-columns:1fr}.wCalendarSettingsGrid .is-wide{grid-column:auto}.wCalendarClientPopup{width:100vw!important}.wCalendarClientPopupBody{padding:10px!important}.wCalendarClientHero{align-items:flex-start}.wCalendarClientScore{flex-basis:68px;height:68px}.wCalendarClientMetrics{grid-template-columns:repeat(2,1fr)}.wCalendarContactLog>div{grid-template-columns:1fr}.wCalendarYearBars{overflow-x:auto}.wCalendarYearBars>div{min-width:76px}}

html,
body {
	width: 100%;
	min-width: 0;
	min-height: 100%;
	box-sizing: border-box;
	background: var(--crm-bg) !important;
	overflow-x: hidden;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	padding: 0 !important;
	color: var(--crm-text);
	font-size: 14px;
	line-height: 1.4;
	font-family: var(--crm-font-sans);
}

body:before,
body:after {
	display: none !important;
}

.crmSessionExpired {
	position: fixed;
	inset: 0;
	z-index: var(--crm-z-session-expired);
	display: grid;
	place-items: center;
	padding: 24px;
	background: var(--crm-bg);
	color: var(--crm-text);
}
.crmSessionExpired__message {
	width: min(420px, 100%);
	padding: 20px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	text-align: center;
}
.crmSessionExpired__message strong,
.crmSessionExpired__message span { display: block; }
.crmSessionExpired__message strong { font-size: 18px; line-height: 1.35; }
.crmSessionExpired__message span { margin-top: 6px; color: var(--crm-muted); font-size: 13px; line-height: 1.45; }

#lpAppShell {
	width: 100% !important;
	max-width: none !important;
	min-height: 100vh;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: var(--crm-surface) !important;
	overflow: hidden !important;
}

#lpAppShell,
#lpAppShell button,
#lpAppShell input,
#lpAppShell textarea,
#lpAppShell select {
	font-family: var(--crm-font-sans) !important;
}

#lpHeader {
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
	border-bottom: 1px solid var(--crm-border);
	position: sticky;
	top: 0;
	z-index: 80;
}

#lpHeaderInner {
	padding: 0 20px !important;
}

#lpHeaderTop {
	grid-template-columns: 180px minmax(260px, 1fr) auto !important;
	min-height: 52px;
	padding: 0 !important;
	gap: 16px !important;
}

#lpBrand {
	min-width: 0 !important;
}

.lpBrandLogoFull {
	height: 36px !important;
}

#lpHeaderCenter #wTopBarDate .wDateRangeWrapper {
	min-width: min(520px, 42vw) !important;
	height: 38px;
	padding: 0 14px !important;
	border-radius: 10px !important;
	border: 1px solid var(--crm-border) !important;
	background: var(--crm-surface) !important;
}

#wDateRangeBtn {
	font-size: 14px !important;
	line-height: 18px !important;
	color: var(--crm-text) !important;
	background: transparent !important;
	border: 0 !important;
	cursor: pointer;
	font-weight: 600 !important;
}

#lpHeaderUser {
	gap: 8px !important;
}

#wCurrentUserName {
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: 650 !important;
}

#wCurrentUserRole {
	margin-top: 0 !important;
	font-size: 12px !important;
	line-height: 16px !important;
}

#wRoleDropdownToggle {
	padding: 1px 6px !important;
}

.lpUserAvatar {
	width: 32px !important;
	height: 32px !important;
}

.lpUserDivider {
	height: 28px !important;
	margin: 0 6px !important;
}

#lpHeaderNav {
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
	border-top: 1px solid var(--crm-border-soft) !important;
	border-bottom: 1px solid var(--crm-border) !important;
}

#lpHeaderNavInner {
	padding: 0 20px !important;
	gap: 14px !important;
}

#lpHeaderNav #wTabs {
	height: 42px !important;
	gap: 4px !important;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
}

#lpHeaderNav #wTabs a,
#lpHeaderNav #wTabs button {
	height: 44px !important;
	padding: 0 14px !important;
	gap: 6px !important;
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	border-bottom-width: 2px !important;
	white-space: nowrap;
	color: var(--crm-muted) !important;
	background: transparent !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	cursor: pointer;
}

#lpHeaderNav #wTabs a:before,
#lpHeaderNav #wTabs button:before {
	font-size: 16px !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
}

#lpHeaderNav #wTabs a.wActive,
#lpHeaderNav #wTabs button.wActive {
	color: var(--crm-accent) !important;
	border-bottom-color: var(--crm-accent) !important;
	background: var(--crm-accent-soft) !important;
}

#lpHeaderNav #wTabs a:not(.wActive):hover,
#lpHeaderNav #wTabs button:not(.wActive):hover {
	color: var(--crm-text) !important;
	background: var(--crm-surface-2) !important;
}

#lpHeaderNav #lpSearch {
	width: clamp(220px, 22vw, 340px) !important;
	height: 36px;
	padding: 0 10px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background: var(--crm-surface) !important;
}

#lpHeaderNav #lpSearch button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}

#lpHeaderNav #lpSearch input {
	font-size: 13px !important;
}

#wElts {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 var(--crm-shell-pad-x) var(--crm-shell-pad-y) !important;
	background: linear-gradient(180deg, var(--crm-bg) 0%, var(--crm-surface-3) 100%) !important;
	border-radius: 0 !important;
}

#lpPage {
	width: 100% !important;
	min-height: calc(100vh - 96px);
	padding: 0 !important;
	--lpGutter: 16px;
}

body.lpLocalToolbarViewActive #lpPage {
	padding-top: 24px !important;
}

#lpPage .wContent {
	width: 100% !important;
	max-width: none !important;
	min-height: calc(100vh - 96px);
	padding: 0 !important;
	margin: 0 !important;
	background: var(--crm-bg) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#lpAppShell input[type="text"],
#lpAppShell input[type="password"],
#lpAppShell textarea,
#lpAppShell select {
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	color: var(--crm-text);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

#lpAppShell input[type="text"]:focus,
#lpAppShell input[type="password"]:focus,
#lpAppShell textarea:focus,
#lpAppShell select:focus {
	border-color: var(--crm-accent) !important;
	box-shadow: 0 0 0 3px rgba(234, 106, 18, 0.14) !important;
	outline: none !important;
}

#lpAppShell .wBtn,
#lpAppShell button,
#lpAppShell input[type="submit"],
#lpAppShell input[type="button"] {
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

#wUI_units #wFilters,
#wUI_items #wFilters,
#wUI_clients #wFilters,
#wUI_users #wFilters {
	margin: 0 !important;
	border-bottom: 1px solid var(--crm-border) !important;
	background: var(--crm-surface) !important;
}

#wUI_units #wFunnels,
#wUI_items #wFunnels {
	gap: 3px !important;
	padding: 10px var(--lpGutter) !important;
	overflow-x: auto;
	scrollbar-width: thin;
}

#wUI_units #wFunnels > a,
#wUI_units #wFunnels > span,
#wUI_items #wFunnels > a,
#wUI_items #wFunnels > span {
	padding: 7px 12px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	line-height: 18px !important;
	background: transparent !important;
	color: var(--crm-muted) !important;
	font-weight: 600 !important;
}

#wUI_units #wFunnels > a.wActive,
#wUI_items #wFunnels > a.wActive {
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
	border-color: rgba(234, 106, 18, 0.18) !important;
	box-shadow: inset 0 0 0 1px rgba(234, 106, 18, 0.14) !important;
}

#wUI_units #wFunnels #wFunnel_all:after,
#wUI_items #wFunnels #wFunnel_all:after {
	display: none !important;
}

#wUI_units #wFunnels .wFunnelCounter,
#wUI_items #wFunnels .wFunnelCounter {
	margin-left: 4px !important;
	color: var(--crm-accent) !important;
	font-size: 12px !important;
}

#wUI_units #wFilters td:nth-child(2) {
	padding: 8px var(--lpGutter) !important;
}

#wUI_units #wStats {
	font-size: 13px !important;
	line-height: 16px !important;
	color: var(--crm-text) !important;
}

#wUI_units #wStats .lpStatsImps {
	font-size: 12px !important;
	line-height: 16px !important;
	color: var(--crm-muted) !important;
}

#wElts .wContent #wTable {
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	table-layout: fixed !important;
	background: var(--crm-surface) !important;
	border-top: 0 !important;
	border-bottom: 1px solid var(--crm-border) !important;
}

#wElts .wContent #wTable thead th {
	padding: 10px 12px !important;
	background: var(--crm-surface-2) !important;
	border-bottom: 1px solid var(--crm-border) !important;
	color: var(--crm-muted) !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#wElts .wContent #wTable tbody td {
	padding: 10px 12px !important;
	border-top: 1px solid var(--crm-border-soft) !important;
	background: var(--crm-surface) !important;
	color: var(--crm-text);
	font-size: 13px !important;
	line-height: 18px !important;
	vertical-align: middle !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#wElts .wContent #wTable tbody tr:nth-child(even):not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull):not(.wTableItemExpanded):not(.wTableUnitExpanded):not(.wTableClientExpanded):not(.wTrouble):not(.wNew):not(.bg-yellow) td {
	background: #fbfcfd !important;
}

#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull):not(.wTableItemExpanded):not(.wTableUnitExpanded):not(.wTableClientExpanded):hover td {
	background: #fff9f2 !important;
}

#wUI_units #wTable thead th:first-child,
#wUI_units #wTable tbody td:first-child,
#wUI_items #wTable thead th:first-child,
#wUI_items #wTable tbody td:first-child,
#wUI_clients #wTable thead th:first-child,
#wUI_clients #wTable tbody td:first-child {
	padding-left: var(--lpGutter) !important;
}

#wUI_units #wTable tbody td:nth-child(1),
#wUI_items #wTable tbody td:nth-child(1),
#wUI_clients #wTable tbody td:nth-child(1) {
	color: var(--crm-accent) !important;
	font-weight: 650 !important;
	white-space: nowrap !important;
}

#wUI_units #wTable tbody td:nth-child(2),
#wUI_units #wTable tbody td:nth-child(3),
#wUI_items #wTable tbody td.wi1,
#wUI_items #wTable tbody td.wi2,
#wUI_items #wTable tbody td.wi3,
#wUI_clients #wTable tbody td:nth-child(2),
#wUI_clients #wTable tbody td:nth-child(4),
#wUI_clients #wTable tbody td:nth-child(5),
#wUI_clients #wTable tbody td:nth-child(6) {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

#wUI_units #wTable tbody td:nth-child(2) {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
}

#wUI_units #wTable .pcClientSub {
	margin-top: 2px !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 400 !important;
	color: var(--crm-muted) !important;
}

#wUI_units #wTable tbody td:nth-child(2) .tip,
#wUI_units #wTable tbody td:nth-child(3) .tip,
#wUI_items #wTable tbody td.wi1 .tip,
#wUI_items #wTable tbody td.wi2 .tip,
#wUI_items #wTable tbody td.wi3 .tip,
#wUI_clients #wTable tbody td:nth-child(2) .tip {
	display: inline !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	border-bottom: 0 !important;
}

#wUI_units #wTable thead th:nth-child(1) { width: 86px !important; }
#wUI_units #wTable thead th:nth-child(2) { width: 17% !important; }
#wUI_units #wTable thead th:nth-child(3) { width: auto !important; }
#wUI_units #wTable thead th:nth-child(4) { width: 112px !important; }
#wUI_units #wTable thead th:nth-child(5) { width: 92px !important; }
#wUI_units #wTable thead th:nth-child(6) { width: 82px !important; }
#wUI_units #wTable thead th:nth-child(7) { width: 72px !important; }
#wUI_units #wTable thead th:nth-child(8) { width: 36px !important; }

#wUI_items #wTable thead th.wi0 { width: 86px !important; }
#wUI_items #wTable thead th.wi1 { width: 220px !important; }
#wUI_items #wTable thead th.wi2 { width: 290px !important; }
#wUI_items #wTable thead th.wi3 { width: auto !important; }
#wUI_items #wTable thead th.wi4 { width: 80px !important; }
#wUI_items #wTable thead th.wi5 { width: 210px !important; }
#wUI_items #wTable thead th.wi6 { width: 86px !important; }
#wUI_items #wTable thead th.wi9 { width: 150px !important; }
#wUI_items #wTable thead th.wi10 { width: 120px !important; }
#wUI_items #wTable thead th.wi11 { width: 90px !important; }
#wUI_items #wTable thead th.wi12 { width: 40px !important; }

#wUI_items .crmListTableCard,
#wUI_items .crmListTableWrap,
#wUI_items #wTable {
	width: 100% !important;
	max-width: none !important;
}

#wUI_items .crmListTableWrap {
	overflow-x: hidden;
}

#wUI_items #wTable {
	table-layout: fixed !important;
	min-width: 0;
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}

#wUI_items #wTable col.wi0 { width: 100px; }
#wUI_items #wTable col.wi1 { width: 250px; }
#wUI_items #wTable col.wi2 { width: 40%; }
#wUI_items #wTable col.wi3 { width: 140px; }
#wUI_items #wTable col.wi4 { width: 80px; }
#wUI_items #wTable col.wi5 { width: 230px; }
#wUI_items #wTable col.wi6 { width: 86px; }
#wUI_items #wTable col.wi7,
#wUI_items #wTable col.wi8 { width: 0; }
#wUI_items #wTable col.wi9 { width: 160px; }
#wUI_items #wTable col.wi10 { width: 140px; }
#wUI_items #wTable col.wi11 { width: 100px; }
#wUI_items #wTable col.wi12 { width: 40px; }

#wUI_items #wTable tbody tr.wNew td {
	background: #f4fde1 !important;
}

#wUI_items #wTable tbody tr.wTrouble td {
	background: #ffebe6 !important;
}

#wUI_items #wTable tbody tr.wTableItemExpanded:not(.wNew):not(.wTrouble) td {
	background: #fff4e8 !important;
}

#wUI_items #wTable tbody tr.wNew.wTableItemExpanded td {
	background: #eefbd3 !important;
}

#wUI_items #wTable tbody tr.wTrouble.wTableItemExpanded td {
	background: #ffe1d8 !important;
}

#wUI_items #wTable tbody tr.wNew td:first-child {
	box-shadow: inset 4px 0 0 #8bc34a;
}

#wUI_items #wTable tbody tr.wTrouble td:first-child {
	box-shadow: inset 4px 0 0 #c00000;
}

#wUI_items #wTable tbody tr.bg-yellow td:first-child {
	box-shadow: inset 4px 0 0 #ffd54f;
}

#wUI_items #wTable tbody tr:not(.wTrouble):not(.wNew):not(.bg-yellow) td:first-child {
	box-shadow: none !important;
}

#wUI_items #wTable tbody tr:not(.wTrouble):not(.wNew):not(.bg-yellow):nth-child(even) td {
	background: transparent !important;
}

#wUI_items #wTable tbody tr:not(.wTrouble):not(.wNew):not(.bg-yellow):hover td {
	background: #fcfdfd !important;
}

/* Hover may tint a row, but must never reflow its typography or geometry. */
#wUI_items #wTable tbody tr[id^="wTableItem_"],
#wUI_items #wTable tbody tr[id^="wTableItem_"] td,
#wUI_items #wTable tbody tr[id^="wTableItem_"] td > * {
	transform: none !important;
	transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease !important;
}

#wUI_items #wTable tbody td {
	overflow: hidden !important;
	text-overflow: clip !important;
	vertical-align: top !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	line-height: 18px !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	background: transparent !important;
}

#wUI_items #wTable tbody td .tip {
	display: inline !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	border-bottom: 0 !important;
}

#wUI_items #wTable thead th.wi7,
#wUI_items #wTable thead th.wi8,
#wUI_items #wTable tbody td.wi7,
#wUI_items #wTable tbody td.wi8 {
	display: none !important;
}

#wUI_units #wTable tbody td:first-child > span,
#wUI_items #wTable tbody td.wi0 > span {
	display: inline-block !important;
	width: auto !important;
	min-width: 76px !important;
	max-width: none !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
}

#wUI_items #wTable tbody td.wi0,
#wUI_items #wTable tbody td.wi4,
#wUI_items #wTable tbody td.wi6,
#wUI_items #wTable tbody td.wi10,
#wUI_items #wTable tbody td.wi11,
#wUI_items #wTable tbody td.wi12 {
	white-space: nowrap !important;
	overflow-wrap: normal !important;
}

#wUI_items #wTable tbody td.wi1 {
	white-space: normal !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	color: var(--crm-text) !important;
}

#wUI_items #wTable tbody td.wi2,
#wUI_items #wTable tbody td.wi3 {
	white-space: normal !important;
	font-size: 12px !important;
	line-height: 18px !important;
	color: var(--crm-muted) !important;
}

#wUI_items #wTable tbody td.wi1 .tip,
#wUI_items #wTable tbody td.wi2 .tip,
#wUI_items #wTable tbody td.wi3 .tip {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

#wUI_items #wTable tbody td.wi5 {
	overflow-wrap: normal !important;
	word-break: normal !important;
}

#wUI_items #wTable tbody td.wi11 {
	text-align: right !important;
}

#wUI_items #wTable tbody td.wi12 {
	text-align: center !important;
}

#wUI_items #wTable thead th {
	padding: 10px 12px 12px !important;
	border-bottom: 1px solid var(--crm-border) !important;
	background: transparent !important;
	font-size: 11px !important;
	line-height: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--crm-muted) !important;
}

#wUI_items #wTable tbody td.wi0 {
	color: var(--crm-accent) !important;
	font-weight: 500 !important;
}

#wUI_items #wTable tbody td.wi3 {
	color: var(--crm-text) !important;
}

#wUI_items #wTable tbody td.wi3 b {
	font-size: 12px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	color: var(--crm-muted) !important;
}

#wUI_items #wTable tbody td.wi4,
#wUI_items #wTable tbody td.wi5,
#wUI_items #wTable tbody td.wi6,
#wUI_items #wTable tbody td.wi10,
#wUI_items #wTable tbody td.wi11 {
	font-size: 13px !important;
	line-height: 18px !important;
	color: var(--crm-text) !important;
}

#wUI_items #wTable tbody td.wi6 {
	white-space: nowrap !important;
}

#wUI_items #wTable tbody td.wi5 {
	color: var(--crm-text) !important;
}

#wUI_items #wTable tbody td.wi2 .tip,
#wUI_items #wTable tbody td.wi3 .tip {
	color: inherit !important;
}

#wUI_items #wTable tbody td.wi9 .lpRoleWait,
#wUI_items #wTable tbody td.wi9 small:not(.lpRoleWait) {
	display: inline-flex !important;
	align-items: center !important;
}

#wUI_clients #wTable {
	table-layout: fixed !important;
}

#wUI_clients #wTable thead th:nth-child(1) { width: 62px !important; }
#wUI_clients #wTable thead th:nth-child(2) { width: 23% !important; }
#wUI_clients #wTable thead th:nth-child(3) { width: 58px !important; }
#wUI_clients #wTable thead th:nth-child(4),
#wUI_clients #wTable thead th:nth-child(5),
#wUI_clients #wTable thead th:nth-child(6) { width: 15% !important; }
#wUI_clients #wTable thead th:nth-child(7),
#wUI_clients #wTable thead th:nth-child(8) { width: 46px !important; }
#wUI_clients #wTable thead th:nth-child(9) { width: 104px !important; }

/* Clients use the same bounded, sortable and resizable table model as orders/tasks. */
#wUI_clients .crmClientsLayout {
	display: grid;
	grid-template-columns: 248px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

#wUI_clients .crmClientsSidebar,
#wUI_clients .crmListPageClients { min-width: 0; }

#wUI_clients .crmClientsSidebar {
	position: sticky;
	top: 18px;
	color: var(--crm-text);
}

#wUI_clients .crmClientsStatsTitle {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--crm-border);
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

#wUI_clients .crmClientsStatsRows { border-bottom: 1px solid var(--crm-border); }

#wUI_clients .crmClientsStatRow {
	display: flex;
	align-items: baseline;
	gap: 9px;
	padding: 9px 0;
}

#wUI_clients .crmClientsStatRow + .crmClientsStatRow { border-top: 1px solid var(--crm-border-soft); }
#wUI_clients .crmClientsStatRow strong { min-width: 38px; font-size: 22px; line-height: 26px; }
#wUI_clients .crmClientsStatRow span { color: var(--crm-muted); font-size: 13px; line-height: 18px; }
#wUI_clients .crmClientsStatsHint,
#wUI_clients .crmClientsStatsLoading,
#wUI_clients .crmClientsStatsError { margin-top: 10px; color: var(--crm-muted); font-size: 11px; line-height: 16px; }
#wUI_clients .crmClientsStatsError { color: var(--crm-danger); }

#wUI_clients .crmListTableWrap { width: 100%; overflow: hidden !important; }
#wUI_clients #wTable { width: 100% !important; max-width: 100% !important; table-layout: fixed !important; }
#wUI_clients #wTable th { position: relative; }
#wUI_clients #wTable td { white-space: normal !important; overflow-wrap: anywhere; word-break: normal; }
#wUI_clients #wTable tbody td:nth-child(2),
#wUI_clients #wTable tbody td:nth-child(4),
#wUI_clients #wTable tbody td:nth-child(5),
#wUI_clients #wTable tbody td:nth-child(6) {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	overflow-wrap: anywhere !important;
}
#wUI_clients #wTable tbody tr { cursor: pointer; }
#wUI_clients #wTable tbody tr:hover td,
#wUI_clients #wTable tbody tr.wClientSelected td { background: var(--crm-accent-soft) !important; }
#wUI_clients #wTable tbody tr:hover,
#wUI_clients #wTable tbody tr:hover td,
#wUI_clients #wTable tbody tr:hover *,
#wUI_clients #wTable tbody tr.wClientSelected,
#wUI_clients #wTable tbody tr.wClientSelected td,
#wUI_clients #wTable tbody tr.wClientSelected * { transform: none !important; }
#wUI_clients #wTable thead th:nth-child(n+7):nth-child(-n+10),
#wUI_clients #wTable tbody td.wClientChannelCell {
	padding-left: 4px !important;
	padding-right: 4px !important;
	text-align: center !important;
	white-space: nowrap !important;
}
#wUI_clients #wTable thead th:nth-child(9),
#wUI_clients #wTable thead th:nth-child(10) { width: 42px !important; }
#wUI_clients #wTable thead th:nth-child(11) { width: 110px !important; }
#wUI_clients #wTable tbody td:nth-child(11) { text-align: left !important; white-space: nowrap !important; }
#wUI_clients #wTable tbody td:nth-child(3),
#wUI_clients #wTable .wClientDiscount { white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; }
#wUI_clients #wTable thead .wcBrandIcon { display: block; width: 16px; height: 16px; margin: 0 auto; filter: grayscale(1); opacity: .55; }
#wUI_clients #wTable .wClientChannel {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	text-transform: none;
	overflow: hidden;
}
#wUI_clients #wTable .wClientChannel .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; font-size: 16px !important; line-height: 16px !important; }
#wUI_clients #wTable .wClientChannelBrand img { display: block; width: 16px; height: 16px; filter: grayscale(1); opacity: .45; }
#wUI_clients #wTable .wClientChannel.wYes { border-color: color-mix(in srgb,var(--crm-accent) 30%,var(--crm-border)); background: var(--crm-accent-soft); color: var(--crm-accent); }
#wUI_clients #wTable .wClientChannelBrand.wYes img { filter: none; opacity: 1; }

@media (max-width: 1180px) {
	#wUI_clients .crmClientsLayout { grid-template-columns: 1fr; }
	#wUI_clients .crmClientsSidebar { position: static; }
	#wUI_clients .crmClientsStatsRows { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
	#wUI_clients .crmClientsStatRow + .crmClientsStatRow { border-top: 0; }
}

/* Client card: shared right-hand sheet, without the legacy centered modal shell. */
#wOverlay.crmSidePanel.wClientPopup { width: clamp(760px, 68vw, 1180px) !important; }
#wOverlay.crmSidePanel.wClientPopup .crmSidePanelBody { padding: 20px 22px 24px !important; overflow: auto; }
#wOverlay.crmSidePanel.wClientPopup .wClientPopupBody > div,
#wOverlay.crmSidePanel.wClientPopup #wcWrapper,
#wOverlay.crmSidePanel.wClientPopup #wcWrapper .wcCard { height: auto; min-height: 0; }
#wOverlay.crmSidePanel.wClientPopup #wcWrapper .wcCard {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}
#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid {
	display: grid;
	grid-template-columns: var(--crm-record-drawer-aside-width) minmax(0, 1fr);
	gap: 0;
	margin: 0;
}
#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid .wcInfoCard {
	min-width: 0;
	padding: 20px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
}
#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid .wcInfoTitle {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--crm-text);
}
#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid .wcInfoSubtitle {
	margin: 0 0 12px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 650;
	color: var(--crm-muted);
}
#wOverlay.crmSidePanel.wClientPopup #wcContactsList { display: flex; flex-direction: column; gap: 14px; }
#wOverlay.crmSidePanel.wClientPopup #wcContactsList .wcContactRow {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	margin: 0;
}
#wOverlay.crmSidePanel.wClientPopup .wcRowIconWrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
}
#wOverlay.crmSidePanel.wClientPopup .wcRowIconWrap .wcRowIcon { color: inherit; font-size: 18px !important; line-height: 18px !important; }
#wOverlay.crmSidePanel.wClientPopup .wcContactContent { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
#wOverlay.crmSidePanel.wClientPopup #wcContactsList .wcLabel,
#wOverlay.crmSidePanel.wClientPopup .wcNotifyRow .wcLabel,
#wOverlay.crmSidePanel.wClientPopup .wcSummaryStates .wcLabel {
	display: block;
	width: auto;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: var(--crm-muted);
}
#wOverlay.crmSidePanel.wClientPopup #wcContactsList .wcValue { display: block; width: auto; font-size: 14px; line-height: 20px; }
#wOverlay.crmSidePanel.wClientPopup .wcNotifyRow { display: flex; flex-direction: column; gap: 7px; padding-top: 14px; border-top: 1px solid var(--crm-border-soft); }
#wOverlay.crmSidePanel.wClientPopup .wcNotifyBadge { margin: 0 6px 0 0; padding: 3px 9px; border-color: color-mix(in srgb,var(--crm-accent) 30%,var(--crm-border)); background: var(--crm-accent-soft); color: var(--crm-text); font-size: 11px; font-weight: 650; }
#wOverlay.crmSidePanel.wClientPopup .wcNotifyNone,
#wOverlay.crmSidePanel.wClientPopup .wcEmptyInfo { font-size: 13px; line-height: 18px; color: var(--crm-muted); }
#wOverlay.crmSidePanel.wClientPopup .wcSummaryMetrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
#wOverlay.crmSidePanel.wClientPopup .wcMetric { min-width: 0; padding: 12px; border-radius: 10px; background: var(--crm-surface-2); }
#wOverlay.crmSidePanel.wClientPopup .wcMetric span { display: block; margin-bottom: 5px; font-size: 12px; line-height: 16px; color: var(--crm-muted); }
#wOverlay.crmSidePanel.wClientPopup .wcMetric b { display: block; overflow-wrap: anywhere; font-size: 18px; line-height: 24px; font-weight: 700; color: var(--crm-text); }
#wOverlay.crmSidePanel.wClientPopup .wcSummaryDates { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 16px; }
#wOverlay.crmSidePanel.wClientPopup .wcSummaryDates div { display: flex; flex-direction: column; gap: 3px; }
#wOverlay.crmSidePanel.wClientPopup .wcSummaryDates span { font-size: 12px; line-height: 16px; color: var(--crm-muted); }
#wOverlay.crmSidePanel.wClientPopup .wcSummaryDates b { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--crm-text); }
#wOverlay.crmSidePanel.wClientPopup .wcSummaryStates { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
#wOverlay.crmSidePanel.wClientPopup .wcStateStat { padding: 3px 9px; border-color: var(--crm-border); background: var(--crm-surface-2); }
#wOverlay.crmSidePanel.wClientPopup .wcYearSection { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--crm-border-soft); }
#wOverlay.crmSidePanel.wClientPopup #wcYearChart .wcYearRow { display: grid; grid-template-columns: 42px minmax(80px,1fr) 124px; gap: 10px; margin-bottom: 9px; }
#wOverlay.crmSidePanel.wClientPopup #wcYearChart .wcYearBarWrap { height: 6px; background: var(--crm-surface-2); }
#wOverlay.crmSidePanel.wClientPopup #wcYearChart .wcYearBar { background: var(--crm-accent); }
#wOverlay.crmSidePanel.wClientPopup #wcBtns { margin: 0 0 18px; }
#wOverlay.crmSidePanel.wClientPopup #wcBtns .wcBtn { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 14px; border: 1px solid var(--crm-border); border-radius: 8px; background: var(--crm-surface-2); color: var(--crm-text); text-decoration: none; font-weight: 600; transition: border-color 180ms ease-out,background-color 180ms ease-out; }
#wOverlay.crmSidePanel.wClientPopup #wcBtns .wcBtn:hover { border-color: var(--crm-accent); background: var(--crm-accent-soft); }
#wOverlay.crmSidePanel.wClientPopup #wcBtns .wcBtn:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }
#wOverlay.crmSidePanel.wClientPopup #wcOrdersTableWrap { height: auto !important; max-height: none !important; overflow: visible !important; }
#wOverlay.crmSidePanel.wClientPopup #wClientUnits { width: 100%; table-layout: fixed; }

/* Client record workspace follows the same primary-content + activity-rail model. */
#wOverlay.crmSidePanel.wClientPopup .crmSidePanelBody {
	padding: 0 !important;
	overflow-x: hidden;
	overflow-y: auto;
}

#wOverlay.crmSidePanel.wClientPopup .wClientPopupBody > div,
#wOverlay.crmSidePanel.wClientPopup #wcWrapper,
#wOverlay.crmSidePanel.wClientPopup #wcWrapper .wcMainCard {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	width: 100%;
	height: auto;
	min-height: 0;
}

#wOverlay.crmSidePanel.wClientPopup #wcWrapper .wcMainCard {
	padding: 0 !important;
	overflow: visible;
}

#wOverlay.crmSidePanel.wClientPopup .wcHeadRow {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 86px;
	margin: 0;
	padding: 16px 24px;
	border-bottom: 1px solid var(--crm-border);
	background: var(--crm-surface);
}

#wOverlay.crmSidePanel.wClientPopup .wcHeadMain {
	flex: 1 1 auto;
	min-width: 0;
}

#wOverlay.crmSidePanel.wClientPopup .wcClientTitleRow {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

#wOverlay.crmSidePanel.wClientPopup #wcClientName {
	min-width: 0;
	color: var(--crm-text);
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

#wOverlay.crmSidePanel.wClientPopup .wClientDiscountBadge {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	min-height: 24px;
	padding: 2px 8px;
	border: 1px solid color-mix(in srgb, var(--crm-accent) 28%, var(--crm-border));
	border-radius: 999px;
	background: var(--crm-accent-soft);
	color: color-mix(in srgb, var(--crm-accent) 72%, var(--crm-text));
	font-size: 11px;
	line-height: 16px;
	font-weight: 700;
}

#wOverlay.crmSidePanel.wClientPopup #wcClientMeta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	margin-top: 5px;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 17px;
}

#wOverlay.crmSidePanel.wClientPopup #wcClientMeta .wcMetaLine { display: block; }

#wOverlay.crmSidePanel.wClientPopup #wcClientStats {
	min-width: 0;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	text-align: right;
}

#wOverlay.crmSidePanel.wClientPopup .wcHeadActions {
	display: flex;
	flex: 0 1 auto;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	min-width: 300px;
}

#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid.wcClientWorkspace {
	flex: 0 0 auto;
	height: auto;
	min-height: 0;
	overflow: visible;
	background: var(--crm-surface-3);
}

#wOverlay.crmSidePanel.wClientPopup .wcClientProfileColumn,
#wOverlay.crmSidePanel.wClientPopup .wcClientOrdersColumn {
	min-width: 0;
	min-height: 0;
}

#wOverlay.crmSidePanel.wClientPopup .wcClientProfileColumn {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 20px 16px 24px;
	border-right: 1px solid var(--crm-border);
	overflow: visible;
}

#wOverlay.crmSidePanel.wClientPopup .wcClientOrdersColumn {
	display: block;
	padding: 20px 24px 24px;
	overflow: visible;
}

#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid .wcInfoCard {
	padding: 18px;
}

#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid .wcInfoTitle {
	margin-bottom: 14px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

#wOverlay.crmSidePanel.wClientPopup .wcActivityCard {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, .9fr);
	column-gap: 18px;
	margin-bottom: 16px;
	overflow: visible;
}

#wOverlay.crmSidePanel.wClientPopup .wcActivityCard > .wcInfoTitle {
	grid-column: 1 / -1;
}

#wOverlay.crmSidePanel.wClientPopup .wcActivityCard .wcYearSection {
	margin-top: 0;
	padding-top: 0;
	padding-left: 18px;
	border-top: 0;
	border-left: 1px solid var(--crm-border-soft);
}

#wOverlay.crmSidePanel.wClientPopup #wcBtns {
	display: flex;
	margin: 0;
	padding: 0 !important;
}

#wOverlay.crmSidePanel.wClientPopup #wcBtns .wcBtn {
	justify-content: center;
	width: auto;
	min-height: 42px;
	padding: 0 14px;
	background: var(--crm-surface);
	white-space: nowrap;
}

#wOverlay.crmSidePanel.wClientPopup #wcBtns #wcEdit {
	border-color: var(--crm-accent);
	background: var(--crm-accent);
	color: var(--crm-surface);
}

#wOverlay.crmSidePanel.wClientPopup #wcBtns #wcEdit:hover {
	border-color: var(--crm-accent-2);
	background: var(--crm-accent-2);
	color: var(--crm-surface);
}

#wOverlay.crmSidePanel.wClientPopup #wcBtns #wcEdit:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--crm-accent) 55%, transparent);
	outline-offset: 2px;
}

#wOverlay.crmSidePanel.wClientPopup #wcFilters {
	flex: 0 0 auto;
	margin: 0 0 14px;
	padding: 14px 16px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
}

#wOverlay.crmSidePanel.wClientPopup .wcFilterLabel {
	min-width: 58px;
	padding-top: 5px;
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

#wOverlay.crmSidePanel.wClientPopup .wcFilterChip {
	padding: 4px 9px;
	border-color: var(--crm-border);
	background: var(--crm-surface-2);
	color: var(--crm-text);
	font-size: 12px;
	line-height: 16px;
}

#wOverlay.crmSidePanel.wClientPopup .wcFilterChip.wActive {
	border-color: var(--crm-accent);
	background: var(--crm-accent);
	color: var(--crm-surface);
}

#wOverlay.crmSidePanel.wClientPopup #wcOrdersTitle {
	flex: 0 0 auto;
	justify-content: flex-start;
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

#wOverlay.crmSidePanel.wClientPopup #wcOrdersCount {
	padding: 1px 7px;
	border-radius: 999px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 17px;
}

#wOverlay.crmSidePanel.wClientPopup .wcOrderSearch {
	position: static;
	flex: 0 0 auto;
	margin: 0;
}

#wOverlay.crmSidePanel.wClientPopup .wcOrderSearchStatus {
	flex: 0 0 auto;
	min-height: 20px;
	margin: 4px 0;
}

#wOverlay.crmSidePanel.wClientPopup #wcOrdersTableWrap {
	height: auto !important;
	min-height: 0;
	max-height: none !important;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	overflow-x: auto !important;
	overflow-y: visible !important;
}

#wOverlay.crmSidePanel.wClientPopup #wClientUnits {
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
}

#wOverlay.crmSidePanel.wClientPopup #wClientUnits thead th {
	position: sticky;
	top: 0;
	z-index: 2;
	padding: 11px 12px;
	border-bottom: 1px solid var(--crm-border);
	background: var(--crm-surface-2) !important;
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

#wOverlay.crmSidePanel.wClientPopup #wClientUnits tbody td {
	padding: 11px 12px;
	border-top: 1px solid var(--crm-border-soft);
	background: var(--crm-surface);
	color: var(--crm-text);
	font-size: 13px;
	line-height: 18px;
}

#wOverlay.crmSidePanel.wClientPopup #wClientUnits tbody tr:first-child td { border-top: 0; }
#wOverlay.crmSidePanel.wClientPopup #wClientUnits tbody tr:nth-child(even) td { background: var(--crm-surface-3); }
#wOverlay.crmSidePanel.wClientPopup #wClientUnits tbody tr:hover td { background: var(--crm-accent-soft); }

#wOverlay.wClientPopup .wcOrderSearch {
	position: sticky;
	top: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	margin: 10px 0 6px;
	padding: 0 11px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
}

#wOverlay.wClientPopup .wcOrderSearch:focus-within {
	border-color: var(--crm-accent);
	box-shadow: 0 0 0 3px color-mix(in srgb,var(--crm-accent) 12%,transparent);
}

#wOverlay.wClientPopup .wcOrderSearch > .material-symbols-outlined { color: var(--crm-muted); font-size: 20px; }
#wOverlay.wClientPopup #wcOrderSearchInput { flex: 1; min-width: 0; height: 42px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--crm-text); font: 500 14px/20px var(--crm-font-sans); }
#wOverlay.wClientPopup #wcOrderSearchInput:focus,
#wOverlay.wClientPopup #wcOrderSearchInput:focus-visible {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}
#wOverlay.wClientPopup #wcOrderSearchInput::placeholder { color: color-mix(in srgb,var(--crm-muted) 88%,var(--crm-text)); }
#wOverlay.wClientPopup #wcOrderSearchInput::-webkit-search-cancel-button { display: none; }
#wOverlay.wClientPopup #wcOrderSearchClear { display: none; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 7px; background: transparent; color: var(--crm-muted); cursor: pointer; }
#wOverlay.wClientPopup #wcOrderSearchClear:hover { background: var(--crm-surface-2); color: var(--crm-text); }
#wOverlay.wClientPopup #wcOrderSearchClear .material-symbols-outlined { font-size: 18px; }
#wOverlay.wClientPopup .wcOrderSearchStatus { min-height: 18px; margin-bottom: 5px; color: var(--crm-muted); font-size: 12px; line-height: 18px; }
#wOverlay.wClientPopup .wcOrderSearchProgress { display: inline-flex; align-items: center; gap: 6px; }
#wOverlay.wClientPopup .wcOrderSearchProgress .material-symbols-outlined { font-size: 15px; animation: wcOrderSearchSpin 900ms linear infinite; }
#wOverlay.wClientPopup .wcOrderSearchPending #wClientUnits { opacity: .72; }
@keyframes wcOrderSearchSpin { to { transform: rotate(360deg); } }

#wOverlay.wClientPopup .wcOrderOpen {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--crm-accent);
	font: 700 13px/20px var(--crm-font-sans);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

#wOverlay.wClientPopup .wcOrderOpen:hover { color: var(--crm-accent-2); }
#wOverlay.wClientPopup .wcOrderOpen:focus-visible,#wOverlay.wClientPopup #wcOrderSearchClear:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }
#wOverlay.wClientPopup .wcOrderMatches td { padding: 0 14px 13px !important; background: color-mix(in srgb,var(--crm-accent-soft) 46%,var(--crm-surface)) !important; }
#wOverlay.wClientPopup .wcOrderMatchesInner { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 9px; background: var(--crm-surface); }
#wOverlay.wClientPopup .wcOrderMatchesInner > strong { color: var(--crm-muted); font-size: 11px; line-height: 15px; font-weight: 700; }
#wOverlay.wClientPopup .wcOrderMatch { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 10px; align-items: baseline; }
#wOverlay.wClientPopup .wcOrderMatch > span { color: var(--crm-accent); font-size: 11px; line-height: 17px; font-weight: 700; overflow-wrap: anywhere; }
#wOverlay.wClientPopup .wcOrderMatch p { margin: 0; color: var(--crm-text); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
#wOverlay.wClientPopup .wcOrderMatch mark { padding: 1px 2px; border-radius: 3px; background: #ffe08a; color: #382900; font-weight: 700; }
#wOverlay.wClientPopup .wcOrderSearchEmpty { padding: 34px 16px !important; text-align: center; color: var(--crm-muted); }
#wOverlay.wClientPopup .wcOrderSearchEmpty .material-symbols-outlined { display: block; margin: 0 auto 7px; font-size: 28px; }

#wOverlay.wClientPopup.wClientOrderContext { width: clamp(760px,68vw,1180px) !important; }
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder { width: min(96%,1040px); border-radius: 12px 0 0 12px; }
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder .crmNestedPanelHeader { min-height: 64px; padding: 10px 16px 10px 24px; }
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder .crmNestedPanelBody { min-height: 0; padding: 0; overflow: hidden; }
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder #wuWrapper { width: 100% !important; min-width: 0 !important; }
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder .wuBtns,
#wOverlay.wClientPopup.wUnitPopup .crmNestedPanel.wNestedClientOrder #wuWrapper #wuBtns.wuUnitActions,
#wOverlay.wClientPopup.wUnitPopup .crmNestedPanel.wNestedClientOrder #wuWrapper .wuItem > .wuBtns,
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder .wuDeadlinePanel,
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder .wuItemNoteEdit,
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder .wuExtraParam { display: none !important; }
#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder .wuItemNote { margin-top: 14px; }
#wOverlay.wClientPopup.wUnitPopup .crmNestedPanel.wNestedClientOrder #wuWrapper #wuTitle p.wcNestedOrderState {
	padding: 4px 10px;
	border: 1px solid var(--crm-border);
	background: var(--crm-surface-2);
	color: var(--crm-text);
}
#wOverlay.wClientPopup.wUnitPopup .crmNestedPanel.wNestedClientOrder #wuWrapper #wuTitle p.wcState_done,
#wOverlay.wClientPopup.wUnitPopup .crmNestedPanel.wNestedClientOrder #wuWrapper #wuTitle p.wcState_ready {
	border-color: color-mix(in srgb,var(--crm-success) 36%,var(--crm-border));
	background: var(--crm-success-soft);
	color: color-mix(in srgb,var(--crm-success) 72%,var(--crm-text));
}
#wOverlay.wClientPopup.wUnitPopup .crmNestedPanel.wNestedClientOrder #wuWrapper #wuTitle p.wcState_frozen {
	border-color: color-mix(in srgb,var(--crm-warning) 34%,var(--crm-border));
	background: var(--crm-warning-soft);
	color: #76510d;
}
#wOverlay.wClientPopup.wUnitPopup .crmNestedPanel.wNestedClientOrder #wuWrapper #wuTitle p.wcState_active {
	border-color: color-mix(in srgb,var(--crm-info) 30%,var(--crm-border));
	background: var(--crm-info-soft);
	color: color-mix(in srgb,var(--crm-info) 72%,var(--crm-text));
}

@media (max-width: 820px) {
	#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder { width: 100%; border-radius: 0; }
	#wOverlay.wClientPopup .crmNestedPanel.wNestedClientOrder .crmNestedPanelBody { overflow: auto; }
}

@media (prefers-reduced-motion: reduce) {
	#wOverlay.wClientPopup .wcOrderSearchProgress .material-symbols-outlined { animation: none; }
}

/* Production analytics */
#lpAppShell .wProductionPanel{display:flex;flex-direction:column;gap:16px}
#lpAppShell .wProductionFilters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:16px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}
#lpAppShell .wProductionFilters label:not(.wProductionCheck){display:flex;min-width:130px;flex-direction:column;gap:5px}
#lpAppShell .wProductionFilters label>span{font-size:12px;font-weight:700;color:var(--crm-muted)}
#lpAppShell .wProductionFilters input[type="date"],#lpAppShell .wProductionFilters input[type="search"],#lpAppShell .wProductionFilters select{height:42px;box-sizing:border-box;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface);color:var(--crm-text);padding:0 11px;font:inherit}
#lpAppShell .wProductionFilters .wProductionSearch{min-width:190px}
#lpAppShell .wProductionFilters .wProductionCheck{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 4px}
#lpAppShell .wProductionViewTabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--crm-border)}
#lpAppShell .wProductionViewTabs button{min-height:42px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--crm-muted);font:600 14px/1.2 inherit;white-space:nowrap;cursor:pointer}
#lpAppShell .wProductionViewTabs button:hover,#lpAppShell .wProductionViewTabs button:focus-visible{color:var(--crm-text);background:var(--crm-accent-soft);outline:none}
#lpAppShell .wProductionViewTabs button.is-active{border-bottom-color:var(--crm-accent);color:var(--crm-accent-ink)}
#lpAppShell .wProductionCoverage{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}
#lpAppShell .wProductionCoverage>.material-symbols-outlined{color:var(--crm-info)}
#lpAppShell .wProductionCoverage b{display:block;margin-bottom:3px}
#lpAppShell .wProductionCoverage p{margin:0;color:var(--crm-muted)}
#lpAppShell .wProductionKpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface);overflow:hidden}
#lpAppShell .wProductionKpi{min-height:90px;padding:15px 16px;box-sizing:border-box;border-right:1px solid var(--crm-border-soft);border-bottom:1px solid var(--crm-border-soft)}
#lpAppShell .wProductionKpi span,#lpAppShell .wProductionKpi small{display:block;color:var(--crm-muted);font-size:12px}
#lpAppShell .wProductionKpi b{display:block;margin:7px 0 4px;color:var(--crm-text);font-size:20px;line-height:1.15}
#lpAppShell .wProductionSectionHead{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 0 12px}
#lpAppShell .wProductionSectionHead h2,#lpAppShell .wProductionBreakdown h2{margin:0 0 4px;font-size:16px}
#lpAppShell .wProductionSectionHead p{margin:0;color:var(--crm-muted)}
#lpAppShell .wProductionTableWrap{margin-top:14px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface);overflow:auto}
#lpAppShell .wProductionTable{width:100%;border-collapse:collapse;min-width:880px}
#lpAppShell .wProductionTable th{position:sticky;top:0;z-index:1;padding:10px 12px;border-bottom:1px solid var(--crm-border);background:var(--crm-surface-muted);color:var(--crm-muted);font-size:12px;text-align:left;white-space:nowrap}
#lpAppShell .wProductionTable td{padding:11px 12px;border-bottom:1px solid var(--crm-border-soft);vertical-align:top;color:var(--crm-text)}
#lpAppShell .wProductionTable tr:last-child td{border-bottom:0}
#lpAppShell .wProductionTable td small{display:block;margin-top:3px;color:var(--crm-muted)}
#lpAppShell .wProductionTable tr.is-warning td{background:color-mix(in srgb,var(--crm-warning) 7%,var(--crm-surface))}
#lpAppShell .wProductionTable tr.is-problem td{background:color-mix(in srgb,var(--crm-warning) 13%,var(--crm-surface))}
#lpAppShell .wProductionTable tr.is-critical td{background:color-mix(in srgb,var(--crm-danger) 8%,var(--crm-surface))}
#lpAppShell .wProductionTable .is-overdue{color:var(--crm-danger);font-weight:600}
#lpAppShell .wProductionOrderLink{padding:0;border:0;background:transparent;color:var(--crm-info);font:700 14px/1.3 inherit;cursor:pointer}
#lpAppShell .wProductionOrderLink:hover{text-decoration:underline}
#lpAppShell .wProductionQuality{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
#lpAppShell .wProductionQuality.is-exact{background:color-mix(in srgb,var(--crm-success) 12%,var(--crm-surface));color:var(--crm-success)}
#lpAppShell .wProductionQuality.is-partial{background:color-mix(in srgb,var(--crm-warning) 14%,var(--crm-surface));color:var(--crm-accent-strong)}
#lpAppShell .wProductionQuality.is-insufficient{background:var(--crm-surface-muted);color:var(--crm-muted)}
#lpAppShell .wProductionEmpty{padding:30px!important;text-align:center;color:var(--crm-muted)!important}
#lpAppShell .wProductionLoad{margin-bottom:16px}
#lpAppShell .wProductionBreakdown{padding:16px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}
#lpAppShell .wProductionBreakdown .wProductionTableWrap{margin-bottom:0}
#lpAppShell .wProductionBreakdowns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:16px}
#lpAppShell .wProductionBar{display:grid;grid-template-columns:minmax(100px,180px) 1fr 50px;align-items:center;gap:10px;margin-top:10px}
#lpAppShell .wProductionBar i{height:7px;border-radius:999px;background:var(--crm-surface-muted);overflow:hidden}
#lpAppShell .wProductionBar i b{display:block;height:100%;border-radius:inherit;background:var(--crm-info)}
#lpAppShell .wProductionBar strong{text-align:right}
#lpAppShell .wProductionPagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}
#lpAppShell .wProductionPagination button{height:36px;padding:0 12px;border:1px solid var(--crm-border);border-radius:8px;background:var(--crm-surface);font:inherit;cursor:pointer}
#lpAppShell .wProductionPagination button:disabled{opacity:.45;cursor:default}
#lpAppShell .wProductionItemState{display:flex;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}
#lpAppShell .wProductionItemState>div>span,#lpAppShell .wProductionItemState small{display:block;color:var(--crm-muted)}
#lpAppShell .wProductionItemState>div>b{display:block;margin:5px 0;font-size:18px}
#lpAppShell .wProductionItemTotals{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
#lpAppShell .wProductionItemTotals b{display:block;margin-top:3px;color:var(--crm-text)}
#lpAppShell .wProductionItemActions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
#lpAppShell .wProductionReasonForm{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;align-items:end;gap:10px;padding:14px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface-muted)}
#lpAppShell .wProductionReasonForm label{display:flex;flex-direction:column;gap:5px}
#lpAppShell .wProductionReasonForm label span{font-size:12px;font-weight:700;color:var(--crm-muted)}
#lpAppShell .wProductionReasonForm input,#lpAppShell .wProductionReasonForm select{height:42px;box-sizing:border-box;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface);padding:0 11px;font:inherit}
#lpAppShell .wProductionTimeline{margin-top:18px}
#lpAppShell .wProductionTimeline h3{margin:0 0 10px}
#lpAppShell .wProductionTimeline>div{display:grid;grid-template-columns:145px minmax(160px,1fr) minmax(160px,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--crm-border-soft)}
#lpAppShell .wProductionTimeline time,#lpAppShell .wProductionTimeline span{color:var(--crm-muted)}
#lpAppShell .wProductionTimeline p{grid-column:2/-1;margin:0;color:var(--crm-text)}
@media(max-width:900px){#lpAppShell .wProductionBreakdowns{grid-template-columns:1fr}#lpAppShell .wProductionItemState{flex-direction:column}#lpAppShell .wProductionReasonForm{grid-template-columns:1fr}}
@media(max-width:620px){#lpAppShell .wProductionFilters>*{width:100%}#lpAppShell .wProductionTimeline>div{grid-template-columns:1fr;gap:3px}#lpAppShell .wProductionTimeline p{grid-column:auto}}

/* Quantity and format demand analytics */
#lpAppShell .wQuantityFormatPanel{display:flex;flex-direction:column;gap:16px}
#lpAppShell .wQuantityQuickPeriods{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--crm-border)}
#lpAppShell .wQuantityQuickPeriods button{min-height:40px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--crm-muted);font:600 13px/1.2 var(--crm-font-sans);cursor:pointer;white-space:nowrap}
#lpAppShell .wQuantityQuickPeriods button:hover,#lpAppShell .wQuantityQuickPeriods button:focus-visible{background:var(--crm-accent-soft);color:var(--crm-text);outline:none}
#lpAppShell .wQuantityQuickPeriods button.is-active{border-bottom-color:var(--crm-accent);color:var(--crm-accent-ink)}
#lpAppShell .wQuantityFormatFilters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:16px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}
#lpAppShell .wQuantityFormatFilters label{display:flex;min-width:145px;flex-direction:column;gap:5px}
#lpAppShell .wQuantityFormatFilters label:nth-child(3){min-width:210px}
#lpAppShell .wQuantityFormatFilters label>span,#lpAppShell .wQuantityBucketEditor label>span{font-size:12px;font-weight:700;color:var(--crm-muted)}
#lpAppShell .wQuantityFormatFilters input,#lpAppShell .wQuantityFormatFilters select,#lpAppShell .wQuantityBucketEditor input{height:42px;box-sizing:border-box;padding:0 11px;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface);color:var(--crm-text);font:inherit}
#lpAppShell .wQuantityFormatFilters input:focus,#lpAppShell .wQuantityFormatFilters select:focus,#lpAppShell .wQuantityBucketEditor input:focus{border-color:var(--crm-accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--crm-accent) 12%,transparent)}
#lpAppShell .wQuantityBucketEditor{display:grid;grid-template-columns:minmax(280px,1fr) minmax(220px,1fr) auto;align-items:end;gap:14px;padding:14px 16px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface-muted)}
#lpAppShell .wQuantityBucketEditor[hidden]{display:none}
#lpAppShell .wQuantityBucketEditor label{display:flex;flex-direction:column;gap:5px}
#lpAppShell .wQuantityBucketEditor p{margin:0 0 7px;color:var(--crm-muted);font-size:12px;line-height:18px}
#lpAppShell .wQuantityBucketEditor>div{display:flex;gap:8px}
#lpAppShell .wQuantitySummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));overflow:hidden;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}
#lpAppShell .wQuantitySummary>div{min-height:86px;padding:14px 16px;box-sizing:border-box;border-right:1px solid var(--crm-border-soft)}
#lpAppShell .wQuantitySummary>div:last-child{border-right:0}
#lpAppShell .wQuantitySummary span,#lpAppShell .wQuantitySummary small{display:block;color:var(--crm-muted);font-size:11px;line-height:16px}
#lpAppShell .wQuantitySummary b{display:block;margin:5px 0 2px;color:var(--crm-text);font-size:21px;line-height:26px}
#lpAppShell .wQuantityFinanceNotice{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface-muted);color:var(--crm-muted)}
#lpAppShell .wQuantityFinanceNotice .material-symbols-outlined{font-size:19px;color:var(--crm-info)}
#lpAppShell .wQuantityFinanceNotice p{margin:0;font-size:11px;line-height:17px}
#lpAppShell .wQuantityFinanceNotice b{color:var(--crm-text)}
#lpAppShell .wQuantityMapHead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:4px}
#lpAppShell .wQuantityMapHead h2,#lpAppShell .wQuantityDetail h2{margin:0 0 4px;font-size:17px;line-height:23px}
#lpAppShell .wQuantityMapHead p,#lpAppShell .wQuantityDetailHead p{max-width:720px;margin:0;color:var(--crm-muted);font-size:12px;line-height:18px}
#lpAppShell .wQuantityMapControls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
#lpAppShell #wQuantityMapLegend{display:flex;align-items:center;gap:7px;color:var(--crm-muted);font-size:11px;white-space:nowrap}
#lpAppShell #wQuantityMapLegend i{display:block;width:86px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--crm-surface-muted),var(--crm-accent))}
#lpAppShell .wQuantityHeatmapWrap{overflow:auto;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}
#lpAppShell .wQuantityHeatmap{width:100%;min-width:950px;border-collapse:separate;border-spacing:0}
#lpAppShell .wQuantityHeatmap th{padding:10px 8px;border-right:1px solid var(--crm-border-soft);border-bottom:1px solid var(--crm-border);background:var(--crm-surface-muted);color:var(--crm-muted);font-size:11px;line-height:15px;text-align:center;white-space:nowrap}
#lpAppShell .wQuantityHeatmap thead th{position:sticky;top:0;z-index:2}
#lpAppShell .wQuantityHeatmap th:first-child{position:sticky;left:0;z-index:3;width:210px;min-width:210px;padding-left:12px;text-align:left}
#lpAppShell .wQuantityHeatmap tbody th{background:var(--crm-surface);z-index:1}
#lpAppShell .wQuantityHeatmap tbody th b,#lpAppShell .wQuantityHeatmap tbody th span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lpAppShell .wQuantityHeatmap tbody th b{color:var(--crm-text);font-size:12px;line-height:17px}
#lpAppShell .wQuantityHeatmap tbody th span{margin-top:2px;color:var(--crm-muted);font-weight:400}
#lpAppShell .wQuantityHeatmap td{height:86px;padding:4px;border-right:1px solid var(--crm-border-soft);border-bottom:1px solid var(--crm-border-soft)}
#lpAppShell .wQuantityCell{position:relative;display:flex;width:100%;height:78px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;padding:3px;border:0;border-radius:8px;background:var(--crm-surface-muted);color:var(--crm-muted);font:inherit;cursor:pointer}
#lpAppShell .wQuantityCell:hover,#lpAppShell .wQuantityCell:focus-visible{outline:2px solid var(--crm-accent);outline-offset:1px}
#lpAppShell .wQuantityCell b{font-size:16px;line-height:20px}
#lpAppShell .wQuantityCell span{font-size:10px;line-height:14px;white-space:nowrap}
#lpAppShell .wQuantityCell strong{margin-top:2px;color:inherit;font-size:10px;line-height:13px}
#lpAppShell .wQuantityCell small{font-size:9px;line-height:12px;white-space:nowrap;opacity:.88}
#lpAppShell .wQuantityCell i{position:absolute;right:4px;bottom:3px;color:var(--crm-danger);font-size:9px;font-style:normal;font-weight:700}
#lpAppShell .wQuantityCell.heat-1{background:color-mix(in srgb,var(--crm-accent) 10%,var(--crm-surface));color:var(--crm-accent-strong)}
#lpAppShell .wQuantityCell.heat-2{background:color-mix(in srgb,var(--crm-accent) 22%,var(--crm-surface));color:var(--crm-accent-strong)}
#lpAppShell .wQuantityCell.heat-3{background:color-mix(in srgb,var(--crm-accent) 38%,var(--crm-surface));color:var(--crm-text)}
#lpAppShell .wQuantityCell.heat-4{background:color-mix(in srgb,var(--crm-accent) 64%,var(--crm-surface));color:var(--crm-text)}
#lpAppShell .wQuantityCell.heat-5{background:var(--crm-accent);color:var(--crm-text)}
#lpAppShell .wQuantityCell.is-gap{outline:2px dashed var(--crm-danger);outline-offset:-3px}
#lpAppShell .wQuantityEmpty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:var(--crm-muted)}
#lpAppShell .wQuantityEmpty .material-symbols-outlined{margin-bottom:8px;font-size:30px;color:var(--crm-accent)}
#lpAppShell .wQuantityEmpty b{color:var(--crm-text)}
#lpAppShell .wQuantityEmpty p{margin:5px 0 0}
#lpAppShell .wQuantityDetail{margin-top:4px;padding-top:20px;border-top:1px solid var(--crm-border)}
#lpAppShell .wQuantityDetailHead{display:flex;align-items:end;justify-content:space-between;gap:18px}
#lpAppShell .wQuantityMetricSwitch{display:flex;border:1px solid var(--crm-border);border-radius:8px;overflow:hidden}
#lpAppShell .wQuantityMetricSwitch button{height:36px;padding:0 12px;border:0;background:var(--crm-surface);color:var(--crm-muted);font:600 12px/1 var(--crm-font-sans);cursor:pointer}
#lpAppShell .wQuantityMetricSwitch button+button{border-left:1px solid var(--crm-border)}
#lpAppShell .wQuantityMetricSwitch button.is-active{background:var(--crm-accent-soft);color:var(--crm-accent-ink)}
#lpAppShell .wQuantityBars{display:flex;align-items:stretch;gap:8px;min-height:230px;margin-top:14px;padding:16px 12px;border:1px solid var(--crm-border);border-radius:12px;overflow-x:auto;background:var(--crm-surface)}
#lpAppShell .wQuantityBars>div{display:grid;grid-template-rows:18px 110px 20px 38px;flex:1;min-width:86px;gap:4px;text-align:center;color:var(--crm-muted);font-size:10px}
#lpAppShell .wQuantityBars>div>span{font-weight:700}
#lpAppShell .wQuantityBars>div>i{display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--crm-border);font-style:normal}
#lpAppShell .wQuantityBars>div>i>b{display:block;width:min(38px,70%);min-height:2px;border-radius:4px 4px 0 0;background:var(--crm-info)}
#lpAppShell .wQuantityBars>div.is-selected>i>b{background:var(--crm-accent)}
#lpAppShell .wQuantityBars strong{color:var(--crm-text);font-size:11px}
#lpAppShell .wQuantityBars small{line-height:15px}
#lpAppShell .wQuantityBars small em{color:var(--crm-success);font-style:normal;font-weight:600}
#lpAppShell .wQuantityOrders{min-width:720px}
#lpAppShell .wQuantityDetailLimit{margin:14px 0 -5px;color:var(--crm-muted);font-size:11px;line-height:16px}
@media(max-width:900px){#lpAppShell .wQuantitySummary{grid-template-columns:repeat(2,minmax(0,1fr))}#lpAppShell .wQuantitySummary>div{border-bottom:1px solid var(--crm-border-soft)}#lpAppShell .wQuantityBucketEditor{grid-template-columns:1fr}#lpAppShell .wQuantityMapHead,#lpAppShell .wQuantityDetailHead{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){#lpAppShell .wQuantityFormatFilters>*{width:100%}#lpAppShell .wQuantitySummary{grid-template-columns:1fr}#lpAppShell .wQuantitySummary>div{border-right:0}}

@media (max-width: 900px) {
	#wOverlay.crmSidePanel.wClientPopup .crmSidePanelBody,
	#wOverlay.crmSidePanel.wClientPopup .wcClientProfileColumn,
	#wOverlay.crmSidePanel.wClientPopup .wcClientOrdersColumn {
		overflow: visible;
	}

	#wOverlay.crmSidePanel.wClientPopup .crmSidePanelBody { overflow-y: auto; }
	#wOverlay.crmSidePanel.wClientPopup #wcWrapper .wcMainCard { height: auto; overflow: visible; }
	#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid.wcClientWorkspace {
		display: block;
		height: auto;
		overflow: visible;
	}

	#wOverlay.crmSidePanel.wClientPopup .wcClientProfileColumn {
		padding: 16px;
		border-right: 0;
		border-bottom: 1px solid var(--crm-border);
	}

	#wOverlay.crmSidePanel.wClientPopup .wcClientOrdersColumn { padding: 16px; }
	#wOverlay.crmSidePanel.wClientPopup .wcClientOrdersColumn { display: block; }
	#wOverlay.crmSidePanel.wClientPopup #wcOrdersTableWrap { min-height: 0; max-height: none !important; }
}

@media (max-width: 820px) {
	#wOverlay.crmSidePanel.wClientPopup { width: 100vw !important; }
	#wOverlay.crmSidePanel.wClientPopup .crmSidePanelBody { padding: 0 !important; }
	#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid { grid-template-columns: 1fr; }
	#wUI_clients .crmClientsStatsRows { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 560px) {
	#wOverlay.crmSidePanel.wClientPopup .wcHeadRow {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		padding: 14px 16px;
	}
	#wOverlay.crmSidePanel.wClientPopup #wcClientName { font-size: 20px; line-height: 26px; }
	#wOverlay.crmSidePanel.wClientPopup .wcHeadActions {
		width: 100%;
		min-width: 0;
		justify-content: space-between;
	}
	#wOverlay.crmSidePanel.wClientPopup #wcClientStats { text-align: left; }
	#wOverlay.crmSidePanel.wClientPopup #wcInfoGrid .wcInfoCard { padding: 16px; }
	#wOverlay.crmSidePanel.wClientPopup .wcSummaryMetrics { grid-template-columns: 1fr; }
	#wOverlay.crmSidePanel.wClientPopup #wcYearChart .wcYearRow { grid-template-columns: 38px minmax(60px,1fr); }
	#wOverlay.crmSidePanel.wClientPopup #wcYearChart .wcYearVal { grid-column: 2; width: auto; text-align: left; }
	#wOverlay.wClientPopup .wcOrderMatch { grid-template-columns: 1fr; gap: 2px; }
}

/* Nonstandard work knowledge base */
#wOverlay.wQuickResponsesPanel { width: min(1060px,96vw); }
#wOverlay .wQuickResponses { min-height: 100%; padding: 20px 22px 32px; box-sizing: border-box; background: var(--crm-bg); font-family: var(--crm-font-sans); }
#wOverlay .wQuickResponsesToolbar { position: sticky; top: -1px; z-index: 2; display: flex; gap: 10px; padding: 1px 0 14px; background: var(--crm-bg); }
#wOverlay .wQuickResponsesSearch { display: flex; flex: 1 1 auto; align-items: center; gap: 8px; height: 42px; padding: 0 12px; border: 1px solid var(--crm-border); border-radius: 10px; background: var(--crm-surface); box-sizing: border-box; }
#wOverlay .wQuickResponsesSearch:focus-within { border-color: var(--crm-accent); box-shadow: 0 0 0 3px color-mix(in srgb,var(--crm-accent) 12%,transparent); }
#wOverlay .wQuickResponsesSearch .material-symbols-outlined { color: var(--crm-muted); font-size: 20px; }
#wOverlay .wQuickResponsesSearch input { width: 100%; height: 38px; padding: 0; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent; color: var(--crm-text); font: inherit; }
#wOverlay .wQuickResponsesAdd { display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 15px; border: 0; border-radius: 8px; background: var(--crm-accent); color: var(--crm-surface); font: 600 14px/1 var(--crm-font-sans); cursor: pointer; }
#wOverlay .wQuickResponsesAdd:hover { background: var(--crm-accent-2); }
#wOverlay .wQuickResponsesAdd .material-symbols-outlined { font-size: 19px; }
#wOverlay .wQuickResponsesTags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }
#wOverlay .wQuickResponsesTag { height: 27px; padding: 0 9px; border: 1px solid var(--crm-border); border-radius: 999px; background: var(--crm-surface); color: var(--crm-muted); font: 600 11px/1 var(--crm-font-sans); cursor: pointer; }
#wOverlay .wQuickResponsesTag:hover { background: var(--crm-surface-2); color: var(--crm-text); }
#wOverlay .wQuickResponsesTag.is-active { border-color: color-mix(in srgb,var(--crm-accent) 32%,var(--crm-border)); background: var(--crm-accent-soft); color: var(--crm-accent); }
#wOverlay .wQuickResponsesStatus { min-height: 18px; margin-bottom: 8px; color: var(--crm-muted); font-size: 12px; }
#wOverlay .wQuickResponsesList { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; align-items: stretch; }
#wOverlay .wQuickResponseItem { display: flex; min-width: 0; min-height: 246px; flex-direction: column; padding: 14px 12px 11px 14px; border: 1px solid var(--crm-border); border-radius: 10px; background: var(--crm-surface); box-sizing: border-box; }
#wOverlay .wQuickResponseItem.is-color-amber { border-color: color-mix(in srgb,var(--crm-warning) 30%,var(--crm-border)); background: color-mix(in srgb,var(--crm-warning) 10%,var(--crm-surface)); }
#wOverlay .wQuickResponseItem.is-color-red { border-color: color-mix(in srgb,var(--crm-danger) 24%,var(--crm-border)); background: color-mix(in srgb,var(--crm-danger) 7%,var(--crm-surface)); }
#wOverlay .wQuickResponseItem.is-color-green { border-color: color-mix(in srgb,var(--crm-success) 24%,var(--crm-border)); background: color-mix(in srgb,var(--crm-success) 7%,var(--crm-surface)); }
#wOverlay .wQuickResponseItem.is-color-blue { border-color: color-mix(in srgb,var(--crm-info) 24%,var(--crm-border)); background: color-mix(in srgb,var(--crm-info) 7%,var(--crm-surface)); }
#wOverlay .wQuickResponseItem.is-color-violet { border-color: color-mix(in srgb,var(--crm-mark-violet) 24%,var(--crm-border)); background: color-mix(in srgb,var(--crm-mark-violet) 7%,var(--crm-surface)); }
#wOverlay .wQuickResponseItem.is-color-slate { border-color: color-mix(in srgb,var(--crm-mark-slate) 22%,var(--crm-border)); background: color-mix(in srgb,var(--crm-mark-slate) 7%,var(--crm-surface)); }
#wOverlay .wQuickResponseText { color: var(--crm-text); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
#wOverlay .wQuickResponseItem.is-collapsible:not(.is-expanded) .wQuickResponseText { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 11; }
#wOverlay .wQuickResponseItem.is-expanded { grid-column: 1/-1; min-height: 0; }
#wOverlay .wQuickResponseExpand { margin: 5px 0 0; padding: 0; border: 0; background: transparent; color: var(--crm-accent); font: 600 11px/16px var(--crm-font-sans); cursor: pointer; }
#wOverlay .wQuickResponseItem footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 9px; }
#wOverlay .wQuickResponseItemTags { display: flex; flex-wrap: wrap; gap: 3px; }
#wOverlay .wQuickResponseItemTags span { padding: 2px 6px; border-radius: 999px; background: var(--crm-surface-2); color: var(--crm-muted); font-size: 10px; line-height: 16px; }
#wOverlay .wQuickResponseActions { display: flex; flex: 0 0 auto; gap: 2px; }
#wOverlay .wQuickResponseActions button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--crm-muted); cursor: pointer; }
#wOverlay .wQuickResponseActions button:hover { background: var(--crm-surface-2); color: var(--crm-text); }
#wOverlay .wQuickResponseActions button.is-copied { background: var(--crm-success-soft); color: var(--crm-success); }
#wOverlay .wQuickResponseActions .material-symbols-outlined { font-size: 18px; }
#wOverlay .wQuickResponsesEmpty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; padding: 24px; color: var(--crm-muted); text-align: center; }
#wOverlay .wQuickResponsesEmpty b { color: var(--crm-text); font-size: 15px; }
#wOverlay .wQuickResponsesEmpty button { height: 36px; padding: 0 12px; border: 1px solid var(--crm-border); border-radius: 8px; background: var(--crm-surface); cursor: pointer; }
#wOverlay .wQuickResponseForm { margin-bottom: 16px; padding: 16px; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); }
#wOverlay .wQuickResponseFormTitle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; color: var(--crm-text); }
#wOverlay .wQuickResponseFormTitle button { width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--crm-muted); font-size: 22px; cursor: pointer; }
#wOverlay .wQuickResponseForm label { display: block; margin-top: 10px; color: var(--crm-text); font-size: 12px; font-weight: 700; }
#wOverlay .wQuickResponseForm input,#wOverlay .wQuickResponseForm textarea { width: 100%; margin-top: 5px; padding: 10px 11px; border: 1px solid var(--crm-border); border-radius: 8px; box-sizing: border-box; background: var(--crm-surface); color: var(--crm-text); font: 400 14px/20px var(--crm-font-sans); resize: vertical; }
#wOverlay .wQuickResponseForm input:focus,#wOverlay .wQuickResponseForm textarea:focus { outline: 2px solid color-mix(in srgb,var(--crm-accent) 18%,transparent); border-color: var(--crm-accent); }
#wOverlay .wQuickResponseForm small { display: block; margin-top: 4px; color: var(--crm-muted); font-weight: 400; }
#wOverlay .wQuickResponseTagChoices { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
#wOverlay .wQuickResponseTagChoice { display: inline-flex; align-items: center; gap: 3px; min-height: 26px; padding: 3px 8px; border: 1px solid var(--crm-border); border-radius: 999px; background: var(--crm-surface-2); color: var(--crm-muted); font: 600 11px/16px var(--crm-font-sans); cursor: pointer; }
#wOverlay .wQuickResponseTagChoice.is-selected { border-color: var(--crm-accent); background: var(--crm-accent-soft); color: var(--crm-accent); }
#wOverlay .wQuickResponseTagChoice .material-symbols-outlined { font-size: 14px; }
#wOverlay .wQuickResponseColorField { min-width: 0; margin: 12px 0 0; padding: 0; border: 0; }
#wOverlay .wQuickResponseColorField legend { margin-bottom: 7px; padding: 0; color: var(--crm-text); font-size: 12px; font-weight: 700; }
#wOverlay .wQuickResponseColorChoices { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
#wOverlay .wQuickResponseFormError { min-height: 18px; margin-top: 8px; color: var(--crm-danger); font-size: 12px; }
#wOverlay .wQuickResponseFormActions,#wOverlay .wQuickResponseFormActions>div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#wOverlay .wQuickResponseFormActions button { height: 38px; padding: 0 13px; border-radius: 8px; font: 600 13px/1 var(--crm-font-sans); cursor: pointer; }
#wOverlay .wQuickResponseSubmit { border: 0; background: var(--crm-accent); color: var(--crm-surface); }
#wOverlay .wQuickResponseCancel { border: 1px solid var(--crm-border); background: var(--crm-surface-2); color: var(--crm-text); }
#wOverlay .wQuickResponseArchive { border: 1px solid color-mix(in srgb,var(--crm-danger) 28%,var(--crm-border)); background: var(--crm-surface); color: var(--crm-danger); }
#wOverlay .wQuickResponseForm.is-saving { opacity: .72; }
@media (max-width:620px) {
	#wOverlay.wQuickResponsesPanel { width: 100%; }
	#wOverlay .wQuickResponses { padding: 14px 12px 24px; }
	#wOverlay .wQuickResponsesToolbar { flex-direction: column; }
	#wOverlay .wQuickResponsesAdd { justify-content: center; }
	#wOverlay .wQuickResponsesList { grid-template-columns: 1fr; }
	#wOverlay .wQuickResponseItem { min-height: 220px; }
}
@media (min-width:621px) and (max-width:900px) { #wOverlay .wQuickResponsesList { grid-template-columns: repeat(2,minmax(0,1fr)); } }

#wOverlay.wUsefulContactsPanel { width: min(820px,94vw); }
#wOverlay .wUsefulContacts { min-height:100%; padding:20px 22px 32px; box-sizing:border-box; background:var(--crm-bg); font-family:var(--crm-font-sans); }
#wOverlay .wUsefulContactsToolbar { position:sticky; top:-1px; z-index:2; display:flex; gap:10px; padding:1px 0 14px; background:var(--crm-bg); }
#wOverlay .wUsefulContactsSearch { display:flex; flex:1; align-items:center; gap:8px; height:42px; padding:0 12px; border:1px solid var(--crm-border); border-radius:10px; background:var(--crm-surface); box-sizing:border-box; }
#wOverlay .wUsefulContactsSearch:focus-within { border-color:var(--crm-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--crm-accent) 14%,transparent); }
#wOverlay .wUsefulContactsSearch > span { color:var(--crm-muted); font-size:20px; }
#wOverlay .wUsefulContactsSearch input { width:100%; height:38px; padding:0; border:0!important; outline:0!important; box-shadow:none!important; background:transparent; color:var(--crm-text); font:inherit; }
#wOverlay .wUsefulContactsAdd,#wOverlay .wUsefulContactAddPerson { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:42px; padding:0 15px; border:0; border-radius:8px; background:var(--crm-accent); color:var(--crm-surface); font:600 14px/1 var(--crm-font-sans); cursor:pointer; }
#wOverlay .wUsefulContactsAdd:hover { background:var(--crm-accent-2); }
#wOverlay .wUsefulContactsTags { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; }
#wOverlay .wUsefulContactsTag { height:27px; padding:0 9px; border:1px solid var(--crm-border); border-radius:999px; background:var(--crm-surface); color:var(--crm-muted); font:600 11px/1 var(--crm-font-sans); cursor:pointer; }
#wOverlay .wUsefulContactsTag:hover { background:var(--crm-surface-2); color:var(--crm-text); }
#wOverlay .wUsefulContactsTag.is-active { border-color:color-mix(in srgb,var(--crm-accent) 32%,var(--crm-border)); background:var(--crm-accent-soft); color:var(--crm-accent-strong); }
#wOverlay .wUsefulContactsStatus { min-height:18px; margin-bottom:8px; color:var(--crm-muted); font-size:12px; }
#wOverlay .wUsefulContactsList { display:flex; flex-direction:column; gap:8px; }
#wOverlay .wUsefulContactCard { padding:14px 15px; border:1px solid var(--crm-border); border-radius:12px; background:var(--crm-surface); }
#wOverlay .wUsefulContactCard > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
#wOverlay .wUsefulContactCard h3 { margin:0; color:var(--crm-text); font-size:15px; line-height:21px; }
#wOverlay .wUsefulContactCard header p { margin:2px 0 0; color:var(--crm-muted); font-size:12px; line-height:17px; }
#wOverlay .wUsefulContactCard header button,#wOverlay .wUsefulContactChannel button { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:30px; height:30px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--crm-muted); cursor:pointer; }
#wOverlay .wUsefulContactCard header button:hover,#wOverlay .wUsefulContactChannel button:hover { background:var(--crm-surface-2); color:var(--crm-text); }
#wOverlay .wUsefulContactPeople { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:11px; }
#wOverlay .wUsefulContactPerson { flex:1 1 310px; min-width:0; padding-top:9px; border-top:1px solid var(--crm-border-soft); }
#wOverlay .wUsefulContactPerson strong { display:block; margin-bottom:4px; color:var(--crm-text); font-size:13px; }
#wOverlay .wUsefulContactPerson strong small { color:var(--crm-muted); font-size:11px; font-weight:400; }
#wOverlay .wUsefulContactPerson p { margin:4px 0 0; color:var(--crm-muted); font-size:12px; line-height:17px; }
#wOverlay .wUsefulContactChannel { display:grid; grid-template-columns:18px minmax(0,1fr) 28px; align-items:center; gap:6px; min-height:28px; }
#wOverlay .wUsefulContactChannel > span { color:var(--crm-muted); font-size:17px; }
#wOverlay .wUsefulContactChannel a { min-width:0; color:var(--crm-info); font-size:13px; overflow-wrap:anywhere; text-decoration:none; }
#wOverlay .wUsefulContactChannel a:hover { text-decoration:underline; }
#wOverlay .wUsefulContactChannel button .material-symbols-outlined { font-size:17px; }
#wOverlay .wUsefulContactNotes { display:flex; gap:7px; margin-top:10px; padding:9px 10px; border-radius:8px; background:var(--crm-surface-2); color:var(--crm-text); font-size:12px; line-height:17px; }
#wOverlay .wUsefulContactNotes .material-symbols-outlined { flex:0 0 auto; color:var(--crm-muted); font-size:17px; }
#wOverlay .wUsefulContactCard > footer { display:flex; flex-wrap:wrap; gap:4px; margin-top:10px; }
#wOverlay .wUsefulContactCard > footer span { padding:2px 7px; border-radius:999px; background:var(--crm-surface-2); color:var(--crm-muted); font-size:10px; line-height:16px; }
#wOverlay .wUsefulContactsEmpty { display:flex; min-height:180px; align-items:center; justify-content:center; flex-direction:column; gap:7px; padding:24px; color:var(--crm-muted); text-align:center; }
#wOverlay .wUsefulContactsEmpty b { color:var(--crm-text); font-size:15px; }
#wOverlay .wUsefulContactsEmpty button { height:36px; padding:0 12px; border:1px solid var(--crm-border); border-radius:8px; background:var(--crm-surface); color:var(--crm-text); cursor:pointer; }
#wOverlay .wUsefulContactForm { margin-bottom:16px; padding:16px; border:1px solid var(--crm-border); border-radius:12px; background:var(--crm-surface); }
#wOverlay .wUsefulContactFormTitle,#wOverlay .wUsefulContactFormActions,#wOverlay .wUsefulContactFormActions > div { display:flex; align-items:center; justify-content:space-between; gap:8px; }
#wOverlay .wUsefulContactFormTitle { margin-bottom:12px; }
#wOverlay .wUsefulContactFormTitle > button { width:30px; height:30px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--crm-muted); cursor:pointer; }
#wOverlay .wUsefulContactForm label { display:block; margin-top:10px; color:var(--crm-text); font-size:12px; font-weight:700; }
#wOverlay .wUsefulContactForm input,#wOverlay .wUsefulContactForm textarea { width:100%; margin-top:5px; padding:10px 11px; border:1px solid var(--crm-border); border-radius:8px; box-sizing:border-box; background:var(--crm-surface); color:var(--crm-text); font:400 14px/20px var(--crm-font-sans); resize:vertical; }
#wOverlay .wUsefulContactForm input:focus,#wOverlay .wUsefulContactForm textarea:focus { outline:2px solid color-mix(in srgb,var(--crm-accent) 18%,transparent); border-color:var(--crm-accent); }
#wOverlay .wUsefulContactPersonFields { position:relative; margin-top:12px; padding:11px; border:1px solid var(--crm-border-soft); border-radius:10px; background:var(--crm-surface-2); }
#wOverlay .wUsefulContactPersonGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 10px; }
#wOverlay .wUsefulContactPersonGrid .is-wide { grid-column:1/-1; }
#wOverlay .wUsefulContactPersonRemove { position:absolute; top:5px; right:5px; z-index:1; width:28px; height:28px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--crm-muted); cursor:pointer; }
#wOverlay .wUsefulContactPersonRemove .material-symbols-outlined { font-size:18px; }
#wOverlay .wUsefulContactAddPerson { height:36px; margin-top:10px; border:1px solid var(--crm-border); background:var(--crm-surface); color:var(--crm-text); font-size:12px; }
#wOverlay .wUsefulContactFormError { min-height:18px; margin-top:8px; color:var(--crm-danger); font-size:12px; }
#wOverlay .wUsefulContactFormActions button { height:38px; padding:0 13px; border-radius:8px; font:600 13px/1 var(--crm-font-sans); cursor:pointer; }
#wOverlay .wUsefulContactSubmit { border:0; background:var(--crm-accent); color:var(--crm-surface); }
#wOverlay .wUsefulContactCancel { border:1px solid var(--crm-border); background:var(--crm-surface-2); color:var(--crm-text); }
#wOverlay .wUsefulContactArchive { border:1px solid color-mix(in srgb,var(--crm-danger) 28%,var(--crm-border)); background:var(--crm-surface); color:var(--crm-danger); }
#wOverlay .wUsefulContactForm.is-saving { opacity:.72; }
@media (max-width:620px) { #wOverlay.wUsefulContactsPanel{width:100%}#wOverlay .wUsefulContacts{padding:14px 12px 24px}#wOverlay .wUsefulContactsToolbar{flex-direction:column}#wOverlay .wUsefulContactPersonGrid{grid-template-columns:1fr}#wOverlay .wUsefulContactPersonGrid .is-wide{grid-column:auto} }
@media (prefers-reduced-motion: reduce) { #wOverlay.wUsefulContactsPanel,#wOverlay .wUsefulContacts * { scroll-behavior:auto!important; transition-duration:.01ms!important; } }

#wOverlay.wNonstandardWorkPanel { width: min(760px, 94vw); }
#wOverlay .wNonstandardWork { min-height: 100%; padding: 20px 22px 32px; box-sizing: border-box; font-family: var(--crm-font-sans); background: var(--crm-bg); }
#wOverlay .wNonstandardWorkToolbar { position: sticky; top: -1px; z-index: 2; display: flex; gap: 10px; padding: 1px 0 14px; background: var(--crm-bg); }
#wOverlay .wNonstandardWorkSearch { display: flex; flex: 1 1 auto; align-items: center; gap: 8px; height: 42px; padding: 0 12px; border: 1px solid var(--crm-border); border-radius: 10px; background: var(--crm-surface); box-sizing: border-box; }
#wOverlay .wNonstandardWorkSearch:focus-within { border-color: var(--crm-accent); box-shadow: 0 0 0 3px rgba(234,106,18,.12); }
#wOverlay .wNonstandardWorkSearch .material-symbols-outlined { color: var(--crm-muted); font-size: 20px; }
#wOverlay .wNonstandardWorkSearch input { width: 100%; height: 38px; padding: 0; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent; color: var(--crm-text); font: inherit; }
#wOverlay .wNonstandardWorkAdd { display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 15px; border: 0; border-radius: 8px; background: var(--crm-accent); color: #fff; font: 600 14px/1 var(--crm-font-sans); cursor: pointer; }
#wOverlay .wNonstandardWorkAdd:hover { background: var(--crm-accent-2); }
#wOverlay .wNonstandardWorkAdd .material-symbols-outlined { font-size: 19px; }
#wOverlay .wNonstandardWorkTags { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 8px; overflow: visible; }
#wOverlay .wNonstandardWorkTag { flex: 0 0 auto; height: 27px; padding: 0 9px; border: 1px solid var(--crm-border); border-radius: 999px; background: var(--crm-surface); color: var(--crm-muted); font: 600 11px/1 var(--crm-font-sans); cursor: pointer; }
#wOverlay .wNonstandardWorkTag:hover { color: var(--crm-text); border-color: var(--crm-border); background: var(--crm-surface-2); }
#wOverlay .wNonstandardWorkTag.is-active { border-color: rgba(234,106,18,.32); background: var(--crm-accent-soft); color: var(--crm-accent); }
#wOverlay .wNonstandardWorkStatus { min-height: 18px; margin: 0 0 8px; color: var(--crm-muted); font-size: 12px; }
#wOverlay .wNonstandardWorkList { display: flex; flex-direction: column; gap: 6px; }
#wOverlay .wNonstandardWorkItem { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,auto); align-items: start; gap: 14px; padding: 10px 11px 10px 13px; border: 1px solid var(--crm-border); border-radius: 10px; background: var(--crm-surface); }
#wOverlay .wNonstandardWorkItem.is-color-amber { border-color: color-mix(in srgb,var(--crm-warning) 30%,var(--crm-border)); background: color-mix(in srgb,var(--crm-warning) 10%,var(--crm-surface)); }
#wOverlay .wNonstandardWorkItem.is-color-red { border-color: color-mix(in srgb,var(--crm-danger) 24%,var(--crm-border)); background: color-mix(in srgb,var(--crm-danger) 7%,var(--crm-surface)); }
#wOverlay .wNonstandardWorkItem.is-color-green { border-color: color-mix(in srgb,var(--crm-success) 24%,var(--crm-border)); background: color-mix(in srgb,var(--crm-success) 7%,var(--crm-surface)); }
#wOverlay .wNonstandardWorkItem.is-color-blue { border-color: color-mix(in srgb,var(--crm-info) 24%,var(--crm-border)); background: color-mix(in srgb,var(--crm-info) 7%,var(--crm-surface)); }
#wOverlay .wNonstandardWorkItem.is-color-violet { border-color: color-mix(in srgb,var(--crm-mark-violet) 24%,var(--crm-border)); background: color-mix(in srgb,var(--crm-mark-violet) 7%,var(--crm-surface)); }
#wOverlay .wNonstandardWorkItem.is-color-slate { border-color: color-mix(in srgb,var(--crm-mark-slate) 22%,var(--crm-border)); background: color-mix(in srgb,var(--crm-mark-slate) 7%,var(--crm-surface)); }
#wOverlay .wNonstandardWorkItemMain { min-width: 0; }
#wOverlay .wNonstandardWorkItem h3 { margin: 0; color: var(--crm-text); font-size: 15px; line-height: 21px; font-weight: 700; }
#wOverlay .wNonstandardWorkItemTools { display: flex; min-width: 150px; align-items: flex-start; justify-content: flex-end; gap: 7px; }
#wOverlay .wNonstandardWorkItemActions { display: flex; flex: 0 0 auto; gap: 2px; }
#wOverlay .wNonstandardWorkItemActions button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--crm-muted); cursor: pointer; }
#wOverlay .wNonstandardWorkItemActions button:hover { background: var(--crm-surface-2); color: var(--crm-text); }
#wOverlay .wNonstandardWorkItemActions button.is-copied { background: var(--crm-success-soft); color: var(--crm-success); }
#wOverlay .wNonstandardWorkItemActions .material-symbols-outlined { font-size: 18px; }
#wOverlay .wNonstandardWorkContent { margin-top: 1px; color: var(--crm-text); font-size: 13px; line-height: 18px; white-space: normal; }
#wOverlay .wNonstandardWorkItemTags { display: flex; max-width: 250px; flex-wrap: wrap; justify-content: flex-end; gap: 3px; }
#wOverlay .wNonstandardWorkItemTags span { padding: 2px 6px; border-radius: 999px; background: var(--crm-surface-2); color: var(--crm-muted); font-size: 10px; line-height: 16px; white-space: nowrap; }
#wOverlay .wNonstandardWorkEmpty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; padding: 24px; color: var(--crm-muted); text-align: center; }
#wOverlay .wNonstandardWorkEmpty b { color: var(--crm-text); font-size: 15px; }
#wOverlay .wNonstandardWorkEmpty .material-symbols-outlined { font-size: 30px; }
#wOverlay .wNonstandardWorkEmpty button { height: 36px; padding: 0 12px; border: 1px solid var(--crm-border); border-radius: 8px; background: var(--crm-surface); color: var(--crm-text); cursor: pointer; }
#wOverlay .wNonstandardWorkForm { margin: 0 0 16px; padding: 16px; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); }
#wOverlay .wNonstandardWorkFormTitle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; color: var(--crm-text); }
#wOverlay .wNonstandardWorkFormTitle button { width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; color: var(--crm-muted); font-size: 22px; cursor: pointer; }
#wOverlay .wNonstandardWorkForm label { display: block; margin-top: 11px; color: var(--crm-text); font-size: 12px; font-weight: 700; }
#wOverlay .wNonstandardWorkForm input,#wOverlay .wNonstandardWorkForm textarea { width: 100%; margin-top: 5px; padding: 10px 11px; border: 1px solid var(--crm-border); border-radius: 8px; box-sizing: border-box; background: var(--crm-surface); color: var(--crm-text); font: 400 14px/20px var(--crm-font-sans); resize: vertical; }
#wOverlay .wNonstandardWorkForm input:focus,#wOverlay .wNonstandardWorkForm textarea:focus { outline: 2px solid rgba(234,106,18,.18); border-color: var(--crm-accent); }
#wOverlay .wNonstandardWorkForm small { display: block; margin-top: 4px; color: var(--crm-muted); font-weight: 400; }
#wOverlay .wNonstandardWorkTagChoices { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
#wOverlay .wNonstandardWorkTagChoice { display: inline-flex; align-items: center; gap: 3px; min-height: 26px; padding: 3px 8px; border: 1px solid var(--crm-border); border-radius: 999px; background: var(--crm-surface-2); color: var(--crm-muted); font: 600 11px/16px var(--crm-font-sans); cursor: pointer; }
#wOverlay .wNonstandardWorkTagChoice:hover { border-color: var(--crm-accent); color: var(--crm-text); }
#wOverlay .wNonstandardWorkTagChoice.is-selected { border-color: var(--crm-accent); background: var(--crm-accent-soft); color: var(--crm-accent); }
#wOverlay .wNonstandardWorkTagChoice .material-symbols-outlined { font-size: 14px; }
#wOverlay .wNonstandardWorkTagChoice:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }
#wOverlay .wNonstandardWorkColorField { min-width: 0; margin: 12px 0 0; padding: 0; border: 0; }
#wOverlay .wNonstandardWorkColorField legend { margin-bottom: 7px; padding: 0; color: var(--crm-text); font-size: 12px; font-weight: 700; }
#wOverlay .wNonstandardWorkColorChoices { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
#wOverlay button.wNonstandardWorkColorChoice { position: relative; display: block; flex: 0 0 22px; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; padding: 0 !important; border: 1px solid transparent !important; border-radius: 50% !important; opacity: .5; box-shadow: none; cursor: pointer; transition: transform 150ms ease-out,opacity 150ms ease-out,box-shadow 150ms ease-out; }
#wOverlay button.wNonstandardWorkColorChoice.is-none { border-color: var(--crm-border) !important; background: var(--crm-surface) !important; }
#wOverlay button.wNonstandardWorkColorChoice.is-none::after { content: ""; position: absolute; top: 9px; left: 3px; width: 14px; height: 1px; background: var(--crm-muted); transform: rotate(-45deg); }
#wOverlay button.wNonstandardWorkColorChoice.is-amber { background: var(--crm-warning) !important; }
#wOverlay button.wNonstandardWorkColorChoice.is-red { background: var(--crm-danger) !important; }
#wOverlay button.wNonstandardWorkColorChoice.is-green { background: var(--crm-success) !important; }
#wOverlay button.wNonstandardWorkColorChoice.is-blue { background: var(--crm-info) !important; }
#wOverlay button.wNonstandardWorkColorChoice.is-violet { background: var(--crm-mark-violet) !important; }
#wOverlay button.wNonstandardWorkColorChoice.is-slate { background: var(--crm-mark-slate) !important; }
#wOverlay button.wNonstandardWorkColorChoice:hover { opacity: .8; transform: scale(1.08); }
#wOverlay button.wNonstandardWorkColorChoice.is-selected { opacity: 1; transform: scale(1.08); box-shadow: 0 0 0 2px var(--crm-surface),0 0 0 4px currentColor; }
#wOverlay button.wNonstandardWorkColorChoice.is-none { color: var(--crm-muted); }
#wOverlay button.wNonstandardWorkColorChoice.is-amber { color: var(--crm-warning); }
#wOverlay button.wNonstandardWorkColorChoice.is-red { color: var(--crm-danger); }
#wOverlay button.wNonstandardWorkColorChoice.is-green { color: var(--crm-success); }
#wOverlay button.wNonstandardWorkColorChoice.is-blue { color: var(--crm-info); }
#wOverlay button.wNonstandardWorkColorChoice.is-violet { color: var(--crm-mark-violet); }
#wOverlay button.wNonstandardWorkColorChoice.is-slate { color: var(--crm-mark-slate); }
#wOverlay button.wNonstandardWorkColorChoice:focus-visible { outline: 2px solid var(--crm-accent) !important; outline-offset: 3px; }
#wOverlay .wNonstandardWorkFormError { min-height: 18px; margin-top: 8px; color: var(--crm-danger); font-size: 12px; }
#wOverlay .wNonstandardWorkFormActions,#wOverlay .wNonstandardWorkFormActions>div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#wOverlay .wNonstandardWorkFormActions button { height: 38px; padding: 0 13px; border-radius: 8px; font: 600 13px/1 var(--crm-font-sans); cursor: pointer; }
#wOverlay .wNonstandardWorkSubmit { border: 0; background: var(--crm-accent); color: #fff; }
#wOverlay .wNonstandardWorkCancel { border: 1px solid var(--crm-border); background: var(--crm-surface-2); color: var(--crm-text); }
#wOverlay .wNonstandardWorkArchive { border: 1px solid rgba(219,44,43,.28); background: var(--crm-surface); color: var(--crm-danger); }
#wOverlay .wNonstandardWorkForm.is-saving { opacity: .72; }
@media (max-width: 620px) {
	#wOverlay.wNonstandardWorkPanel { width: 100%; }
	#wOverlay .wNonstandardWork { padding: 14px 12px 24px; }
	#wOverlay .wNonstandardWorkToolbar { flex-direction: column; }
	#wOverlay .wNonstandardWorkAdd { justify-content: center; }
	#wOverlay .wNonstandardWorkItem { grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 9px 8px 9px 11px; }
	#wOverlay .wNonstandardWorkItemTools { min-width: 0; flex-direction: column-reverse; align-items: flex-end; gap: 3px; }
	#wOverlay .wNonstandardWorkItemTags { max-width: 120px; }
}

#wUI_units #wTable tbody tr td:nth-child(4) small:not(.lpRoleWait),
#wUI_items #wTable tbody tr td.wi9 small:not(.lpRoleWait),
.lpRoleBadge,
.lpRoleWait {
	padding: 2px 9px !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	line-height: 14px !important;
	font-weight: 500 !important;
	border-color: transparent !important;
	background: #eef5fd !important;
	color: var(--crm-info) !important;
}

.red,
.debt-val,
#wUI_units #wTable tbody td:nth-child(7) .red {
	color: var(--crm-danger) !important;
}

#wUI_calc.wContent {
	background: var(--crm-bg) !important;
	min-height: calc(100vh - 96px);
}

#wUI_calc .crmCalcPage {
	max-width: none !important;
	width: 100% !important;
	padding: 12px 16px 20px !important;
	margin: 0 !important;
	grid-template-columns: minmax(0, 1fr) 280px !important;
	gap: 16px !important;
	box-sizing: border-box;
}

#wUI_calc .crmCalcPage__main {
	justify-content: flex-start !important;
	min-width: 0;
}

#wUI_calc .crmCalcPage__main #xCalc {
	width: 960px !important;
	max-width: 100% !important;
	background: var(--crm-surface);
}

#wUI_calc .crmCalcStack {
	top: 108px !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	border-color: var(--crm-border) !important;
}

#wOverlay {
	border-color: var(--crm-border) !important;
	border-radius: 10px !important;
	box-shadow: 0 18px 60px rgba(15, 23, 42, 0.22) !important;
}

#exposeMask {
	background: rgba(31, 41, 51, 0.42) !important;
}

html.lpOverlayScrollLock,
body.lpOverlayScrollLock {
	overflow: hidden !important;
	overscroll-behavior: none;
}

#wOverlay.crmSidePanel,
.crmSidePanelBackdrop {
	overscroll-behavior: none;
}

#wOverlay.crmSidePanel .crmSidePanelBody,
#wOverlay.crmSidePanel .crmNestedPanelBody {
	overscroll-behavior: contain;
}

body.lpOverlayScrollLock {
	padding-right: var(--lp-overlay-scrollbar-width, 0px) !important;
}

html.lpOverlayScrollLock #lpHeader {
	right: var(--lp-overlay-scrollbar-width, 0px);
	width: auto;
}

#wOverlay:not(.wClientPopup) {
	width: min(720px, calc(100vw - 48px)) !important;
	max-width: min(720px, calc(100vw - 48px)) !important;
	padding: 24px 24px 18px !important;
	background: var(--crm-surface) !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 18px !important;
	box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22) !important;
}

#wOverlay.wOverlayClassic:not(.wClientPopup):not(.crmSidePanel) {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	transform: translate(-50%, -50%) !important;
	box-sizing: border-box;
	max-height: min(780px, calc(100vh - 40px)) !important;
	overflow: auto !important;
	overscroll-behavior: contain;
}

#wOverlay.wOverlayClassic:not(.wClientPopup):not(.crmSidePanel) > * {
	box-sizing: border-box;
}

#wOverlay:not(.wClientPopup) > div.close {
	top: 18px !important;
	right: 18px !important;
	width: 30px !important;
	height: 30px !important;
	display: grid;
	place-items: center;
	border-radius: 999px;
	background-color: var(--crm-surface-2) !important;
	background-image: none !important;
	background-size: 14px 14px !important;
	opacity: 1 !important;
}

#wOverlay:not(.wClientPopup) > div.close::before {
	content: "close";
	font-family: "Material Symbols Outlined";
	font-size: 18px;
	line-height: 1;
	color: var(--crm-muted);
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

#wOverlay:not(.wClientPopup) > h2,
#wOverlay:not(.wClientPopup) h2 {
	margin: 0 36px 18px 0 !important;
	font-size: 28px !important;
	line-height: 32px !important;
	font-weight: 700 !important;
	color: var(--crm-text) !important;
}

#wOverlay:not(.wClientPopup) .wOverlayFormTbl,
#wOverlay:not(.wClientPopup) #wEditItemTbl {
	width: 100% !important;
	border-collapse: separate;
	border-spacing: 0 10px;
}

#wOverlay:not(.wClientPopup) .wOverlayFormTblResponsive {
	table-layout: fixed;
}

#wOverlay:not(.wClientPopup) .wOverlayFormTblResponsive td:first-child {
	width: 120px !important;
}

#wOverlay:not(.wClientPopup) .wOverlayFormTbl td,
#wOverlay:not(.wClientPopup) #wEditItemTbl td,
#wOverlay:not(.wClientPopup) #wEditItemTbl th {
	padding: 0 8px 0 0 !important;
	vertical-align: top !important;
}

#wOverlay:not(.wClientPopup) .xFieldLabel,
#wOverlay:not(.wClientPopup) #wEditItemTbl th {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--crm-muted) !important;
}

#wOverlay:not(.wClientPopup) input[type="text"],
#wOverlay:not(.wClientPopup) input[type="password"],
#wOverlay:not(.wClientPopup) textarea,
#wOverlay:not(.wClientPopup) select {
	width: 100% !important;
	min-height: 42px;
	padding: 10px 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: var(--crm-surface) !important;
	box-shadow: none !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: var(--crm-text) !important;
}

#wOverlay:not(.wClientPopup) textarea {
	min-height: 92px;
	resize: vertical;
}

#wOverlay:not(.wClientPopup) input[type="checkbox"] {
	width: 16px !important;
	height: 16px !important;
	min-height: 16px;
	padding: 0 !important;
	margin-left: 6px;
	vertical-align: middle;
}

#wOverlay:not(.wClientPopup) .wWarning {
	width: auto !important;
	margin: 0 0 14px 0 !important;
	padding: 14px 16px 14px 42px !important;
	border: 1px solid rgba(228, 158, 34, 0.28);
	border-radius: 12px;
	background: #fff8eb url('/printme/exclamation24.png') 12px 14px no-repeat !important;
	color: #7a5611;
}

#wOverlay:not(.wClientPopup) .wBtns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 18px 0 0 0 !important;
	padding: 16px 0 0 0 !important;
	border-top: 1px solid var(--crm-border) !important;
}

#wOverlay:not(.wClientPopup) .wBtn {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 42px;
	margin: 0 !important;
	padding: 0 16px 0 38px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: var(--crm-surface) !important;
	box-shadow: none !important;
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	color: var(--crm-text) !important;
}

#wOverlay:not(.wClientPopup) .wBtn:hover {
	border-color: var(--crm-accent) !important;
	background: var(--crm-accent-soft) !important;
}

#wOverlay:not(.wClientPopup) .wInlineIconBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0;
	margin-left: 6px;
	border: 1px solid var(--crm-border) !important;
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	cursor: pointer;
	vertical-align: top;
}

#wOverlay:not(.wClientPopup) .wBtnCancel {
	background: var(--crm-surface-2) !important;
}

#wOverlay.wEditDateRangeForm {
	width: min(640px, calc(100vw - 32px)) !important;
	max-width: min(640px, calc(100vw - 32px)) !important;
}

#wOverlay.wEditDateRangeForm .wDateRangeFields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 16px;
}

#wOverlay.wEditDateRangeForm .wDateRangeField {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#wOverlay.wEditDateRangeForm .wDateRangeField input[type="text"] {
	min-height: 44px;
	font-size: 15px !important;
}

#wOverlay.wEditDateRangeForm .date {
	padding-right: 42px !important;
	background-position: right 14px center !important;
	background-size: 16px 16px !important;
	cursor: pointer;
}

#wOverlay.wEditDateRangeForm .wBtns {
	margin-top: 20px !important;
}

#wOverlay.wNewUpload .wNewFileDropzone {
	width: 100%;
	min-height: 220px;
	margin-top: 16px;
	border: 1px dashed var(--crm-border) !important;
	border-radius: 16px;
	background-color: var(--crm-surface-2);
	background-image: url('/printme/uploadmark.png');
	background-position: center center;
	background-repeat: no-repeat;
}

#wOverlay.wNewUpload .wNewFileDropzone.wNewFileDropzoneWorking {
	background-color: var(--crm-accent-soft);
	border-color: rgba(234, 106, 18, 0.34) !important;
}

#wOverlay .wDeleteUserConfirmText {
	font-size: 16px;
	line-height: 24px;
	color: var(--crm-text);
}

#wOverlay .wDeleteUserConfirmHint {
	margin-top: 10px;
	color: var(--crm-muted) !important;
}

#wOverlay:not(.wClientPopup) .wBtnDanger,
#wOverlay:not(.wClientPopup) #wDeleteUserBtn,
#wOverlay:not(.wClientPopup) #wDeleteUserBtnConfirm {
	border-color: rgba(196, 74, 51, 0.28) !important;
	background: #fff1ee !important;
	color: #b53a26 !important;
}

#wOverlay:not(.wClientPopup) .wBtns .wNewFullPrice,
#wOverlay:not(.wClientPopup) .wEditDocSum {
	position: static !important;
	margin-left: auto;
	width: auto !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 700;
	color: var(--crm-text) !important;
}

#wOverlay:not(.wClientPopup) #wNewClient,
#wOverlay:not(.wClientPopup) #wNewPerson,
#wOverlay:not(.wClientPopup) #wNewComment,
#wOverlay:not(.wClientPopup) #wAlias,
#wOverlay:not(.wClientPopup) .wOverlayEditClient input[type=text] {
	width: 100% !important;
	font-size: 14px !important;
}

#wOverlay:not(.wClientPopup) #wName {
	font-size: 16px !important;
}

#wOverlay:not(.wClientPopup) #wDiscount {
	width: 120px !important;
}

/* New order */
#wOverlay.wNewUnitForm {
	width: min(760px, calc(100vw - 32px)) !important;
	max-width: min(760px, calc(100vw - 32px)) !important;
}

#wOverlay.wNewUnitForm .wNewOrderForm {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

#wOverlay.wNewUnitForm .wNewOrderField {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	margin: 0;
}

#wOverlay.wNewUnitForm .wNewOrderFieldLabel {
	padding-top: 12px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--crm-muted);
}

#wOverlay.wNewUnitForm .wNewOrderFieldControl,
#wOverlay.wNewUnitForm .wNewOrderReadyFields,
#wOverlay.wNewUnitForm .wNewOrderReadyField,
#wOverlay.wNewUnitForm .wNewTimeInputWrap {
	min-width: 0;
}

#wOverlay.wNewUnitForm .wNewOrderFieldControl {
	display: block;
}

#wOverlay.wNewUnitForm #wNewPerson {
	min-height: 72px;
}

#wOverlay.wNewUnitForm #wNewComment {
	min-height: 86px;
}

#wOverlay.wNewUnitForm .wNewOrderReadyFields {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(150px, 0.75fr);
	gap: 12px;
}

#wOverlay.wNewUnitForm .wNewOrderReadyField {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}

#wOverlay.wNewUnitForm .wNewOrderReadyField > span:first-child {
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: var(--crm-muted);
}
#wOverlay.wNewUnitForm .wNewOrderCriticalControl {
	grid-column: 1 / -1;
	align-items: flex-start;
	margin-top: 2px;
}
#wOverlay.wNewUnitForm .wNewOrderCriticalControl > span {
	display: flex;
	flex-direction: column;
	gap: 1px;
}
#wOverlay.wNewUnitForm .wNewOrderCriticalControl strong { font-size: 13px; line-height: 18px; }
#wOverlay.wNewUnitForm .wNewOrderCriticalControl small { color: var(--crm-muted); font-size: 11px; line-height: 16px; font-weight: 400; }

#wOverlay.wNewUnitForm #wNewDate {
	padding-right: 42px !important;
	background-image: none !important;
	cursor: pointer;
}

#wOverlay.wNewUnitForm .wNewTimeInputWrap {
	position: relative;
	display: block;
}

#wOverlay.wNewUnitForm #wNewTime0 {
	padding-right: 44px !important;
}

#wOverlay.wNewUnitForm #wNewTime0.is-invalid-time {
	border-color: var(--crm-danger, #c44a33) !important;
	box-shadow: 0 0 0 3px rgba(196, 74, 51, 0.1) !important;
}

#wOverlay.wNewUnitForm #wNewClient.is-invalid-required,
#wOverlay.wNewUnitForm #wNewPerson.is-invalid-required {
	border-color: var(--crm-danger, #c44a33) !important;
	box-shadow: 0 0 0 3px rgba(196, 74, 51, 0.1) !important;
}

#wOverlay.wNewUnitForm .wNewTimePickerButton {
	position: absolute;
	top: 4px;
	right: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}

#wOverlay.wNewUnitForm .wNewTimePickerButton:hover,
#wOverlay.wNewUnitForm .wNewTimePickerButton:focus-visible {
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	outline: none;
}

#wOverlay.wNewUnitForm .wNewTimePickerButton .material-symbols-outlined {
	font-size: 20px;
}

#wOverlay.wNewUnitForm .wNewOrderNotifyField {
	align-items: center;
}

#wOverlay.wNewUnitForm .wNewOrderNotifyField .wNewOrderFieldLabel {
	padding-top: 0;
}

#wOverlay.wNewUnitForm .wNewOrderNotifyControl {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 32px;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--crm-text);
	cursor: pointer;
}

#wOverlay.wNewUnitForm .wNewOrderNotifyControl input[type="checkbox"] {
	margin: 0 !important;
}

#wOverlay.wNewUnitForm .cleditorMain {
	width: 100% !important;
	height: 102px !important;
	box-sizing: border-box;
	border: 1px solid var(--crm-border) !important;
	border-top: 0 !important;
	border-radius: 0 0 12px 12px;
	overflow: hidden;
}

#wOverlay.wNewUnitForm .cleditorToolbar.crmCleditorToolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	min-height: 42px;
	height: auto !important;
	padding: 5px 7px;
	box-sizing: border-box;
	border: 1px solid var(--crm-border);
	border-bottom: 1px solid var(--crm-border-soft);
	border-radius: 12px 12px 0 0;
	background: var(--crm-surface-2) !important;
}

#wOverlay.wNewUnitForm .crmCleditorToolbar .cleditorGroup {
	display: flex;
	align-items: center;
	gap: 2px;
	float: none;
	height: 32px;
}

#wOverlay.wNewUnitForm .crmCleditorToolbar .cleditorDivider {
	float: none;
	width: 1px;
	height: 20px;
	margin: 6px 3px;
	background: var(--crm-border);
}

#wOverlay.wNewUnitForm .cleditorButtonModern {
	position: relative;
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0;
	border-radius: 8px;
	background-color: transparent !important;
	background-image: none !important;
	color: var(--crm-muted);
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#wOverlay.wNewUnitForm .cleditorButtonModern::before {
	font-family: "Material Symbols Outlined";
	font-size: 19px;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

#wOverlay.wNewUnitForm .cleditorButtonModern:hover,
#wOverlay.wNewUnitForm .cleditorButtonModern:focus-visible {
	background-color: var(--crm-surface) !important;
	color: var(--crm-accent);
	outline: 2px solid transparent;
	box-shadow: 0 0 0 2px rgba(234, 106, 18, 0.16);
}

#wOverlay.wNewUnitForm .cleditorButtonModern:active {
	background-color: var(--crm-accent-soft) !important;
}

#wOverlay.wNewUnitForm .cleditorButtonModern.cleditorDisabled {
	opacity: 0.35;
	cursor: default;
	font:inherit;
	box-shadow: none;
}

#wOverlay.wNewUnitForm .cleditorButton--bold::before { content: "format_bold"; }
#wOverlay.wNewUnitForm .cleditorButton--strikethrough::before { content: "strikethrough_s"; }
#wOverlay.wNewUnitForm .cleditorButton--size::before { content: "format_size"; }
#wOverlay.wNewUnitForm .cleditorButton--color::before { content: "format_color_text"; }
#wOverlay.wNewUnitForm .cleditorButton--highlight::before { content: "format_color_fill"; }
#wOverlay.wNewUnitForm .cleditorButton--link::before { content: "link"; }
#wOverlay.wNewUnitForm .cleditorButton--undo::before { content: "undo"; }
#wOverlay.wNewUnitForm .cleditorButton--redo::before { content: "redo"; }
#wOverlay.wNewUnitForm .cleditorButton--copy::before { content: "content_copy"; }
#wOverlay.wNewUnitForm .cleditorButton--paste::before { content: "content_paste"; }

#wOverlay.wNewUnitForm .cleditorMain iframe {
	background: var(--crm-surface);
}

#wOverlay.wNewUnitForm .wNewOrderItemsSection {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--crm-border);
}

#wOverlay.wNewUnitForm .wNewOrderItemsHead {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 8px;
}

#wOverlay.wNewUnitForm .wNewOrderItemsHead h3 {
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: var(--crm-text);
}

#wOverlay.wNewUnitForm .wNewOrderItemsCount {
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	color: var(--crm-muted);
}

#wOverlay.wNewUnitForm .wNewOrderItemsTable {
	width: 100%;
	border-collapse: collapse;
}

#wOverlay.wNewUnitForm .wNewOrderItem td {
	padding: 12px 0;
	border-bottom: 1px solid var(--crm-border-soft);
	vertical-align: top;
}

#wOverlay.wNewUnitForm .wNewOrderItem:last-child td {
	border-bottom: 0;
}

#wOverlay.wNewUnitForm .wNewOrderItemNumber {
	width: 30px;
	padding-right: 10px !important;
	font-size: 12px;
	line-height: 20px;
	font-weight: 700;
	color: var(--crm-muted);
}

#wOverlay.wNewUnitForm .wNewOrderItemDescription {
	padding-right: 16px !important;
}

#wOverlay.wNewUnitForm .wNewOrderItemDescription .wNewItemTitle,
#wOverlay.wNewUnitForm .wNewOrderItemDescription span {
	display: block;
}

#wOverlay.wNewUnitForm .wNewOrderItemDescription .wNewItemTitle {
	width: 100% !important;
	height: 30px !important;
	margin-bottom: 3px;
	padding: 3px 7px !important;
	border: 1px solid transparent !important;
	border-radius: 8px !important;
	box-sizing: border-box !important;
	background: transparent !important;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: var(--crm-text);
}

#wOverlay.wNewUnitForm .wNewOrderItemDescription .wNewItemTitle:hover {
	border-color: var(--crm-border) !important;
	background: var(--crm-surface) !important;
}

#wOverlay.wNewUnitForm .wNewOrderItemDescription .wNewItemTitle:focus {
	border-color: var(--crm-accent) !important;
	background: var(--crm-surface) !important;
	outline: 0 !important;
	box-shadow: 0 0 0 3px var(--crm-accent-soft) !important;
}

#wOverlay.wNewUnitForm .wNewOrderItemDescription span {
	font-size: 13px;
	line-height: 18px;
	color: var(--crm-muted);
}

#wOverlay.wNewUnitForm .wNewOrderItemPrice {
	width: 132px;
}

#wOverlay.wNewUnitForm .wNewOrderItemPrice .wNewPrice {
	width: 100% !important;
	text-align: right;
	font-weight: 600;
}

#wOverlay.wNewUnitForm .wNewFullPrice {
	font-size: 20px !important;
}

@media (max-width: 620px) {
	#wOverlay.wNewUnitForm .wNewOrderField {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	#wOverlay.wNewUnitForm .wNewOrderFieldLabel {
		padding-top: 0;
	}

	#wOverlay.wNewUnitForm .wNewOrderReadyFields {
		grid-template-columns: minmax(0, 1fr) 132px;
	}

	#wOverlay.wNewUnitForm .wNewOrderItemPrice {
		width: 106px;
	}
}

/* Calculator order composer: left-hand workspace panel */
#wOverlay.crmSidePanel.wNewOrderPanel {
	width: min(920px, 92vw) !important;
	max-width: 100vw !important;
}

#wOverlay.wNewOrderPanel .wNewOrderPanelBody {
	display: flex;
	flex-direction: column;
	background: var(--crm-bg);
}

#wOverlay.wNewOrderPanel .wNewOrderWorkspace {
	flex: 1 0 auto;
	padding: 24px 28px 32px;
}

#wOverlay.wNewOrderPanel .wNewOrderDetails,
#wOverlay.wNewOrderPanel .wNewOrderItemsSection {
	margin: 0;
	padding: 0;
	border: 0;
}

#wOverlay.wNewOrderPanel .wNewOrderItemsSection {
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid var(--crm-border);
}

#wOverlay.wNewOrderPanel .wNewOrderSectionHead {
	margin-bottom: 22px;
}

#wOverlay.wNewOrderPanel .wNewOrderSectionHead h3 {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: var(--crm-text);
}

#wOverlay.wNewOrderPanel .wNewOrderSectionHead p {
	max-width: 62ch;
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 19px;
	color: var(--crm-muted);
}

#wOverlay.wNewOrderPanel .wNewOrderForm {
	gap: 18px;
}

#wOverlay.wNewOrderPanel .wNewOrderField {
	grid-template-columns: 132px minmax(0, 1fr);
	gap: 20px;
}

#wOverlay.wNewOrderPanel .wNewOrderFieldLabel {
	padding-top: 11px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0;
	text-transform: none;
	color: var(--crm-muted);
}

#wOverlay.wNewOrderPanel .wNewOrderFieldBody {
	display: flex;
	min-width: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 12px;
}

#wOverlay.wNewOrderPanel .wNewOrderFieldBody .wNewOrderFieldControl {
	flex: 1 1 360px;
}

#wOverlay.wNewOrderPanel .jq-selectbox.crmSystemSelect {
	width: 100%;
}

#wOverlay.wNewOrderPanel .wNewOrderInlineAction {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 34px;
	padding: 0 6px;
	border: 0;
	background: transparent;
	color: var(--crm-accent);
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	cursor: pointer;
}

#wOverlay.wNewOrderPanel .wNewOrderInlineAction:hover {
	color: var(--crm-accent-strong);
}

#wOverlay.wNewOrderPanel .wNewOrderInlineAction:focus-visible {
	border-radius: 6px;
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

#wOverlay.wNewOrderPanel .wNewOrderInlineAction:disabled {
	color: var(--crm-muted-2);
	cursor: default;
}

#wOverlay.wNewOrderPanel .wNewOrderInlineAction .material-symbols-outlined {
	font-size: 18px;
}

#wOverlay.wNewOrderPanel .wNewOrderContactHint {
	flex-basis: 100%;
	font-size: 12px;
	line-height: 18px;
	color: var(--crm-muted);
}

#wOverlay.wNewOrderPanel .wNewOrderNotifyField {
	align-items: start;
}

#wOverlay.wNewOrderPanel .wNewOrderNotifyField .wNewOrderFieldLabel {
	padding-top: 6px;
}

#wOverlay.wNewOrderPanel .wNewOrderItemsHead {
	margin-bottom: 10px;
}

#wOverlay.wNewOrderPanel .wNewOrderItem td {
	padding-top: 14px;
	padding-bottom: 14px;
}

#wOverlay.wNewOrderPanel .wNewOrderFooter {
	position: sticky;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 0 !important;
	padding: 14px 28px !important;
	border-top: 1px solid var(--crm-border) !important;
	background: var(--crm-surface);
	box-sizing: border-box;
}

#wOverlay.wNewOrderPanel .wNewOrderFooterActions {
	display: flex;
	align-items: center;
	gap: 10px;
}

#wOverlay.wNewOrderPanel .wNewOrderFooter .wBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	margin: 0 !important;
	padding: 0 16px !important;
}

#wOverlay.wNewOrderPanel .wNewOrderFooter .wBtnSubmitUnit {
	background: var(--crm-accent) !important;
	border-color: var(--crm-accent) !important;
	color: var(--crm-surface) !important;
}

#wOverlay.wNewOrderPanel .wNewOrderFooter .wBtnSubmitUnit:hover {
	background: var(--crm-accent-2) !important;
	border-color: var(--crm-accent-2) !important;
}

#wOverlay.wNewOrderPanel .wNewOrderFooter .material-symbols-outlined {
	font-size: 18px;
}

#wOverlay.wNewOrderPanel .wNewOrderFooter .wBtnSubmitUnit .material-symbols-outlined {
	color: currentColor !important;
}

#wOverlay.wNewOrderPanel .wNewOrderFooter .wBtn::before {
	content: none !important;
	display: none !important;
}

#wOverlay.wNewOrderPanel .wNewOrderItemPrice {
	width: 160px;
	vertical-align: top;
}
#wOverlay.wNewOrderPanel .wNewOrderDiscounts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 4px;
	margin-top: 7px;
}
#wOverlay.wNewOrderPanel .wNewOrderDiscounts button {
	min-height: 26px;
	padding: 0 7px;
	border: 1px solid var(--crm-border);
	border-radius: 6px;
	background: var(--crm-surface);
	color: var(--crm-muted);
	font: 600 11px/16px var(--crm-font-sans);
	cursor: pointer;
}
#wOverlay.wNewOrderPanel .wNewOrderDiscounts button.is-reset {
	grid-column: 1 / -1;
}
#wOverlay.wNewOrderPanel .wNewOrderDiscounts button:hover,
#wOverlay.wNewOrderPanel .wNewOrderDiscounts button:focus-visible {
	border-color: var(--crm-accent);
	color: var(--crm-accent-strong);
	outline: none;
}
#wOverlay.wNewOrderPanel .wNewOrderDiscounts button.is-active {
	border-color: var(--crm-accent);
	background: var(--crm-accent-soft);
	color: var(--crm-accent-strong);
}

#wOverlay.wNewOrderPanel .wNewOrderItem.is-new-calc-pricing .wNewOrderItemPrice {
	width: 280px;
}

#wOverlay.wNewOrderPanel .wNewCalcPricePolicy {
	display: flex;
	margin-top: 10px;
	padding-top: 10px;
	flex-direction: column;
	gap: 8px;
	border-top: 1px solid var(--crm-border-soft);
}

#wOverlay.wNewOrderPanel .wNewCalcPricePolicyTitle {
	font-size: 12px;
	line-height: 16px;
	color: var(--crm-text);
}

#wOverlay.wNewOrderPanel .wNewCalcPricePolicyStatus {
	padding: 7px 8px;
	border-radius: 8px;
	background: var(--crm-surface-muted);
	font-size: 11px;
	line-height: 15px;
	color: var(--crm-muted);
}

#wOverlay.wNewOrderPanel .wNewCalcPricePolicyStatus.is-warning {
	background: var(--crm-accent-soft);
	color: var(--crm-accent-strong);
}

#wOverlay.wNewOrderPanel .wNewCalcPricePolicyStatus.is-error {
	background: color-mix(in srgb, var(--crm-danger) 8%, var(--crm-surface));
	color: var(--crm-danger);
}

#wOverlay.wNewOrderPanel .wNewCalcPolicyCheck {
	display: flex;
	min-height: 44px;
	box-sizing: border-box;
	padding: 8px;
	align-items: flex-start;
	gap: 8px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	cursor: pointer;
}

#wOverlay.wNewOrderPanel .wNewCalcPolicyCheck input {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: var(--crm-danger);
}

#wOverlay.wNewOrderPanel .wNewCalcPolicyCheck > span {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

#wOverlay.wNewOrderPanel .wNewCalcPolicyCheck b {
	font-size: 11px;
	line-height: 15px;
	color: var(--crm-text);
}

#wOverlay.wNewOrderPanel .wNewCalcPolicyCheck small {
	font-size: 10px;
	line-height: 14px;
	color: var(--crm-muted);
}

#wOverlay.wNewOrderPanel .wNewCalcPriceReason {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

#wOverlay.wNewOrderPanel .wNewCalcPriceReason > span {
	font-size: 11px;
	font-weight: 600;
	color: var(--crm-text);
}

#wOverlay.wNewOrderPanel .wNewCalcPriceReason textarea {
	min-height: 54px;
	box-sizing: border-box;
	padding: 7px 8px;
	resize: vertical;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 500 11px/15px var(--crm-font-sans);
}

#wOverlay.wNewOrderPanel .wNewCalcPriceReason textarea:focus-visible,
#wOverlay.wNewOrderPanel .wNewCalcPolicyCheck input:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

#wOverlay.wNewOrderPanel .wManualPriceEntry {
	display: flex;
	margin-top: 10px;
	padding-top: 10px;
	flex-direction: column;
	gap: 6px;
	border-top: 1px solid var(--crm-border-soft);
}

#wOverlay.wNewOrderPanel .wManualPriceEntry > strong,
#wOverlay.wNewOrderPanel .wManualPriceEntry label > span {
	font-size: 11px;
	line-height: 15px;
	font-weight: 650;
	color: var(--crm-text);
}

#wOverlay.wNewOrderPanel .wManualPriceEntry > p {
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	color: var(--crm-muted);
}

#wOverlay.wNewOrderPanel .wManualPriceEntry label {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

#wOverlay.wNewOrderPanel .wManualPriceEntry textarea {
	min-height: 58px;
	box-sizing: border-box;
	padding: 8px;
	resize: vertical;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 500 11px/15px var(--crm-font-sans);
}

#wOverlay.wNewOrderPanel .wManualPriceEntry textarea:focus-visible {
	border-color: var(--crm-accent);
	outline: 2px solid color-mix(in srgb, var(--crm-accent) 20%, transparent);
	outline-offset: 1px;
}

#wOverlay .wEditPriceDecision {
	display: flex;
	margin-top: 16px;
	padding: 16px;
	flex-direction: column;
	gap: 12px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface-2);
}

#wOverlay .wEditPriceDecision[hidden] { display: none; }

#wOverlay .wEditPriceDecisionHead {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

#wOverlay .wEditPriceDecisionHead > div:first-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

#wOverlay .wEditPriceDecisionHead strong {
	font-size: 14px;
	line-height: 20px;
	color: var(--crm-text);
}

#wOverlay .wEditPriceDecisionHead p {
	margin: 0;
	font-size: 12px;
	line-height: 17px;
	color: var(--crm-muted);
}

#wOverlay .wEditPriceDecisionDelta {
	flex: 0 0 auto;
	padding: 5px 8px;
	border-radius: 6px;
	background: var(--crm-surface);
	font-size: 12px;
	line-height: 18px;
	font-weight: 650;
	color: var(--crm-text);
}

#wOverlay .wEditPriceDecisionStatus {
	padding: 9px 10px;
	border-radius: 8px;
	background: var(--crm-accent-soft);
	font-size: 12px;
	line-height: 17px;
	color: var(--crm-accent-strong);
}

#wOverlay .wEditPriceDecisionStatus.is-error {
	background: var(--crm-danger-soft);
	color: var(--crm-danger);
}

#wOverlay .wEditPriceReason {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#wOverlay .wEditPriceReason > span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 650;
	color: var(--crm-text);
}

#wOverlay .wEditPriceReason textarea { min-height: 68px; }

#wOverlay .wEditPriceSafeguards {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 10px;
}

#wOverlay .wEditPriceDecision .wNewCalcPolicyCheck {
	display: flex;
	min-height: 58px;
	box-sizing: border-box;
	padding: 10px;
	align-items: flex-start;
	gap: 9px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	cursor: pointer;
}

#wOverlay .wEditPriceDecision .wNewCalcPolicyCheck[hidden] { display: none; }

#wOverlay .wEditPriceDecision .wNewCalcPolicyCheck input {
	flex: 0 0 18px;
	width: 18px !important;
	height: 18px !important;
	margin: 1px 0 0;
	accent-color: var(--crm-accent);
}

#wOverlay .wEditPriceDecision .wNewCalcPolicyCheck > span {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

#wOverlay .wEditPriceDecision .wNewCalcPolicyCheck b { font-size: 12px; line-height: 16px; color: var(--crm-text); }
#wOverlay .wEditPriceDecision .wNewCalcPolicyCheck small { font-size: 11px; line-height: 15px; color: var(--crm-muted); }

@media (max-width: 680px) {
	#wOverlay .wEditPriceDecisionHead { flex-direction: column; gap: 8px; }
	#wOverlay .wEditPriceSafeguards { grid-template-columns: 1fr; }
}

#wOverlay.wNewOrderPanel .wNewOrderTotal {
	display: flex;
	align-items: baseline;
	gap: 12px;
}

#wOverlay.wNewOrderPanel .wNewOrderTotal > span {
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	color: var(--crm-muted);
}

#wOverlay.wNewOrderPanel .wNewOrderTotal .wNewFullPrice {
	font-size: 22px !important;
	line-height: 28px;
	font-weight: 750;
	color: var(--crm-text);
	white-space: nowrap;
}

@media (max-width: 720px) {
	#wOverlay.crmSidePanel.wNewOrderPanel {
		width: 100vw !important;
	}

	#wOverlay.wNewOrderPanel .wNewOrderWorkspace {
		padding: 20px 18px 28px;
	}

	#wOverlay.wNewOrderPanel .wNewOrderField {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	#wOverlay.wNewOrderPanel .wNewOrderFieldLabel,
	#wOverlay.wNewOrderPanel .wNewOrderNotifyField .wNewOrderFieldLabel {
		padding-top: 0;
	}

	#wOverlay.wNewOrderPanel .wNewOrderReadyFields {
		grid-template-columns: minmax(0, 1fr) 120px;
	}

	#wOverlay.wNewOrderPanel .wNewOrderFooter {
		align-items: stretch;
		padding: 12px 18px !important;
	}

	#wOverlay.wNewOrderPanel .wNewOrderFooterActions {
		flex: 1 1 auto;
	}

	#wOverlay.wNewOrderPanel .wNewOrderFooterActions .wBtnSubmitUnit {
		flex: 1 1 auto;
	}

	#wOverlay.wNewOrderPanel .wNewOrderTotal {
		flex-direction: column;
		align-items: flex-end;
		gap: 0;
	}
}

@media (max-width: 480px) {
	#wOverlay.wNewOrderPanel .wNewOrderReadyFields {
		grid-template-columns: 1fr;
	}

	#wOverlay.wNewOrderPanel .wNewOrderItemDescription {
		padding-right: 8px !important;
	}

	#wOverlay.wNewOrderPanel .wNewOrderItemPrice {
		width: 92px;
	}

	#wOverlay.wNewOrderPanel .wNewOrderFooter {
		flex-wrap: wrap-reverse;
	}

	#wOverlay.wNewOrderPanel .wNewOrderFooterActions,
	#wOverlay.wNewOrderPanel .wNewOrderFooterActions .wBtn {
		flex: 1 1 auto;
	}

	#wOverlay.wNewOrderPanel .wNewOrderTotal {
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
	}
}

@media (prefers-reduced-motion: reduce) {
	#wOverlay.crmSidePanel.wNewOrderPanel {
		transition-duration: 1ms;
	}
}

#wOverlay:not(.wClientPopup) .wUserAvatarEditor {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

#wOverlay:not(.wClientPopup) .wUserAvatarEditorFields {
	flex: 1 1 auto;
	min-width: 0;
}

#wOverlay:not(.wClientPopup) .wAvatarFileBtn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	padding: 0 14px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
}

#wOverlay:not(.wClientPopup) .wAvatarCropEditor {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--crm-border);
}

#wOverlay:not(.wClientPopup) .wAvatarCropStage {
	position: relative;
	flex: 0 0 220px;
	width: 220px;
	height: 220px;
	overflow: hidden;
	border-radius: 50%;
	background: #1f2937;
	cursor: grab;
	touch-action: none;
	user-select: none;
}

#wOverlay:not(.wClientPopup) .wAvatarCropStage:active,
#wOverlay:not(.wClientPopup) .wAvatarCropStage.is-dragging {
	cursor: grabbing;
}

#wOverlay:not(.wClientPopup) .wAvatarCropStage:focus-visible {
	outline: 3px solid var(--crm-accent);
	outline-offset: 3px;
}

#wOverlay:not(.wClientPopup) .wAvatarCropImage {
	position: absolute;
	display: block;
	max-width: none !important;
	pointer-events: none;
	user-select: none;
}

#wOverlay:not(.wClientPopup) .wAvatarCropRing {
	position: absolute;
	inset: 0;
	border: 2px solid rgba(255,255,255,0.88);
	border-radius: 50%;
	box-sizing: border-box;
	pointer-events: none;
}

#wOverlay:not(.wClientPopup) .wAvatarCropControls {
	display: flex;
	flex: 1 1 190px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	min-width: 0;
}

#wOverlay:not(.wClientPopup) .wAvatarCropControls strong {
	color: var(--crm-text);
	font-size: 14px;
	line-height: 20px;
}

#wOverlay:not(.wClientPopup) .wAvatarCropControls > span {
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 17px;
}

#wOverlay:not(.wClientPopup) .wAvatarZoomControl {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin-top: 4px;
}

#wOverlay:not(.wClientPopup) .wAvatarZoomControl .material-symbols-outlined {
	color: var(--crm-muted);
	font-size: 18px;
}

#wOverlay:not(.wClientPopup) .wAvatarZoomRange {
	flex: 1 1 auto;
	min-width: 100px;
	accent-color: var(--crm-accent);
}

#wOverlay:not(.wClientPopup) .wAvatarCropReset {
	min-height: 34px;
	margin-top: 2px;
	padding: 0 11px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: inherit;
	font-size: 13px;
	cursor: pointer;
}

#wOverlay:not(.wClientPopup) .wAvatarCropReset:hover,
#wOverlay:not(.wClientPopup) .wAvatarCropReset:focus-visible {
	border-color: var(--crm-accent);
	color: var(--crm-accent);
	outline: none;
}

@media (max-width: 680px) {
	#wOverlay:not(.wClientPopup) .wAvatarCropEditor {
		flex-direction: column;
		align-items: flex-start;
	}

	#wOverlay:not(.wClientPopup) .wAvatarCropControls {
		width: 100%;
		flex-basis: auto;
	}
}

#wOverlay:not(.wClientPopup) .wUserPwdResult {
	margin-top: 12px;
	padding: 12px 14px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface-2);
}

#wOverlay:not(.wClientPopup) #wEditItemTbl {
	width: 100% !important;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	overflow: hidden;
	background: var(--crm-surface);
}

#wOverlay:not(.wClientPopup) #wEditItemTbl th {
	padding: 11px 10px !important;
	border-bottom: 1px solid var(--crm-border);
	background: var(--crm-surface-2) !important;
}

#wOverlay:not(.wClientPopup) #wEditItemTbl td {
	padding: 8px 10px !important;
	border-bottom: 1px solid var(--crm-border-soft);
	background: transparent;
}

#wOverlay:not(.wClientPopup) #wEditItemTbl tbody tr:not(.wEditItemNameRow) td {
	background: var(--crm-surface);
}

#wOverlay:not(.wClientPopup) #wEditItemTbl tbody tr:nth-child(even):not(.wEditItemNameRow) td {
	background: var(--crm-surface-3);
}

#wOverlay:not(.wClientPopup) #wEditItemTbl tr:last-child td {
	border-bottom: 0;
}

#wOverlay.wEditItemCompact {
	width: min(1120px, calc(100vw - 56px)) !important;
	max-width: min(1120px, calc(100vw - 56px)) !important;
	max-height: calc(100vh - 40px) !important;
	overflow: hidden !important;
	overscroll-behavior: contain;
}

#wOverlay.wEditItemCompact #wEditItemTbl col.wParamCol {
	width: 120px;
}

#wOverlay.wEditItemCompact #wEditItemTbl col.wValueCol {
	width: auto;
}

#wOverlay.wEditItemCompact #wEditItemTbl col.wPriceCol {
	width: 86px;
}

#wOverlay.wEditItemCompact #wEditItemTbl col.wTimeCol {
	width: 74px;
}

#wOverlay.wEditItemCompact #wEditItemTbl col.wQtyCol,
#wOverlay.wEditItemCompact #wEditItemTbl col.wOverheadCol {
	width: 104px;
}

#wOverlay.wEditItemCompact h2 {
	margin-right: 64px !important;
}

#wOverlay.wEditItemCompact #wEditItemTbl th {
	font-size: 11px !important;
	line-height: 15px !important;
	letter-spacing: 0.06em;
}

#wOverlay.wEditItemCompact #wEditItemTbl td.small {
	font-size: 13px !important;
	line-height: 16px !important;
	font-weight: 600;
	color: var(--crm-muted) !important;
}

#wOverlay.wEditItemCompact #wEditItemTbl .wEditItemNameRow td {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	background: var(--crm-accent-soft);
}

#wOverlay.wEditItemCompact #wEditItemTbl .wEditItemNameRow td:first-child {
	border-right: 0;
}

#wOverlay.wEditItemCompact #wEditItemTbl .wEditItemNameRow input[type="text"] {
	min-height: 46px;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 600 !important;
}

#wOverlay.wEditItemCompact #wEditItemTbl .wEditItemCellEmpty {
	background: transparent;
}

#wOverlay.wEditItemCompact .wEditItemUiWide,
#wOverlay.wEditItemCompact .wEditItemUiMedium,
#wOverlay.wEditItemCompact .wEditItemUiHours,
#wOverlay.wEditItemCompact .wEditItemUiNarrow {
	width: 100% !important;
}

#wOverlay.wEditItemCompact .wEditItemUiMedium,
#wOverlay.wEditItemCompact .wEditItemUiHours,
#wOverlay.wEditItemCompact .wEditItemUiNarrow {
	text-align: center;
	padding-left: 10px !important;
}

#wOverlay.wEditItemCompact .wBtns {
	position: sticky;
	bottom: 0;
	z-index: 2;
	margin-top: 14px !important;
	padding-top: 14px !important;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--crm-surface) 28px);
}

#wOverlay:not(.wClientPopup) .wAddItemParameter,
#wOverlay .crmNestedPanel .wAddItemParameter {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 36px;
	margin-top: 10px;
	padding: 0 11px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font: inherit;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	font-family: var(--crm-font-sans);
	cursor: pointer;
}

#wOverlay:not(.wClientPopup) .wAddItemParameter:hover,
#wOverlay:not(.wClientPopup) .wAddItemParameter:focus-visible,
#wOverlay .crmNestedPanel .wAddItemParameter:hover,
#wOverlay .crmNestedPanel .wAddItemParameter:focus-visible {
	border-color: color-mix(in srgb, var(--crm-accent) 32%, var(--crm-border));
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	outline: none;
}

#wOverlay:not(.wClientPopup) .wAddItemParameter .material-symbols-outlined,
#wOverlay .crmNestedPanel .wAddItemParameter .material-symbols-outlined {
	font-size: 17px;
	line-height: 1;
}

#wOverlay:not(.wClientPopup) #wEditItemTbl .wEditItemCustomRow td,
#wOverlay .crmNestedPanel #wEditItemTbl .wEditItemCustomRow td {
	background: color-mix(in srgb, var(--crm-info) 5%, var(--crm-surface)) !important;
}

#wOverlay:not(.wClientPopup) #wEditItemTbl .wEditItemCustomLabel,
#wOverlay .crmNestedPanel #wEditItemTbl .wEditItemCustomLabel {
	width: 100%;
	min-height: 40px;
}

#wOverlay:not(.wClientPopup) #wEditItemTbl .wEditItemCustomRemove,
#wOverlay .crmNestedPanel #wEditItemTbl .wEditItemCustomRemove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}

#wOverlay:not(.wClientPopup) #wEditItemTbl .wEditItemCustomRemove:hover,
#wOverlay .crmNestedPanel #wEditItemTbl .wEditItemCustomRemove:hover {
	background: var(--crm-danger-soft);
	color: var(--crm-danger);
}

.crmSidePanelBackdrop {
	position: fixed;
	inset: 0;
	z-index: 190;
	background: var(--crm-overlay-backdrop);
	opacity: 0;
	transition: opacity 220ms ease-out;
}

.crmSidePanelBackdrop.is-open {
	opacity: 1;
}

#wOverlay.crmSidePanel {
	display: flex !important;
	flex-direction: column;
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	left: auto !important;
	z-index: 200 !important;
	width: clamp(680px, 52vw, 920px) !important;
	max-width: 100vw !important;
	height: 100vh !important;
	height: 100dvh !important;
	max-height: 100vh !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: var(--crm-surface) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: -10px 0 28px var(--crm-overlay-shadow) !important;
	box-sizing: border-box;
	transform: translateX(100%);
	transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

#wOverlay.crmSidePanel.is-open {
	transform: translateX(0);
}

#wOverlay.crmSidePanel .crmSidePanelHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex: 0 0 72px;
	height: 72px;
	padding: 12px 18px 12px 24px;
	border-bottom: 1px solid var(--crm-border);
	background: color-mix(in srgb,var(--crm-surface) 96%,var(--crm-bg));
	box-sizing: border-box;
}

#wOverlay.crmSidePanel .crmSidePanelHeading {
	min-width: 0;
}

#wOverlay.crmSidePanel .crmSidePanelHeading h2 {
	margin: 0 !important;
	font-size: 17px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
	color: var(--crm-text) !important;
}

#wOverlay.crmSidePanel .crmSidePanelSubtitle {
	margin-top: 2px;
	font-size: 12px;
	line-height: 16px;
	color: var(--crm-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#wOverlay.crmSidePanel .crmSidePanelClose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--crm-border);
	border-radius: 999px;
	background: var(--crm-surface);
	color: var(--crm-muted);
	cursor: pointer;
	transition: border-color 160ms ease-out, background-color 160ms ease-out, color 160ms ease-out;
}

#wOverlay.crmSidePanel .crmSidePanelClose .material-symbols-outlined { font-size: 21px; }

#wOverlay.crmSidePanel .crmSidePanelClose:hover {
	border-color: rgba(234, 106, 18, 0.34);
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
}

#wOverlay.crmSidePanel .crmSidePanelClose:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

#wOverlay.crmSidePanel .crmSidePanelBody {
	width: 100%;
	min-height: 0;
	flex: 1 1 auto;
	height: auto;
	padding: 0 !important;
	overflow: auto;
	overscroll-behavior: contain;
	box-sizing: border-box;
}

#wOverlay.wUserEditPanel {
	width: clamp(620px, 48vw, 760px) !important;
}

#wOverlay.wUserEditPanel .wUserEditPanelBody {
	padding: 22px 24px 28px !important;
	background: var(--crm-bg);
}

#wOverlay.wUserEditPanel .wUserEditForm {
	padding: 20px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
}

#wOverlay.wUserEditPanel .wUserEditForm > .wBtns {
	margin-top: 20px !important;
	padding-top: 16px !important;
	border-top: 1px solid var(--crm-border-soft) !important;
}

#wOverlay.wUserEditPanel .wUserNotifyChannels {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin: 0;
	padding: 12px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface-2);
}
#wOverlay.wUserEditPanel .wUserNotifyChannels legend {
	padding: 0 6px;
	color: var(--crm-text-muted);
	font-size: 12px;
	font-weight: 700;
}
#wOverlay.wUserEditPanel .wUserNotifyChannels .crmCheckbox { margin: 0; }

.wMaxConnectButton{display:inline-flex;align-items:center;gap:6px;margin-top:8px;min-height:36px;padding:0 12px;border:1px solid var(--crm-border,#e4e6e9);border-radius:8px;background:var(--crm-surface,#fff);color:var(--crm-text,#181b1f);font:600 13px/1.2 inherit;cursor:pointer}.wMaxConnectButton:hover{background:var(--crm-primary-soft,#fff4e7);border-color:var(--crm-primary,#ffa742)}.wMaxConnectButton:focus-visible{outline:2px solid var(--crm-primary,#ffa742);outline-offset:2px}.wMaxConnectButton .material-symbols-outlined{font-size:19px}.wMaxConnectPanel:empty{display:none}.wMaxConnectPanel{margin-top:10px}.wMaxConnectContent{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--crm-border,#e4e6e9);border-radius:10px;background:var(--crm-surface-muted,#f3f5f8)}.wMaxConnectContent img{width:132px;height:132px;padding:7px;background:#fff;border-radius:8px}.wMaxConnectContent strong,.wMaxConnectContent p,.wMaxConnectContent small{display:block}.wMaxConnectContent p{margin:4px 0 9px;color:var(--crm-muted,#6d7279);font-size:13px}.wMaxConnectContent a,.wMaxCopyLink{display:inline-flex;margin:0 8px 6px 0}.wMaxCopyLink{border:0;background:none;color:var(--crm-primary-strong,#a94d00);font-weight:600;cursor:pointer}.wMaxConnectContent small.is-success{color:var(--crm-success-strong,#1f7a3d);font-weight:700}.wMaxConnectError{color:var(--crm-danger,#db2c2b)}@media(max-width:600px){.wMaxConnectContent{align-items:flex-start;flex-direction:column}.wMaxConnectContent img{width:160px;height:160px;align-self:center}}

.wMaxConnectDetails{min-width:0;flex:1}.wMaxLinkLabel{display:block;margin:0 0 5px;color:var(--crm-text,#181b1f);font-size:12px;font-weight:600}.wMaxLinkRow{display:flex;align-items:stretch;gap:6px;margin-bottom:8px}.wMaxLinkValue{min-width:0;flex:1;height:38px;box-sizing:border-box;padding:8px 10px;border:1px solid var(--crm-border,#e4e6e9);border-radius:8px;background:var(--crm-surface,#fff);color:var(--crm-text,#181b1f);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.wMaxLinkValue:focus{border-color:var(--crm-primary,#ffa742);outline:2px solid var(--crm-primary-soft,#fff4e7);outline-offset:1px}.wMaxLinkRow .wMaxCopyLink{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;min-height:38px;margin:0;padding:0;border:1px solid var(--crm-border,#e4e6e9);border-radius:8px;background:var(--crm-surface,#fff)}.wMaxLinkRow .wMaxCopyLink .material-symbols-outlined{font-size:19px}.wMaxLinkRow .wMaxCopyLink:hover{border-color:var(--crm-primary,#ffa742);background:var(--crm-primary-soft,#fff4e7)}.wMaxLinkRow .wMaxCopyLink:focus-visible{outline:2px solid var(--crm-primary,#ffa742);outline-offset:2px}@media(max-width:600px){.wMaxConnectDetails{width:100%}}

.wMaxConnectCode{min-width:0;flex:1;height:42px;box-sizing:border-box;padding:8px 10px;border:1px solid var(--crm-primary,#ffa742);border-radius:8px;background:var(--crm-surface,#fff);color:var(--crm-text,#181b1f);font:700 18px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-align:center}.wMaxConnectCode:focus{outline:2px solid var(--crm-primary-soft,#fff4e7);outline-offset:1px}.wMaxLinkRow .wMaxCopyCode{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-height:42px;margin:0;padding:0;border:1px solid var(--crm-primary,#ffa742);border-radius:8px;background:var(--crm-surface,#fff);color:var(--crm-primary-strong,#a94d00);cursor:pointer}.wMaxLinkRow .wMaxCopyCode .material-symbols-outlined{font-size:20px}.wMaxLinkRow .wMaxCopyCode:hover{background:var(--crm-primary-soft,#fff4e7)}.wMaxLinkRow .wMaxCopyCode:focus-visible{outline:2px solid var(--crm-primary,#ffa742);outline-offset:2px}

.wMaxInstructionHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.wMaxInstructionHeading .wMaxLinkLabel{margin:0}.wMaxCopyInstruction{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid var(--crm-border,#e4e6e9);border-radius:8px;background:var(--crm-surface,#fff);color:var(--crm-primary-strong,#a94d00);cursor:pointer}.wMaxCopyInstruction .material-symbols-outlined{font-size:18px}.wMaxCopyInstruction:hover{border-color:var(--crm-primary,#ffa742);background:var(--crm-primary-soft,#fff4e7)}.wMaxCopyInstruction:focus-visible{outline:2px solid var(--crm-primary,#ffa742);outline-offset:2px}.wMaxConnectInstruction{display:block;width:100%;min-height:164px;margin:0 0 10px;padding:10px 12px;box-sizing:border-box;resize:vertical;border:1px solid var(--crm-border,#e4e6e9);border-radius:10px;background:var(--crm-surface,#fff);color:var(--crm-text,#181b1f);font:13px/1.45 Museo Sans Cyrl,Segoe UI,Arial,sans-serif}.wMaxConnectInstruction:focus{border-color:var(--crm-primary,#ffa742);outline:2px solid var(--crm-primary-soft,#fff4e7);outline-offset:1px}

.lpLoginNotice {
	padding: 10px 12px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface-2);
	color: var(--crm-text);
	font-size: 13px;
	line-height: 1.45;
}
.lpLoginNotice a { color: var(--crm-accent-strong); font-weight: 700; }
.lpLoginSuccess {
	padding: 10px 12px;
	border: 1px solid color-mix(in srgb, var(--crm-success) 36%, var(--crm-border));
	border-radius: 10px;
	background: var(--crm-success-soft);
	color: var(--crm-text);
	font-size: 13px;
	line-height: 1.45;
}
.lpLoginIntro { display: flex; flex-direction: column; gap: 6px; }
.lpLoginIntro h2 { margin: 0; color: var(--crm-text); font-size: 20px; line-height: 1.25; }
.lpLoginIntro p { margin: 0; color: var(--crm-text-muted); font-size: 13px; line-height: 1.5; }
.lpLoginSecondary {
	display: inline-flex;
	align-self: center;
	padding: 4px;
	color: var(--crm-accent-strong);
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	text-decoration: none;
}
.lpLoginSecondary:hover { text-decoration: underline; }
.lpLoginSecondary:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; border-radius: 8px; }
.lpRecoveryChannels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 0;
	padding: 0;
	border: 0;
}
.lpRecoveryChannels legend {
	grid-column: 1 / -1;
	margin-bottom: 4px;
	color: var(--crm-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 16px;
	text-transform: uppercase;
}
.lpLoginForm .lpRecoveryChannels label {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	cursor: pointer;
	transition: border-color 180ms cubic-bezier(.22, 1, .36, 1), background-color 180ms cubic-bezier(.22, 1, .36, 1);
}
.lpLoginForm .lpRecoveryChannels label:hover {
	border-color: var(--crm-accent);
	background: var(--crm-accent-soft);
}
.lpLoginForm .lpRecoveryChannels label:has(input:checked) {
	border-color: var(--crm-accent);
	background: var(--crm-accent);
}
.lpLoginForm .lpRecoveryChannels label:has(input:checked):hover { border-color: var(--crm-accent-2); background: var(--crm-accent-2); }
.lpLoginForm .lpRecoveryChannels input {
	display: grid;
	place-content: center;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	min-height: 16px;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid var(--crm-border);
	border-radius: 50%;
	background: var(--crm-surface);
	box-shadow: none;
	cursor: pointer;
}
.lpLoginForm .lpRecoveryChannels input::before {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--crm-accent-strong);
	content: "";
	transform: scale(0);
	transition: transform 180ms cubic-bezier(.22, 1, .36, 1);
}
.lpLoginForm .lpRecoveryChannels input:checked { border-color: var(--crm-surface); }
.lpLoginForm .lpRecoveryChannels input:checked::before { transform: scale(1); }
.lpLoginForm .lpRecoveryChannels input:focus { border-color: var(--crm-surface); box-shadow: none; }
.lpLoginForm .lpRecoveryChannels input:focus-visible { outline: 2px solid var(--crm-accent-strong); outline-offset: 2px; }
.lpLoginForm .lpRecoveryChannels span { color: var(--crm-text); font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.lpLoginForm .lpRecoveryChannels label:has(input:checked) span { color: var(--crm-text); }
@media (prefers-reduced-motion: reduce) {
	.lpLoginForm .lpRecoveryChannels label,
	.lpLoginForm .lpRecoveryChannels input::before { transition: none; }
}
.lpOtpField { display: flex; flex-direction: column; gap: 8px; }
.lpOtpLabel {
	color: var(--crm-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 16px;
	text-transform: uppercase;
}
.lpOtpGroup {
	display: grid;
	grid-template-columns: repeat(6,minmax(0,1fr));
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	gap: 10px;
}
.lpLoginForm .lpOtpDigit {
	width: 100%;
	min-width: 0;
	height: 56px;
	padding: 0;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font-size: 26px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 56px;
	text-align: center;
	caret-color: var(--crm-accent);
}
.lpLoginForm .lpOtpDigit:focus {
	border-color: var(--crm-accent);
	box-shadow: 0 0 0 3px var(--crm-accent-soft);
}
@media (max-width: 420px) {
	.lpLoginShell { padding: 8px; }
	.lpLoginPanel { width: calc(100vw - 16px); padding: 20px; }
	.lpOtpGroup { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; }
	.lpLoginForm .lpOtpDigit { height: 52px; font-size: 23px; line-height: 52px; }
}
@media (max-width: 360px) {
	.lpLoginPanel { padding: 10px; }
	.lpOtpGroup { gap: 4px; }
}

@media (max-width: 720px) {
	#wOverlay.wUserEditPanel { width: 100vw !important; }
	#wOverlay.wUserEditPanel .wUserEditPanelBody { padding: 14px !important; }
	#wOverlay.wUserEditPanel .wUserEditForm { padding: 16px; }
}

#wOverlay.wItemPopup:not(.wItemPopupEditMode) .crmSidePanelBody {
	overflow: hidden;
}

/* Nested sheet pattern: secondary actions stay above their parent panel. */
#wOverlay.crmSidePanel .crmNestedPanelBackdrop {
	position: absolute;
	inset: 0;
	/* Keep the scrim above every sticky/action surface in the parent card. */
	z-index: 10;
	background: rgba(31, 39, 51, 0.16);
	opacity: 0;
	transition: opacity 180ms ease-out;
}

#wOverlay.crmSidePanel .crmNestedPanelBackdrop.is-open { opacity: 1; }

#wOverlay.crmSidePanel.has-nested-panel > .crmSidePanelBody .jq-selectbox,
#wOverlay.crmSidePanel.has-nested-panel > .crmSidePanelBody .jqselect {
	visibility: hidden !important;
	pointer-events: none !important;
}

#wOverlay.crmSidePanel .crmNestedPanel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	width: min(860px, calc(100% - 48px));
	border-radius: 12px 0 0 12px;
	background: var(--crm-surface);
	box-shadow: 0 4px 8px rgba(24, 32, 43, 0.18);
	overflow: hidden;
	transform: translateX(28px);
	opacity: 0;
	transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease-out;
}

#wOverlay.crmSidePanel .crmNestedPanel.is-open {
	transform: translateX(0);
	opacity: 1;
}

#wOverlay.crmSidePanel .crmNestedPanelHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 18px 14px 22px;
	border-bottom: 1px solid var(--crm-border);
	background: var(--crm-surface);
}

#wOverlay.crmSidePanel .crmNestedPanelHeading { min-width: 0; }

#wOverlay.crmSidePanel .crmNestedPanelKicker {
	display: block;
	margin-bottom: 2px;
	font-size: 11px;
	line-height: 15px;
	font-weight: 650;
	color: var(--crm-muted);
}

#wOverlay.crmSidePanel .crmNestedPanelHeader h2 {
	margin: 0 !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
	color: var(--crm-text);
}

#wOverlay.crmSidePanel .crmNestedPanelClose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid var(--crm-border);
	border-radius: 50%;
	background: var(--crm-surface);
	color: var(--crm-muted);
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

#wOverlay.crmSidePanel .crmNestedPanelClose:hover {
	border-color: var(--crm-border-strong);
	color: var(--crm-text);
}

#wOverlay.crmSidePanel .crmNestedPanelBody {
	min-height: 0;
	padding: 20px 22px 24px;
	overflow: auto;
}

#wOverlay.crmSidePanel .crmNestedPanelBody > h2 { display: none; }

/* Client editor: shared between the classic overlay and the nested client sheet. */
#wOverlay.wEditClientForm {
	width: min(760px, calc(100vw - 32px)) !important;
	max-width: min(760px, calc(100vw - 32px)) !important;
}

#wOverlay .wClientEditForm {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-family: var(--crm-font-sans);
}

#wOverlay .wClientEditSection {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

#wOverlay .wClientEditSection h3,
#wOverlay .wClientNotifySection legend {
	margin: 0 0 12px;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--crm-text);
}
#wOverlay .wClientEditSectionHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
#wOverlay .wClientEditSectionHead h3 { margin: 0; }
#wOverlay .wClientEditAddContact {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 0 10px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: inherit;
	cursor: pointer;
}
#wOverlay .wClientEditAddContact:hover { border-color: var(--crm-accent); background: var(--crm-accent-soft); }
#wOverlay .wClientEditAddContact .material-symbols-outlined { font-size: 18px; }
#wOverlay #wClientEditContacts { display: grid; gap: 8px; }
#wOverlay .wClientEditContactItem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid var(--crm-border-soft);
	border-radius: 10px;
	background: var(--crm-surface-2);
}
#wOverlay .wClientEditContactItem.is-archived { opacity: .6; }
#wOverlay .wClientEditContactItem > div { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
#wOverlay .wClientEditContactItem strong { font-size: 13px; }
#wOverlay .wClientEditContactItem span { overflow: hidden; color: var(--crm-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
#wOverlay .wClientEditContactItem button {
	display: inline-flex;
	flex: 0 0 32px;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-muted);
	cursor: pointer;
}
#wOverlay .wClientEditContactItem button:hover { border-color: var(--crm-accent); color: var(--crm-accent-strong); }
#wOverlay .wClientEditContactItem button .material-symbols-outlined { font-size: 17px; }
#wOverlay .wClientEditContactsState,
#wOverlay .wClientPrimaryContact > p { margin: 0; color: var(--crm-muted); font-size: 12px; line-height: 18px; }
#wOverlay .wClientPrimaryContact { display: grid; gap: 12px; }
#wOverlay .wClientEditSaveStatus { min-height: 18px; color: var(--crm-danger); font-size: 12px; }

#wOverlay .wClientEditGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
}

#wOverlay .wClientEditField {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 7px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 650;
	color: var(--crm-muted);
}

#wOverlay .wClientEditFieldWide { grid-column: 1 / -1; }
#wOverlay .wClientEditFieldDiscount { max-width: 150px; }
#wOverlay .wClientEditField b { color: var(--crm-danger); }
#wOverlay .wClientEditFieldLabel {
	display: flex;
	align-items: center;
	gap: 5px;
	min-height: 18px;
}
#wOverlay .wClientEditFieldLabel label {
	color: inherit;
	font: inherit;
	cursor: pointer;
}
#wOverlay .wClientRegistryLookup {
	display: grid;
	gap: 12px;
	margin-top: 18px;
	padding: 16px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface-2);
}
#wOverlay .wClientRegistryHeading h4 { margin: 0; color: var(--crm-text); font-size: 14px; line-height: 20px; }
#wOverlay .wClientRegistryHeading p { margin: 3px 0 0; color: var(--crm-muted); font-size: 12px; line-height: 17px; }
#wOverlay .wClientRegistrySearch { display: grid; gap: 6px; }
#wOverlay .wClientRegistrySearch > label { color: var(--crm-muted); font-size: 12px; font-weight: 650; }
#wOverlay .wClientRegistrySearch > div { display: flex; align-items: stretch; gap: 8px; }
#wOverlay .wClientRegistrySearch input { min-width: 0; flex: 1 1 auto; }
#wOverlay .wClientRegistrySearch button,
#wOverlay .wClientRegistryResult footer button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 42px;
	padding: 0 14px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 650 13px/18px var(--crm-font-sans);
	white-space: nowrap;
	cursor: pointer;
}
#wOverlay .wClientRegistrySearch button:hover,
#wOverlay .wClientRegistryResult footer button:hover { border-color: var(--crm-accent); background: var(--crm-accent-soft); }
#wOverlay .wClientRegistrySearch button:focus-visible,
#wOverlay .wClientRegistryResult footer button:focus-visible,
#wOverlay .wClientRegistryDuplicate button:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }
#wOverlay .wClientRegistrySearch button:disabled,
#wOverlay .wClientRegistryResult footer button:disabled { cursor: default; opacity: .55; }
#wOverlay .wClientRegistrySearch .material-symbols-outlined { font-size: 18px; }
#wOverlay .wClientRegistryStatus { min-height: 17px; color: var(--crm-muted); font-size: 12px; line-height: 17px; }
#wOverlay .wClientRegistryStatus.is-error { color: var(--crm-danger); }
#wOverlay .wClientRegistryResults { display: grid; gap: 8px; }
#wOverlay .wClientRegistryResult {
	display: grid;
	gap: 7px;
	padding: 13px 14px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
}
#wOverlay .wClientRegistryResult header > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
#wOverlay .wClientRegistryResult header strong { color: var(--crm-text); font-size: 13px; line-height: 18px; }
#wOverlay .wClientRegistryResult header span { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; background: var(--crm-info-soft); color: var(--crm-text); font-size: 11px; line-height: 15px; }
#wOverlay .wClientRegistryResult p { margin: 0; font-size: 12px; line-height: 17px; }
#wOverlay .wClientRegistryIds { color: var(--crm-text); font-weight: 600; }
#wOverlay .wClientRegistryAddress,
#wOverlay .wClientRegistryIndividual { color: var(--crm-muted); }
#wOverlay .wClientRegistryIndividual { font-style: italic; }
#wOverlay .wClientRegistryResult footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 3px; }
#wOverlay .wClientRegistryResult footer .wClientRegistryApply:not(:disabled) { border-color: var(--crm-accent); background: var(--crm-accent); color: var(--crm-text); }
#wOverlay .wClientRegistryResult footer .wClientRegistryForce { border-color: var(--crm-warning); color: var(--crm-text); }
#wOverlay .wClientRegistryDuplicate { display: flex; align-items: flex-start; gap: 7px; padding: 9px 10px; border-radius: 8px; background: var(--crm-warning-soft); color: var(--crm-text); font-size: 12px; line-height: 17px; }
#wOverlay .wClientRegistryDuplicate .material-symbols-outlined { flex: 0 0 auto; font-size: 18px; }
#wOverlay .wClientRegistryDuplicate button { padding: 0; border: 0; background: transparent; color: var(--crm-text); font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
#wOverlay .wClientRegistrySource,
#wOverlay .wClientRegistryEmpty { color: var(--crm-muted); font-size: 11px; line-height: 16px; }
#wOverlay .wClientRegistrySource a { color: var(--crm-accent-strong); }
.wTelegramIdHelp {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin: -2px 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--crm-muted);
	cursor: help;
}
.wTelegramIdHelp .material-symbols-outlined {
	font-size: 17px;
	font-variation-settings: "FILL" 0, "wght" 450, "GRAD" 0, "opsz" 20;
}
.wTelegramIdHelp:hover,
.wTelegramIdHelp[aria-expanded="true"] {
	background: var(--crm-accent-soft);
	color: var(--crm-accent-strong);
}
.wTelegramIdHelp:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}
.wTelegramIdHelpPopover {
	z-index: var(--crm-z-tooltip, 1400);
	width: min(360px, calc(100vw - 24px));
	padding: 14px 16px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	color: var(--crm-text);
	box-shadow: 0 8px 8px rgba(15, 23, 42, .12);
	font-family: var(--crm-font-sans);
	font-size: 13px;
	line-height: 1.45;
}
.wTelegramIdHelpPopover::before {
	position: absolute;
	width: 9px;
	height: 9px;
	border-top: 1px solid var(--crm-border);
	border-left: 1px solid var(--crm-border);
	background: var(--crm-surface);
	content: "";
	transform: rotate(45deg);
}
.wTelegramIdHelpPopover[data-floating-placement^="bottom"]::before {
	top: -6px;
	left: 14px;
}
.wTelegramIdHelpPopover[data-floating-placement^="top"]::before {
	bottom: -6px;
	left: 14px;
	transform: rotate(225deg);
}
.wTelegramIdHelpPopover > strong {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 20px;
}
.wTelegramIdHelpPopover ol {
	margin: 0;
	padding-left: 20px;
}
.wTelegramIdHelpPopover li + li { margin-top: 5px; }
.wTelegramIdHelpPopover p {
	margin: 10px 0 0;
	color: var(--crm-muted);
}
.wTelegramIdHelpPopover a {
	color: var(--crm-accent-strong);
	font-weight: 650;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.wTelegramIdHelpPopover a:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
	border-radius: 2px;
}
.wTelegramIdHelpPopover code {
	padding: 1px 4px;
	border-radius: 4px;
	background: var(--crm-surface-2);
	color: var(--crm-text);
	font: 600 12px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

#wOverlay .wClientEditForm input[type="text"],
#wOverlay .wClientEditForm input[type="email"],
#wOverlay .wClientEditForm input[type="number"] {
	box-sizing: border-box;
	width: 100% !important;
	height: 42px !important;
	padding: 9px 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background: var(--crm-surface) !important;
	box-shadow: none !important;
	font-family: var(--crm-font-sans) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: var(--crm-text) !important;
}

#wOverlay .wClientEditForm input::placeholder { color: var(--crm-muted); opacity: 1; }
#wOverlay .wClientEditForm input:focus {
	border-color: var(--crm-accent) !important;
	outline: 3px solid rgba(234, 106, 18, 0.14) !important;
	outline-offset: 0;
}

#wOverlay .wClientAliasControl { display: flex; align-items: center; gap: 8px; }
#wOverlay .wClientAliasControl .wInlineIconBtn {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	margin: 0;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px;
	background: var(--crm-surface-2);
	color: var(--crm-text);
	cursor: pointer;
}
#wOverlay .wClientAliasControl .wInlineIconBtn:hover { border-color: var(--crm-accent) !important; background: var(--crm-accent-soft); }
#wOverlay .wClientAliases { min-height: 6px; padding-top: 7px; font-size: 13px; line-height: 18px; color: var(--crm-muted); }

#wOverlay .wClientNotifySection {
	padding: 16px;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px;
	background: var(--crm-surface-2);
}
#wOverlay .wClientNotifySection legend { float: left; width: 100%; margin-bottom: 3px; }
#wOverlay .wClientNotifySection p { clear: both; margin: 0 0 12px; font-size: 13px; line-height: 18px; color: var(--crm-muted); }
#wOverlay .wClientNotifyGrid { display: flex; flex-wrap: wrap; gap: 8px; }
#wOverlay .wClientNotifyGrid label { position: relative; display: inline-flex; cursor: pointer; }
#wOverlay .wClientNotifyGrid input { position: absolute; width: 1px; height: 1px; opacity: 0; }
#wOverlay .wClientNotifyGrid span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 13px 0 36px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	color: var(--crm-text);
}
#wOverlay .wClientNotifyGrid span::before {
	position: absolute;
	left: 12px;
	width: 15px;
	height: 15px;
	border: 1px solid var(--crm-border);
	border-radius: 4px;
	background: var(--crm-surface);
	content: "";
}
#wOverlay .wClientNotifyGrid input:checked + span { border-color: var(--crm-accent); background: var(--crm-accent-soft); color: var(--crm-text); }
#wOverlay .wClientNotifyGrid input:checked + span::before { border-color: var(--crm-accent); background: var(--crm-accent); box-shadow: inset 0 0 0 3px var(--crm-surface); }
#wOverlay .wClientNotifyGrid input:focus-visible + span { outline: 2px solid var(--crm-accent); outline-offset: 2px; }

#wOverlay .wClientEditForm + #wClientId + .wBtns,
#wOverlay .wClientEditForm ~ .wBtns {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 20px 0 0 !important;
	padding: 16px 0 0 !important;
	border-top: 1px solid var(--crm-border) !important;
}
#wOverlay .wClientEditForm ~ .wBtns .wBtn { height: 42px; margin: 0 !important; border-radius: 8px !important; font-weight: 650 !important; }
#wOverlay .wClientEditForm ~ .wBtns .wBtnSaveEditItem { border-color: var(--crm-accent) !important; background: var(--crm-accent) !important; color: var(--crm-surface) !important; }
#wOverlay .wClientEditForm ~ .wBtns .wBtnSaveEditItem::before { color: var(--crm-surface) !important; }
#wOverlay .wClientEditForm ~ .wBtns .wBtnSaveEditItem:hover { border-color: var(--crm-accent-2) !important; background: var(--crm-accent-2) !important; }
#wOverlay .wClientEditForm ~ .wBtns .wBtnCancel { border-color: var(--crm-border) !important; background: var(--crm-surface-2) !important; color: var(--crm-text) !important; }

@media (max-width: 620px) {
	#wOverlay .wClientEditGrid { grid-template-columns: 1fr; }
	#wOverlay .wClientEditFieldWide { grid-column: auto; }
	#wOverlay .wClientEditFieldDiscount { max-width: none; }
	#wOverlay .wClientNotifyGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#wOverlay .wClientNotifyGrid span { width: 100%; box-sizing: border-box; }
	#wOverlay .wClientRegistrySearch > div,
	#wOverlay .wClientRegistryResult footer { align-items: stretch; flex-direction: column; }
	#wOverlay .wClientRegistrySearch button,
	#wOverlay .wClientRegistryResult footer button { width: 100%; }
}

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl {
	width: 100%;
	table-layout: fixed;
}

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl col.wParamCol { width: 120px; }
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl col.wValueCol { width: auto; }
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl col.wPriceCol { width: 86px; }
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl col.wTimeCol { width: 74px; }
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl col.wQtyCol,
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl col.wOverheadCol { width: 104px; }

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl th {
	font-size: 11px !important;
	line-height: 15px !important;
	letter-spacing: 0.06em;
}

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl td.small {
	font-size: 13px !important;
	line-height: 16px !important;
	font-weight: 600;
	color: var(--crm-muted) !important;
}

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl .wEditItemNameRow td {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	background: var(--crm-accent-soft);
}

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact #wEditItemTbl .wEditItemNameRow input[type="text"] {
	min-height: 46px;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 600 !important;
}

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact .wEditItemUiWide,
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact .wEditItemUiMedium,
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact .wEditItemUiHours,
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact .wEditItemUiNarrow { width: 100% !important; }

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact .wEditItemUiMedium,
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact .wEditItemUiHours,
#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact .wEditItemUiNarrow {
	text-align: center;
	padding-left: 10px !important;
}

#wOverlay.crmSidePanel .crmNestedPanel.wEditItemCompact .wBtns {
	position: sticky;
	bottom: 0;
	z-index: 2;
	margin-top: 14px !important;
	padding-top: 14px !important;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--crm-surface) 28px);
}

@media (max-width: 760px) {
	#wOverlay.crmSidePanel .crmNestedPanel {
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		border-radius: 0;
	}
}

/* Calendar client sheet polish: restore the content gutter overridden by the base sheet. */
#wOverlay.crmSidePanel.wCalendarClientPopup {
	width: min(960px, calc(100vw - 32px)) !important;
	background: var(--crm-bg, #fafbfc);
}

#wOverlay.crmSidePanel.wCalendarClientPopup .crmSidePanelHeader {
	padding: 16px 24px;
	background: var(--crm-surface, #fff);
}

#wOverlay.crmSidePanel.wCalendarClientPopup .wCalendarClientPopupBody {
	padding: 24px !important;
	background: var(--crm-bg, #fafbfc) !important;
	scroll-padding: 24px;
}

#wOverlay.wCalendarClientPopup #wCalendarClientDetail {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

#wOverlay.wCalendarClientPopup .wCalendarClientHero {
	min-height: 108px;
	padding: 24px;
	gap: 28px;
	border: 1px solid var(--crm-border, #e4e6e9);
	border-radius: 12px;
	background: var(--crm-surface, #fff);
}

#wOverlay.wCalendarClientPopup .wCalendarClientHero h2 {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.3;
	text-wrap: balance;
}

#wOverlay.wCalendarClientPopup .wCalendarClientHero p {
	max-width: 68ch;
	color: var(--crm-muted, #6d7279);
	font-size: 14px;
	line-height: 1.55;
	text-wrap: pretty;
}

#wOverlay.wCalendarClientPopup .wCalendarClientScore {
	flex: 0 0 82px;
	height: 82px;
	background: var(--crm-accent, #FFA742);
}

#wOverlay.wCalendarClientPopup .wCalendarClientScore b { font-size: 28px; }

#wOverlay.wCalendarClientPopup .wCalendarClientActions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0 2px;
}

#wOverlay.wCalendarClientPopup .wCalendarClientActions .wManageActionBtn {
	min-height: 42px;
	padding: 0 16px;
}

#wOverlay.wCalendarClientPopup .wCalendarClientMetrics {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

#wOverlay.wCalendarClientPopup .wCalendarClientMetrics > div {
	min-width: 0;
	padding: 14px 16px;
	border-color: var(--crm-border, #e4e6e9);
	border-radius: 10px;
}

#wOverlay.wCalendarClientPopup .wCalendarClientMetrics span {
	color: var(--crm-muted, #6d7279);
	font-size: 12px;
}

#wOverlay.wCalendarClientPopup .wCalendarClientMetrics b {
	margin-top: 8px;
	font-size: 17px;
	line-height: 1.25;
	white-space: nowrap;
}

#wOverlay.wCalendarClientPopup .wCalendarClientWork,
#wOverlay.wCalendarClientPopup .wCalendarClientSection {
	margin: 0;
	padding: 22px 24px 24px;
	border-color: var(--crm-border, #e4e6e9);
	border-radius: 12px;
	background: var(--crm-surface, #fff);
}

#wOverlay.wCalendarClientPopup .wCalendarClientWork h3,
#wOverlay.wCalendarClientPopup .wCalendarClientSection h3 {
	margin: 0 0 18px;
	color: var(--crm-text, #181b1f);
	font-size: 18px;
	line-height: 1.35;
}

#wOverlay.wCalendarClientPopup .wCalendarContactForm {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px 12px;
	margin: 0 0 14px;
}

#wOverlay.wCalendarClientPopup .wCalendarContactForm label { gap: 7px; }

#wOverlay.wCalendarClientPopup .wCalendarContactForm input,
#wOverlay.wCalendarClientPopup .wCalendarContactForm select {
	height: 42px;
}

#wOverlay.wCalendarClientPopup .wCalendarContactForm textarea {
	min-height: 92px;
	padding: 12px;
	line-height: 1.5;
}

#wOverlay.wCalendarClientPopup #wCalendarActionStatus:not(:empty) {
	display: inline-block;
	margin-left: 12px;
	color: var(--crm-muted, #6d7279);
	font-size: 13px;
}

#wOverlay.wCalendarClientPopup .wCalendarClientSection {
	overflow: hidden;
}

#wOverlay.wCalendarClientPopup .wCalendarClientSection table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
}

#wOverlay.wCalendarClientPopup .wCalendarClientSection th {
	padding: 10px 12px;
	background: var(--crm-surface-muted, #f3f5f8);
	color: var(--crm-muted, #6d7279);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .025em;
	text-align: left;
}

#wOverlay.wCalendarClientPopup .wCalendarClientSection th:first-child,
#wOverlay.wCalendarClientPopup .wCalendarClientSection td:first-child { padding-left: 14px; }

#wOverlay.wCalendarClientPopup .wCalendarClientSection th:last-child,
#wOverlay.wCalendarClientPopup .wCalendarClientSection td:last-child { padding-right: 14px; }

#wOverlay.wCalendarClientPopup .wCalendarClientSection td {
	padding: 12px;
	border-bottom: 1px solid var(--crm-border-soft, #edf1f4);
	font-size: 13px;
	line-height: 1.4;
	vertical-align: top;
}

#wOverlay.wCalendarClientPopup .wCalendarClientSection tbody tr:last-child td { border-bottom: 0; }
#wOverlay.wCalendarClientPopup .wCalendarClientSection tbody tr:hover { background: var(--crm-accent-soft, #FFF4E7); }

#wOverlay.wCalendarClientPopup .wCalendarOrderLink {
	min-height: 32px;
	margin: -7px 0;
	padding: 7px 0;
	color: var(--crm-accent, #FFA742);
	font-size: 13px;
}

#wOverlay.wCalendarClientPopup .wCalendarContactLog { gap: 10px; }

#wOverlay.wCalendarClientPopup .wCalendarContactLog > div {
	grid-template-columns: minmax(150px, 190px) minmax(220px, 1fr) auto;
	gap: 14px;
	padding: 14px 16px;
	border-color: var(--crm-border-soft, #edf1f4);
}

@media (max-width: 980px) {
	#wOverlay.wCalendarClientPopup .wCalendarClientMetrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	#wOverlay.wCalendarClientPopup .wCalendarContactForm { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#wOverlay.wCalendarClientPopup .wCalendarClientSection { overflow-x: auto; }
	#wOverlay.wCalendarClientPopup .wCalendarClientSection table { min-width: 680px; }
}

@media (max-width: 640px) {
	#wOverlay.crmSidePanel.wCalendarClientPopup { width: 100vw !important; }
	#wOverlay.crmSidePanel.wCalendarClientPopup .crmSidePanelHeader { padding: 14px 16px; }
	#wOverlay.crmSidePanel.wCalendarClientPopup .wCalendarClientPopupBody {
		padding: 16px !important;
		scroll-padding: 16px;
	}
	#wOverlay.wCalendarClientPopup #wCalendarClientDetail { gap: 12px; }
	#wOverlay.wCalendarClientPopup .wCalendarClientHero { align-items: flex-start; padding: 18px; gap: 16px; }
	#wOverlay.wCalendarClientPopup .wCalendarClientHero h2 { font-size: 20px; }
	#wOverlay.wCalendarClientPopup .wCalendarClientScore { flex-basis: 66px; height: 66px; }
	#wOverlay.wCalendarClientPopup .wCalendarClientScore b { font-size: 23px; }
	#wOverlay.wCalendarClientActions { display: grid; grid-template-columns: 1fr; padding: 0; }
	#wOverlay.wCalendarClientPopup .wCalendarClientActions .wManageActionBtn { width: 100%; }
	#wOverlay.wCalendarClientPopup .wCalendarClientMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#wOverlay.wCalendarClientPopup .wCalendarClientWork,
	#wOverlay.wCalendarClientPopup .wCalendarClientSection { padding: 18px; }
	#wOverlay.wCalendarClientPopup .wCalendarContactForm { grid-template-columns: 1fr; }
	#wOverlay.wCalendarClientPopup .wCalendarContactLog > div { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	#wOverlay.crmSidePanel .crmNestedPanel,
	#wOverlay.crmSidePanel .crmNestedPanelBackdrop { transition: none; }
}

/* Database health and backups */
.wDbHealthHero,.wDbMaintenanceCard,.wDbImportCard{border:1px solid var(--crm-border);border-radius:14px;background:var(--crm-surface);box-shadow:0 4px 16px rgba(15,23,42,.05)}
.wDbHealthHero{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:12px}.wDbHealthIcon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--crm-accent-soft);color:var(--crm-accent)}.wDbHealthIcon .material-symbols-outlined{font-size:24px}.wDbHealthCopy{flex:1;min-width:0}.wDbHealthCopy p{margin:4px 0 0;color:var(--crm-muted);font-size:13px;line-height:19px}.wDbHealthHero .wNotifyBtn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.wDbHealthHero .wNotifyBtn .material-symbols-outlined{font-size:18px}
.wDbHealthSummary{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface-3)}.wDbHealthSummary>.material-symbols-outlined{font-size:23px}.wDbHealthSummary div{display:flex;flex-direction:column;gap:2px}.wDbHealthSummary strong{font-size:14px}.wDbHealthSummary span:not(.material-symbols-outlined){font-size:12px;color:var(--crm-muted)}.wDbHealthOk{border-color:#b8dfc4;background:#f1fbf4;color:#238443}.wDbHealthWarn{border-color:#f3cc9b;background:#fff8ed;color:#b36b09}.wDbHealthError{border-color:#efb3b3;background:#fff4f4;color:#bd3636}.wDbHealthChecking>.material-symbols-outlined{animation:wDbSpin 1s linear infinite}@keyframes wDbSpin{to{transform:rotate(360deg)}}
.wDbDiagnosticsDetails{margin-bottom:16px}.wDbTable{overflow:hidden;border:1px solid var(--crm-border);border-radius:12px;background:#fff}.wDbTableHead,.wDbTableRow{display:grid;grid-template-columns:minmax(150px,1.5fr) 100px 90px 100px 110px;align-items:center;gap:12px;padding:10px 14px}.wDbTableHead{background:var(--crm-surface-3);color:var(--crm-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.wDbTableRow{border-top:1px solid var(--crm-border-soft);font-size:13px}.wDbStatus{display:inline-flex;width:max-content;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.wDbStatus.is-ok{background:#eaf7ee;color:#238443}.wDbStatus.is-error{background:#fff0f0;color:#bd3636}.wDbLongQueries{margin-top:10px;padding:14px;border:1px solid #f3cc9b;border-radius:12px;background:#fff8ed}.wDbLongQueries>div{display:grid;grid-template-columns:70px 1fr;gap:10px;margin-top:8px}.wDbLongQueries code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#65513a}
.wDbMaintenanceGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.wDbMaintenanceCard{padding:18px}.wDbCardHead{display:flex;align-items:flex-start;gap:11px}.wDbCardHead>.material-symbols-outlined{color:var(--crm-accent);font-size:22px}.wDbCardHead>div{display:flex;flex-direction:column;gap:4px}.wDbCardHead strong{font-size:15px}.wDbCardHead span{color:var(--crm-muted);font-size:12px;line-height:17px}.wDbRepairCard .wSettingsField{display:grid!important;gap:7px;margin-top:15px;align-content:start}.wDbRepairCard .wSettingsLabel{display:block;line-height:16px}.wDbConfirmHint{display:block;color:var(--crm-muted);font-size:12px;line-height:17px}.wDbConfirmHint code{padding:2px 5px;border-radius:4px;background:var(--crm-surface-3);color:var(--crm-text);font:600 11px/16px var(--crm-font-mono)}.wDbRepairCard input{width:100%}.wDbRepairCard button:disabled{opacity:.45;cursor:not-allowed}.wDbBackupList{margin-top:12px;border-top:1px solid var(--crm-border-soft)}.wDbBackupRow{display:grid;grid-template-columns:28px 1fr 34px 34px;align-items:center;gap:6px;padding:10px 2px;border-bottom:1px solid var(--crm-border-soft)}.wDbBackupRow>.material-symbols-outlined{font-size:19px;color:var(--crm-muted)}.wDbBackupRow>div{display:flex;flex-direction:column;gap:2px}.wDbBackupRow strong{font-size:12px}.wDbBackupRow div span{font-size:11px;color:var(--crm-muted)}.wDbDownload,.wDbDelete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--crm-muted);cursor:pointer}.wDbDownload:hover{background:var(--crm-accent-soft);color:var(--crm-accent)}.wDbDelete:hover{background:rgba(219,44,43,.08);color:var(--crm-danger)}.wDbDownload .material-symbols-outlined,.wDbDelete .material-symbols-outlined{font-size:19px}.wDbDelete:disabled{opacity:.45;cursor:default}.wDbEmpty{padding:14px 2px 2px;color:var(--crm-muted);font-size:12px}
@media(max-width:900px){.wDbMaintenanceGrid{grid-template-columns:1fr}.wDbHealthHero{align-items:flex-start;flex-wrap:wrap}.wDbHealthCopy{min-width:220px}.wDbTable{overflow-x:auto}.wDbTableHead,.wDbTableRow{min-width:650px}}

#wOverlay.wItemPopup.wItemPopupEditMode,
#wOverlay.wUnitPopup.wUnitPopupEditMode {
	width: clamp(760px, 62vw, 1080px) !important;
}

#wOverlay.wItemPopup.wItemPopupEditMode .wItemPopupBody,
#wOverlay.wUnitPopup.wUnitPopupEditMode .wUnitPopupBody {
	display: block;
	padding: 20px 24px 24px !important;
	overflow: auto;
}

#wOverlay.wEditItemCompact:not(.wItemPopup):not(.wUnitPopup) {
	overflow: auto !important;
}

#wOverlay.wItemPopup:not(.wItemPopupEditMode) .wItemPopupBody > div {
	display: block !important;
	width: 100%;
	height: 100%;
	min-width: 0;
}

#wOverlay.wItemPopup.wItemPopupEditMode .wItemPopupBody > h2,
#wOverlay.wUnitPopup.wUnitPopupEditMode .wUnitPopupBody > h2 {
	margin: 0 0 16px !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
}

#wOverlay.wItemPopup.wItemPopupEditMode .wItemPopupBody > div,
#wOverlay.wUnitPopup.wUnitPopupEditMode .wUnitPopupBody > div {
	width: 100%;
	height: auto;
	min-width: 0;
}

#wOverlay.wItemPopup #wiWrapper {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 32%) !important;
	grid-template-rows: minmax(0, 1fr);
	gap: 0;
	width: 100% !important;
	height: 100%;
	min-width: 0 !important;
	max-width: none !important;
	box-sizing: border-box;
}

#wOverlay.wItemPopup #wiWrapper.wiNoNote {
	grid-template-columns: minmax(0, 1fr) minmax(260px, 32%) !important;
}

#wOverlay.wItemPopup #wiWrapper .wiMainColumn {
	grid-column: 1;
	grid-row: 1;
	min-width: 0 !important;
	min-height: 0;
	overflow: auto;
	padding: 24px 26px 28px !important;
	background: var(--crm-surface-3);
}

#wOverlay.wItemPopup #wiWrapper .wiMainCard {
	min-width: 0 !important;
	padding: 20px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: var(--crm-surface) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiP {
	margin-top: 12px;
}

#wOverlay.wItemPopup #wiWrapper #wiTitle {
	max-width: 24ch;
	color: var(--crm-text) !important;
	font-size: 28px !important;
	line-height: 34px !important;
	font-weight: 700 !important;
	text-wrap: balance;
}

#wOverlay.wItemPopup #wiWrapper #wiDesc {
	max-width: 72ch;
	margin-top: 7px;
	color: var(--crm-muted) !important;
	font-size: 13px !important;
	line-height: 19px !important;
	text-wrap: pretty;
}

#wOverlay.wItemPopup #wiWrapper .wiPrimaryFacts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px 18px;
	margin-top: 18px;
	padding: 14px 0 16px;
	border-top: 1px solid var(--crm-border-soft);
	border-bottom: 1px solid var(--crm-border-soft);
}

#wOverlay.wItemPopup #wiWrapper .wiPrimaryFact {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

#wOverlay.wItemPopup #wiWrapper .wiPrimaryFact > span {
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 15px;
	font-weight: 600;
}

#wOverlay.wItemPopup #wiWrapper .wiPrimaryFact > strong {
	color: var(--crm-text);
	font-size: 15px;
	line-height: 20px;
	font-weight: 650;
	overflow-wrap: anywhere;
}

#wOverlay.wItemPopup #wiWrapper .wiActivityColumn {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0 !important;
	min-height: 0;
	overflow: auto;
	padding: 20px 16px 24px;
	border-left: 1px solid var(--crm-border);
	background: var(--crm-surface-3);
}

#wOverlay.wItemPopup #wiWrapper .wiActivityColumn::before {
	content: "Заметки и история";
	display: block;
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: var(--crm-text);
}

#wOverlay.wItemPopup #wiWrapper .wiNoteCard,
#wOverlay.wItemPopup #wiWrapper .wiSideCard {
	min-width: 0 !important;
}

#wOverlay.wItemPopup #wiWrapper .wiNoteCard {
	margin: 0 0 20px !important;
	padding: 15px 16px 16px !important;
	border: 1px solid rgba(228, 158, 34, 0.28) !important;
	border-radius: 12px !important;
	background: var(--crm-warning-soft) !important;
	color: var(--crm-text) !important;
}

#wOverlay.wItemPopup #wiWrapper .wiNoteCard.is-empty {
	border-color: var(--crm-border) !important;
	background: var(--crm-surface) !important;
}

#wOverlay.wItemPopup #wiWrapper .wiNoteLabel {
	margin-bottom: 5px;
	color: color-mix(in srgb, var(--crm-warning) 72%, var(--crm-text));
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
}

#wOverlay.wItemPopup #wiWrapper #wiComment {
	font-size: 14px;
	line-height: 20px;
}

#wOverlay.wItemPopup #wiWrapper .wiDetailsToggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	margin-top: 14px;
	padding: 0 11px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font: inherit;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	cursor: pointer;
}

#wOverlay.wItemPopup #wiWrapper .wiDetailsToggle:hover,
#wOverlay.wItemPopup #wiWrapper .wiDetailsToggle:focus-visible {
	border-color: color-mix(in srgb, var(--crm-accent) 32%, var(--crm-border));
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	outline: none;
}

#wOverlay.wItemPopup #wiWrapper .wiDetailsToggle .material-symbols-outlined {
	font-size: 18px;
	line-height: 1;
}

#wOverlay.wItemPopup #wiWrapper .wiDetailsWrap[hidden] {
	display: none !important;
}

#wOverlay.wItemPopup #wiWrapper .wiDetailsWrap {
	margin-top: 10px;
	border-top: 1px solid var(--crm-border-soft);
}

#wOverlay.wItemPopup #wiWrapper .wiSideCard {
	overflow: visible !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions {
	position: relative;
	z-index: 5;
	pointer-events: auto !important;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin: 12px 0 0 !important;
	padding: 12px 0 0 !important;
	border-top: 1px solid var(--crm-border) !important;
	background: transparent !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions > .wiAction {
	position: relative;
	z-index: 1;
	pointer-events: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 38px;
	padding: 0 12px !important;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface-2) !important;
	color: var(--crm-muted) !important;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	cursor: pointer;
	background-image: none !important;
}

/* Legacy action icons are pseudo-elements; the current markup already has one real icon. */
#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions > .wiAction::before {
	display: none !important;
	content: none !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions > .wiAction:hover {
	border-color: color-mix(in srgb, var(--crm-accent) 32%, var(--crm-border));
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions > .wiAction:active {
	background: var(--crm-surface-2) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions > .wiAction:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions .material-symbols-outlined {
	font-size: 17px;
	line-height: 1;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions a,
#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions .xPseudolink {
	color: inherit !important;
	text-decoration: none !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns .wiActionSuccess {
	border-color: color-mix(in srgb, var(--crm-success) 20%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-success) 8%, var(--crm-surface)) !important;
	color: color-mix(in srgb, var(--crm-success) 62%, var(--crm-text)) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns .wiActionDanger {
	border-color: color-mix(in srgb, var(--crm-danger) 18%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-danger) 6%, var(--crm-surface)) !important;
	color: color-mix(in srgb, var(--crm-danger) 62%, var(--crm-text)) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns #wiSendTo,
#wOverlay.wItemPopup #wiWrapper #wiBtns #wiEdit {
	border-color: color-mix(in srgb, var(--crm-accent) 16%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-accent) 6%, var(--crm-surface)) !important;
	color: color-mix(in srgb, var(--crm-accent) 52%, var(--crm-muted)) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns #wiAddComment {
	pointer-events: auto !important;
	border-color: color-mix(in srgb, var(--crm-info) 15%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-info) 6%, var(--crm-surface)) !important;
	color: color-mix(in srgb, var(--crm-info) 45%, var(--crm-muted)) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns #wiUpload,
#wOverlay.wItemPopup #wiWrapper #wiBtns #wiPrint {
	border-color: var(--crm-border);
	background: var(--crm-surface-2) !important;
	color: var(--crm-muted) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns #wiAccept,
#wOverlay.wItemPopup #wiWrapper #wiBtns #wiReady {
	border-color: color-mix(in srgb, var(--crm-success) 18%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-success) 7%, var(--crm-surface)) !important;
	color: color-mix(in srgb, var(--crm-success) 52%, var(--crm-muted)) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiBtns #wiAddTrouble {
	border-color: color-mix(in srgb, var(--crm-danger) 16%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-danger) 6%, var(--crm-surface)) !important;
	color: color-mix(in srgb, var(--crm-danger) 50%, var(--crm-muted)) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiDocs {
	display: block;
}

#wOverlay.wItemPopup #wiWrapper #wiDocs .wHistoryTimeline,
#wOverlay.wItemPopup #wiWrapper #wiDocs .wHistoryProblems {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

#wOverlay.wItemPopup #wiWrapper #wiDocs .wHistoryProblems {
	margin-bottom: 12px !important;
}

#wOverlay.wItemPopup #wiWrapper #wiDocs .wHistoryEntry {
	padding: 11px 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background: var(--crm-surface) !important;
	color: var(--crm-text);
	font-size: 13px;
	line-height: 18px;
}

#wOverlay.wItemPopup #wiWrapper #wiDocs .wHistoryEntry small {
	display: block;
	margin-top: 7px;
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 16px;
}

#wOverlay.wItemPopup #wiWrapper #wiDocs .wHistoryAlertTitle {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 7px;
	color: var(--crm-danger);
}

#wOverlay.wItemPopup #wiWrapper #wiDocs .wHistoryAlertTitle .material-symbols-outlined {
	font-size: 19px;
	line-height: 1;
}

#wOverlay.wItemPopup #wiWrapper #wiDocs .wTroubleUnsolved {
	border-color: rgba(219, 44, 43, 0.3) !important;
	background: var(--crm-danger-soft) !important;
	color: var(--crm-text) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiDocs .wTroubleSolved {
	border-color: var(--crm-border) !important;
	background: var(--crm-surface) !important;
	color: var(--crm-muted) !important;
}

#wOverlay.wItemPopup #wiWrapper #wiDetails td {
	padding-top: 8px;
	padding-bottom: 8px;
}

#wOverlay.wItemPopup #wiWrapper #wiDetails td:nth-child(1) {
	width: 190px;
}

#wOverlay.wItemPopup #wiWrapper #wiDetails td:nth-child(2) {
	width: auto;
}

#wOverlay.wItemPopup #wiWrapper #wiDetails td:nth-child(3),
#wOverlay.wItemPopup #wiWrapper #wiDetails td:nth-child(4) {
	width: 92px;
}

#wOverlay.wItemPopup #wiWrapper #wiDetails.is-new-calc-production>tbody>tr>td {
	width:auto!important;
	padding:0!important;
	border:0!important;
}
.wiProductionCard{overflow:hidden;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface);color:var(--crm-text)}
.wiProductionCardHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--crm-border-soft);background:var(--crm-surface-3)}
.wiProductionCardHead>div{display:flex;align-items:center;gap:8px}.wiProductionCardHead .material-symbols-outlined{color:var(--crm-accent-strong);font-size:20px}.wiProductionCardHead strong{font-size:14px;line-height:20px}.wiProductionCardHead small{color:var(--crm-muted);font-size:11px;white-space:nowrap}
.wiProductionFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--crm-border-soft)}
.wiProductionFact{min-width:0;padding:11px 13px;border-right:1px solid var(--crm-border-soft);border-bottom:1px solid var(--crm-border-soft)}.wiProductionFact:nth-child(4n){border-right:0}.wiProductionFact.is-wide{grid-column:span 2}.wiProductionFact span,.wiProductionFact strong{display:block}.wiProductionFact span{margin-bottom:3px;color:var(--crm-muted);font-size:11px;line-height:15px}.wiProductionFact strong{overflow-wrap:anywhere;font-size:13px;line-height:18px;font-weight:700}
.wiProductionMetrics{display:flex;flex-wrap:wrap;gap:6px;padding:10px 13px;border-bottom:1px solid var(--crm-border-soft)}.wiProductionMetrics span{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:6px;background:var(--crm-accent-soft);color:var(--crm-accent-strong);font-size:11px;font-weight:650}
.wiProductionOperations{padding:12px 13px 14px}.wiProductionOperations h3{margin:0 0 8px;color:var(--crm-text);font-size:12px;line-height:17px;font-weight:700}.wiProductionOperations>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.wiProductionOperation{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;padding:7px 0;border-bottom:1px solid var(--crm-border-soft)}.wiProductionOperation span{min-width:0;color:var(--crm-muted);font-size:12px;line-height:17px}.wiProductionOperation strong{flex:0 0 auto;color:var(--crm-text);font-size:12px;line-height:17px;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:900px){.wiProductionFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.wiProductionFact:nth-child(4n){border-right:1px solid var(--crm-border-soft)}.wiProductionFact:nth-child(2n){border-right:0}.wiProductionOperations>div{grid-template-columns:1fr}}
@media(max-width:560px){.wiProductionFacts{grid-template-columns:1fr}.wiProductionFact,.wiProductionFact.is-wide{grid-column:auto;border-right:0!important}.wiProductionCardHead{align-items:flex-start}.wiProductionOperations{padding-right:11px;padding-left:11px}}

/* Order details use the same full-height workspace as task details. */
#wOverlay.wUnitPopup {
	width: clamp(760px, 60vw, 1040px) !important;
}

#wOverlay.wUnitPopup .crmSidePanelBody {
	overflow: hidden;
}

#wOverlay.wUnitPopup .wUnitPopupBody > #wuWrapper {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 30%) !important;
	grid-template-rows: minmax(0, 1fr);
	gap: 0 !important;
	width: 100% !important;
	height: 100%;
	min-width: 0 !important;
	max-width: none !important;
}

#wOverlay.wUnitPopup #wuWrapper .wuMainColumn {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	min-height: 0;
	overflow: auto;
	overflow-x: hidden;
	padding: 24px 26px 28px;
	background: var(--crm-surface-3);
}

#wOverlay.wUnitPopup #wuWrapper .wuMainCard {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem {
	padding: 20px;
	margin: 0;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
}

#wOverlay.wUnitPopup #wuWrapper .wuItem:last-child {
	margin-bottom: 0;
}

#wOverlay.wUnitPopup #wuWrapper .wuOrderNote {
	margin: 0 0 20px;
	padding: 15px 16px 16px;
	border-radius: 12px;
}

#wOverlay.wUnitPopup #wuWrapper .wuOrderNote + .wuMainCard {
	padding-top: 20px !important;
	border-top: 1px solid var(--crm-border-soft) !important;
}

#wOverlay.wUnitPopup #wuWrapper .wuOrderNote.is-empty {
	background: var(--crm-surface);
	border-color: var(--crm-border);
}

#wOverlay.wUnitPopup #wuWrapper .wuMainTop {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 16px;
}

#wOverlay.wUnitPopup #wuWrapper #wuNumber {
	margin-bottom: 6px;
	color: var(--crm-muted);
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	letter-spacing: 0;
}

#wOverlay.wUnitPopup #wuWrapper #wuTitle h2 {
	max-width: 24ch;
	margin: 0 !important;
	color: var(--crm-text);
	font-size: 28px !important;
	line-height: 34px !important;
	font-weight: 750 !important;
	letter-spacing: -0.025em;
	text-wrap: balance;
	overflow-wrap: anywhere;
}

#wOverlay.wUnitPopup #wuWrapper #wuTitle p {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	margin: 12px 0 0 !important;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}

#wOverlay.wUnitPopup #wuWrapper #wuPrice > span,
#wOverlay.wUnitPopup #wuWrapper #wuPrice .wOrderPricingTrigger {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 8px 13px;
	border-radius: 10px;
	background: var(--crm-accent-soft);
	color: var(--crm-text);
	font-size: 20px;
	line-height: 28px;
	font-weight: 750;
}

#wOverlay.wUnitPopup #wuWrapper #wuPrice .wOrderPricingTrigger {
	justify-content: center;
	gap: 7px;
	border: 0;
	font-family: inherit;
	cursor: pointer;
	transition: background-color 160ms ease-out, color 160ms ease-out;
}

#wOverlay.wUnitPopup #wuWrapper #wuPrice .wOrderPricingTrigger:hover,
#wOverlay.wUnitPopup #wuWrapper #wuPrice .wOrderPricingTrigger[aria-expanded="true"] {
	background: var(--crm-accent);
}

#wOverlay.wUnitPopup #wuWrapper #wuPrice .wOrderPricingTrigger:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

#wOverlay.wUnitPopup #wuWrapper #wuPrice .wOrderPricingTrigger .material-symbols-outlined {
	font-size: 18px;
	font-weight: 500;
}

#wOrderPricingPopover {
	position: fixed;
	z-index: 15500;
	max-width: calc(100vw - 24px);
	max-height: calc(100vh - 24px);
	padding: 16px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	box-shadow: 0 4px 8px color-mix(in srgb, var(--crm-text) 12%, transparent);
	color: var(--crm-text);
	font-family: var(--crm-font-sans);
	animation: wOrderPricingPopoverIn 180ms cubic-bezier(.22,1,.36,1) both;
}

@keyframes wOrderPricingPopoverIn {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

#wOrderPricingPopover .wOrderPricingHead {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 13px;
	border-bottom: 1px solid var(--crm-border-soft);
}

#wOrderPricingPopover .wOrderPricingHead > div {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

#wOrderPricingPopover .wOrderPricingHead span,
#wOrderPricingPopover .wOrderPricingGrid span,
#wOrderPricingPopover .wOrderPricingDecision > span {
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 16px;
	font-weight: 600;
}

#wOrderPricingPopover .wOrderPricingHead strong {
	font-size: 24px;
	line-height: 30px;
	font-weight: 750;
}

#wOrderPricingPopover .wOrderPricingClose {
	display: inline-grid;
	width: 36px;
	height: 36px;
	padding: 0;
	place-items: center;
	flex: 0 0 36px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	color: var(--crm-muted);
	cursor: pointer;
}

#wOrderPricingPopover .wOrderPricingClose:hover { background: var(--crm-surface-2); color: var(--crm-text); }
#wOrderPricingPopover .wOrderPricingClose:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }
#wOrderPricingPopover .wOrderPricingClose .material-symbols-outlined { font-size: 19px; }

#wOrderPricingPopover .wOrderPricingGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
}

#wOrderPricingPopover .wOrderPricingGrid > div {
	display: flex;
	min-width: 0;
	padding: 11px 10px 11px 0;
	flex-direction: column;
	gap: 3px;
	border-bottom: 1px solid var(--crm-border-soft);
}

#wOrderPricingPopover .wOrderPricingGrid > div:nth-child(even) { padding-right: 0; padding-left: 10px; }
#wOrderPricingPopover .wOrderPricingGrid strong { font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }

#wOrderPricingPopover .wOrderPricingDecision {
	display: flex;
	margin-top: 12px;
	padding: 11px 12px;
	flex-direction: column;
	gap: 3px;
	border-radius: 10px;
	background: var(--crm-accent-soft);
}

#wOrderPricingPopover .wOrderPricingDecision strong { font-size: 13px; line-height: 19px; overflow-wrap: anywhere; }
#wOrderPricingPopover .wOrderPricingDecision small { color: var(--crm-muted); font-size: 10px; line-height: 15px; }

#wOrderPricingPopover .wOrderPricingFlags {
	display: flex;
	margin-top: 10px;
	flex-direction: column;
	gap: 5px;
}

#wOrderPricingPopover .wOrderPricingFlags > span {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--crm-warning);
	font-size: 11px;
	line-height: 16px;
	font-weight: 650;
}

#wOrderPricingPopover .wOrderPricingFlags .material-symbols-outlined { font-size: 16px; }

@media (max-width: 520px) {
	#wOrderPricingPopover { padding: 14px; }
	#wOrderPricingPopover .wOrderPricingGrid { grid-template-columns: 1fr; }
	#wOrderPricingPopover .wOrderPricingGrid > div,
	#wOrderPricingPopover .wOrderPricingGrid > div:nth-child(even) { padding: 10px 0; }
}

@media (prefers-reduced-motion: reduce) {
	#wOrderPricingPopover { animation: none; }
}

#wOverlay.wUnitPopup #wuWrapper #wuDesc {
	margin-top: 18px;
	color: var(--crm-text);
	font-size: 15px;
	line-height: 21px;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecsGrid {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px 22px;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecsStructured {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 12px;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecsStructured:empty {
	display: none;
	margin: 0;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecGroup {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	padding: 9px 0;
	border-bottom: 1px solid var(--crm-border-soft);
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecGroupTitle {
	color: var(--crm-text);
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecGroupValues {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecGroupValues > span {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	min-width: 0;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecGroupValues small {
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 16px;
	font-weight: 600;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecGroupValues b {
	color: var(--crm-text);
	font-size: 14px;
	line-height: 20px;
	font-weight: 650;
	overflow-wrap: anywhere;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpec {
	display: inline-flex;
	align-items: baseline;
	min-width: 0;
	max-width: 100%;
	gap: 6px;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecWide {
	flex: 0 1 auto;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecLabel {
	display: inline;
	margin: 0;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 17px;
	font-weight: 600;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecValue {
	display: inline;
	color: var(--crm-text);
	font-size: 16px;
	line-height: 22px;
	font-weight: 650;
	overflow-wrap: anywhere;
}

#wOverlay.wUnitPopup #wuWrapper .wuSpecSummary .wuSpecValue {
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem > .wuBtns {
	margin-top: 14px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem > .wuBtns > div {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid color-mix(in srgb, var(--crm-accent) 18%, transparent) !important;
	border-radius: 8px !important;
	background: var(--crm-accent-soft) !important;
	color: color-mix(in srgb, var(--crm-accent) 68%, var(--crm-text)) !important;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	transition: background-color 140ms ease, border-color 140ms ease;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem > .wuBtns > div:hover {
	border-color: color-mix(in srgb, var(--crm-accent) 32%, transparent) !important;
	background: color-mix(in srgb, var(--crm-accent) 18%, var(--crm-surface)) !important;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem > .wuBtns > #wuAccept {
	border-color: color-mix(in srgb, var(--crm-success) 18%, transparent) !important;
	background: var(--crm-success-soft) !important;
	color: color-mix(in srgb, var(--crm-success) 70%, var(--crm-text)) !important;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem > .wuBtns > #wuAccept:hover {
	border-color: color-mix(in srgb, var(--crm-success) 32%, transparent) !important;
	background: color-mix(in srgb, var(--crm-success) 18%, var(--crm-surface)) !important;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem > .wuBtns > div > span,
#wOverlay.wUnitPopup #wuWrapper .wuItem > .wuBtns > div > span.xPseudolink {
	color: inherit !important;
	font-weight: inherit;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNote {
	margin-top: 16px;
	padding: 13px 14px 14px;
	border: 1px solid color-mix(in srgb, var(--crm-warning) 18%, transparent);
	border-radius: 10px;
	background: color-mix(in srgb, var(--crm-warning) 7%, var(--crm-surface));
	color: var(--crm-text);
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 7px;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteLabel {
	color: color-mix(in srgb, var(--crm-warning) 58%, var(--crm-text));
	font-size: 12px;
	line-height: 18px;
	font-weight: 650;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEdit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: -5px -6px -4px 0;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: color-mix(in srgb, var(--crm-warning) 54%, var(--crm-text));
	cursor: pointer;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEdit:hover,
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEdit:focus-visible {
	background: color-mix(in srgb, var(--crm-warning) 15%, transparent);
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEdit .material-symbols-outlined {
	font-size: 17px;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteText {
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
	overflow-wrap: anywhere;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNotePlaceholder {
	color: var(--crm-muted);
	font-style: italic;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditorLabel {
	display: block;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteInput {
	display: block;
	width: 100%;
	min-height: 92px;
	margin-top: 6px;
	padding: 9px 10px;
	box-sizing: border-box;
	border: 1px solid color-mix(in srgb, var(--crm-warning) 28%, var(--crm-border));
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: inherit;
	font-size: 14px;
	line-height: 20px;
	resize: vertical;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteInput:focus {
	outline: 2px solid color-mix(in srgb, var(--crm-warning) 28%, transparent);
	outline-offset: 1px;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorMain {
	width: 100% !important;
	height: 112px !important;
	box-sizing: border-box;
	border: 1px solid color-mix(in srgb, var(--crm-warning) 24%, var(--crm-border)) !important;
	border-top: 0 !important;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorToolbar.crmCleditorToolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 3px;
	min-height: 40px;
	height: auto !important;
	padding: 4px 6px;
	box-sizing: border-box;
	border: 1px solid color-mix(in srgb, var(--crm-warning) 24%, var(--crm-border));
	border-bottom-color: var(--crm-border-soft);
	border-radius: 8px 8px 0 0;
	background: color-mix(in srgb, var(--crm-warning) 7%, var(--crm-surface-2)) !important;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .crmCleditorToolbar .cleditorGroup {
	display: flex;
	align-items: center;
	gap: 1px;
	float: none;
	height: 30px;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .crmCleditorToolbar .cleditorDivider {
	float: none;
	width: 1px;
	height: 18px;
	margin: 6px 3px;
	background: var(--crm-border);
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButtonModern {
	position: relative;
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0;
	border-radius: 7px;
	background-color: transparent !important;
	background-image: none !important;
	color: var(--crm-muted);
	cursor: pointer;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButtonModern::before {
	font-family: "Material Symbols Outlined";
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButtonModern:hover,
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButtonModern:focus-visible {
	background: var(--crm-surface) !important;
	color: color-mix(in srgb, var(--crm-warning) 58%, var(--crm-text));
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--bold::before { content: "format_bold"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--strikethrough::before { content: "strikethrough_s"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--size::before { content: "format_size"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--color::before { content: "format_color_text"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--highlight::before { content: "format_color_fill"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--link::before { content: "link"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--undo::before { content: "undo"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--redo::before { content: "redo"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--copy::before { content: "content_copy"; }
:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorButton--paste::before { content: "content_paste"; }

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditor .cleditorMain iframe {
	height: 110px !important;
	background: var(--crm-surface);
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditorActions {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 9px;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditorActions button {
	min-height: 34px;
	padding: 0 11px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditorActions .wuItemNoteSave {
	border-color: color-mix(in srgb, var(--crm-warning) 24%, transparent);
	background: color-mix(in srgb, var(--crm-warning) 13%, var(--crm-surface));
	color: color-mix(in srgb, var(--crm-warning) 58%, var(--crm-text));
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditorActions button:hover {
	border-color: color-mix(in srgb, var(--crm-warning) 34%, transparent);
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteEditorActions button:disabled {
	opacity: 0.55;
	cursor: default;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteStatus {
	display: block;
	color: var(--crm-success);
	font-size: 12px;
	line-height: 18px;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteStatus:not(:empty) {
	margin-top: 7px;
}

:is(#wOverlay.wUnitPopup #wuWrapper, #wOverlay.wItemPopup #wiWrapper) .wuItemNoteStatus.is-error {
	color: var(--crm-danger);
}

#wOverlay.wUnitPopup #wuWrapper .wuActivityColumn {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	min-height: 0;
	overflow: auto;
	padding: 20px 16px 24px;
	border-left: 1px solid var(--crm-border);
	background: var(--crm-surface-3);
}

#wOverlay.wUnitPopup #wuWrapper .wuActivityColumn::before {
	content: "Заметки и история";
	display: block;
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: var(--crm-text);
}

#wOverlay.wUnitPopup #wuWrapper .wuNoteCard {
	padding: 12px 14px !important;
	border: 1px solid rgba(228, 158, 34, 0.28) !important;
	border-radius: 12px !important;
	background: var(--crm-warning-soft) !important;
	color: var(--crm-text) !important;
}

#wOverlay.wUnitPopup #wuWrapper .wuSideCard {
	min-width: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs {
	gap: 8px;
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs > div {
	padding: 11px 12px !important;
	border-radius: 10px !important;
}

/* Orders and tasks share one chronological history model. */
#wOverlay.wUnitPopup #wuWrapper #wiDocs {
	display: block;
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs .wHistoryTimeline,
#wOverlay.wUnitPopup #wuWrapper #wiDocs .wHistoryProblems {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs .wHistoryProblems {
	margin-bottom: 20px;
	padding-bottom: 18px !important;
	border-bottom: 1px solid color-mix(in srgb, var(--crm-danger) 22%, var(--crm-border));
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs .wHistoryEntry {
	padding: 11px 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background: var(--crm-surface) !important;
	color: var(--crm-text);
	font-size: 13px;
	line-height: 18px;
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs .wHistoryEntry small {
	display: block;
	margin-top: 7px;
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 16px;
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs .wHistoryAlertTitle {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 7px;
	color: var(--crm-danger);
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs .wHistoryAlertTitle .material-symbols-outlined {
	font-size: 19px;
	line-height: 1;
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs .wTroubleUnsolved {
	border-color: color-mix(in srgb, var(--crm-danger) 28%, var(--crm-border)) !important;
	background: var(--crm-danger-soft) !important;
	color: var(--crm-text) !important;
}

#wOverlay.wUnitPopup #wuWrapper #wiDocs .wTroubleSolved {
	border-color: var(--crm-border) !important;
	background: var(--crm-surface) !important;
	color: var(--crm-muted) !important;
}

/* Activity is grouped by operational importance in both order and task panels. */
#wOverlay #wiDocs .wHistoryGrouped {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#wOverlay #wiDocs .wHistorySection {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

#wOverlay #wiDocs .wHistorySection + .wHistorySectionTimeline {
	padding-top: 18px !important;
	border-top: 1px solid var(--crm-border) !important;
}

#wOverlay #wiDocs .wHistorySection > h3 {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 8px;
	color: var(--crm-text);
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
}

#wOverlay #wiDocs .wHistorySection > h3 .material-symbols-outlined {
	color: var(--crm-muted);
	font-size: 18px;
	line-height: 1;
}

#wOverlay #wiDocs .wHistorySectionProblems > h3,
#wOverlay #wiDocs .wHistorySectionProblems > h3 .material-symbols-outlined {
	color: var(--crm-danger);
}

#wOverlay #wiDocs .wHistorySectionPayments > h3,
#wOverlay #wiDocs .wHistorySectionPayments > h3 .material-symbols-outlined {
	color: color-mix(in srgb, var(--crm-warning) 70%, var(--crm-text));
}

#wOverlay #wiDocs .wHistoryList {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#wOverlay #wiDocs .wHistoryEntry {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 9px;
	align-items: start;
}

#wOverlay #wiDocs .wHistoryEntryIcon {
	margin-top: 1px;
	color: var(--crm-muted);
	font-size: 18px;
	line-height: 18px;
}

#wOverlay #wiDocs .wHistoryEntryContent {
	min-width: 0;
}

#wOverlay #wiDocs .wTroubleUnsolved .wHistoryEntryIcon {
	color: var(--crm-danger);
}

#wOverlay #wiDocs .wComment .wHistoryEntryIcon {
	color: var(--crm-info);
}

#wOverlay #wiDocs .wPymt .wHistoryEntryIcon {
	color: color-mix(in srgb, var(--crm-warning) 76%, var(--crm-text));
}

#wOverlay #wiDocs .wHistorySectionPayments .wPymt {
	border-color: color-mix(in srgb, var(--crm-warning) 38%, var(--crm-border)) !important;
	background: var(--crm-warning-soft) !important;
	color: var(--crm-text) !important;
}

#wOverlay #wiDocs .wHistorySectionTimeline .wHistoryEntry {
	padding: 7px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

#wOverlay #wiDocs .wHistorySectionTimeline .wHistoryEntry + .wHistoryEntry {
	border-top: 1px solid var(--crm-border-soft) !important;
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions {
	width: 100%;
	margin: 12px 0 0 !important;
	padding: 12px 0 0 !important;
	border-top: 0 !important;
	background: transparent !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadline {
	margin-top: 14px;
}

/* Shared inline editor: follows the same visual language as the deadline panel. */
#wOverlay.wUnitPopup #wuWrapper .wuExtraParam,
#wOverlay.wItemPopup #wiWrapper .wuExtraParam {
	margin-top: 16px;
	padding: 14px 16px 15px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface-2);
	color: var(--crm-text);
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamHeading,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamHeading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 36px;
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamTitle,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamTitle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	line-height: 19px;
	font-weight: 650;
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamTitle > .material-symbols-outlined,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamTitle > .material-symbols-outlined {
	font-size: 18px;
	color: var(--crm-muted);
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamOpen,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamOpen,
#wOverlay.wUnitPopup #wuWrapper .wuExtraParamActions button,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamActions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 36px;
	box-sizing: border-box;
	padding: 0 12px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 600 13px/18px var(--crm-font-sans);
	cursor: pointer;
	transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamOpen .material-symbols-outlined,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamOpen .material-symbols-outlined,
#wOverlay.wUnitPopup #wuWrapper .wuExtraParamActions .material-symbols-outlined,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamActions .material-symbols-outlined {
	font-size: 17px;
	color: var(--crm-muted);
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamOpen[hidden],
#wOverlay.wItemPopup #wiWrapper .wuExtraParamOpen[hidden] { display: none; }

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamOpen:hover,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamOpen:hover,
#wOverlay.wUnitPopup #wuWrapper .wuExtraParamActions button:hover,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamActions button:hover {
	border-color: color-mix(in srgb, var(--crm-accent) 28%, var(--crm-border));
	background: var(--crm-accent-soft);
	color: color-mix(in srgb, var(--crm-accent) 68%, var(--crm-text));
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamOpen:focus-visible,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamOpen:focus-visible,
#wOverlay.wUnitPopup #wuWrapper .wuExtraParamActions button:focus-visible,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamActions button:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--crm-accent) 28%, transparent);
	outline-offset: 2px;
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamEditor,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamEditor {
	display: grid;
	grid-template-columns: minmax(150px, .8fr) minmax(190px, 1.2fr) auto;
	align-items: end;
	gap: 10px;
	margin-top: 12px;
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamEditor[hidden],
#wOverlay.wItemPopup #wiWrapper .wuExtraParamEditor[hidden] { display: none; }

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamEditor label,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamEditor label {
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamEditor input,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamEditor input {
	width: 100%;
	height: 36px !important;
	min-height: 36px !important;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 600 14px/20px var(--crm-font-sans);
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamEditor input:focus,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamEditor input:focus {
	outline: 2px solid color-mix(in srgb, var(--crm-accent) 22%, transparent);
	outline-offset: 1px;
	border-color: color-mix(in srgb, var(--crm-accent) 48%, var(--crm-border));
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamActions,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamActions {
	display: flex;
	align-items: center;
	gap: 8px;
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamActions button:disabled,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamActions button:disabled { opacity: .55; cursor: default; }

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamStatus,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamStatus {
	grid-column: 1 / -1;
	color: var(--crm-success);
	font-size: 12px;
	line-height: 18px;
}

#wOverlay.wUnitPopup #wuWrapper .wuExtraParamStatus.is-error,
#wOverlay.wItemPopup #wiWrapper .wuExtraParamStatus.is-error { color: var(--crm-danger); }

#wOverlay.wItemPopup #wiWrapper .wuItemNote + .wuExtraParam,
#wOverlay.wUnitPopup #wuWrapper .wuItemNote + .wuExtraParam { margin-top: 16px; }

@media (max-width: 760px) {
	#wOverlay.wUnitPopup #wuWrapper .wuExtraParamEditor,
	#wOverlay.wItemPopup #wiWrapper .wuExtraParamEditor { grid-template-columns: 1fr; }
	#wOverlay.wUnitPopup #wuWrapper .wuExtraParamActions,
	#wOverlay.wItemPopup #wiWrapper .wuExtraParamActions { justify-self: start; }
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlinePanel {
	padding: 14px 16px 15px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface-2);
	color: var(--crm-text);
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlinePanel.is-critical {
	border-color: color-mix(in srgb, var(--crm-warning) 28%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-warning) 7%, var(--crm-surface));
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineHeading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-size: 13px;
	line-height: 19px;
	font-weight: 650;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineTitle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineTitle > .material-symbols-outlined {
	font-size: 18px;
	color: var(--crm-muted);
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineBadge {
	padding: 2px 7px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--crm-warning) 14%, var(--crm-surface));
	color: color-mix(in srgb, var(--crm-warning) 58%, var(--crm-text));
	font-size: 11px;
	line-height: 17px;
	font-weight: 650;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineControls {
	display: grid;
	grid-template-columns: 150px 96px auto;
	align-items: end;
	gap: 10px;
	margin-top: 12px;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineField {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 5px;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineControls input[type="text"] {
	height: 36px !important;
	min-height: 36px !important;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 600 14px/20px var(--crm-font-sans);
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineDate,
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineTime { width: 100%; }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineTime { padding-right: 34px !important; }

#wOverlay.wUnitPopup #wuWrapper .wNewTimeInputWrap {
	position: relative;
	display: block;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineControls input[type="text"]:focus {
	outline: 2px solid color-mix(in srgb, var(--crm-accent) 22%, transparent);
	outline-offset: 1px;
	border-color: color-mix(in srgb, var(--crm-accent) 48%, var(--crm-border));
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineTimeButton {
	position: absolute;
	right: 3px;
	top: 3px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineTimeButton:hover { background: var(--crm-surface-2); color: var(--crm-text); }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineTimeButton .material-symbols-outlined { font-size: 18px; }

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineCritical {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	color: var(--crm-muted);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineCritical input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineCheck {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px solid var(--crm-border);
	border-radius: 6px;
	background: var(--crm-surface);
	color: transparent;
	transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineCheck .material-symbols-outlined { font-size: 15px; }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineCritical:hover .wuDeadlineCheck { border-color: color-mix(in srgb, var(--crm-warning) 44%, var(--crm-border)); }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineCritical input:focus-visible + .wuDeadlineCheck { outline: 2px solid color-mix(in srgb, var(--crm-warning) 30%, transparent); outline-offset: 2px; }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineCritical input:checked + .wuDeadlineCheck {
	border-color: color-mix(in srgb, var(--crm-warning) 56%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-warning) 15%, var(--crm-surface));
	color: color-mix(in srgb, var(--crm-warning) 68%, var(--crm-text));
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineSave {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 36px;
	padding: 0 12px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 600 13px/18px var(--crm-font-sans);
	cursor: pointer;
	transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineSave .material-symbols-outlined { font-size: 17px; color: var(--crm-muted); }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineSave:hover { border-color: color-mix(in srgb, var(--crm-accent) 28%, var(--crm-border)); background: var(--crm-accent-soft); color: color-mix(in srgb, var(--crm-accent) 68%, var(--crm-text)); }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineSave:focus-visible { outline: 2px solid color-mix(in srgb, var(--crm-accent) 28%, transparent); outline-offset: 2px; }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineSave:disabled { opacity: .55; cursor: default; }

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineStatus,
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineReadOnly {
	color: var(--crm-success);
	font-size: 12px;
	line-height: 18px;
}

#wOverlay.wUnitPopup #wuWrapper .wuDeadlineStatus { grid-column: 1 / -1; }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineStatus.is-error { color: var(--crm-danger); }
#wOverlay.wUnitPopup #wuWrapper .wuDeadlineReadOnly { margin-top: 7px; color: var(--crm-text); font-size: 14px; font-weight: 600; }

@media (max-width: 760px) {
	#wOverlay.wUnitPopup #wuWrapper .wuDeadlineControls {
		grid-template-columns: minmax(0, 1fr) 104px;
	}
	#wOverlay.wUnitPopup #wuWrapper .wuDeadlineSave { grid-column: 1 / -1; justify-self: start; }
	#wOverlay.wUnitPopup #wuWrapper .wuDeadlineStatus { grid-column: 1 / -1; }
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions > div {
	min-height: 38px;
	box-sizing: border-box;
	padding: 0 12px !important;
	border: 1px solid var(--wu-action-border, var(--crm-border)) !important;
	border-radius: 8px;
	background: var(--wu-action-bg, var(--crm-surface-2)) !important;
	color: var(--wu-action-text, var(--crm-muted)) !important;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions > div:hover {
	background: var(--wu-action-hover, color-mix(in srgb, var(--crm-muted) 12%, var(--crm-surface))) !important;
	border-color: var(--wu-action-hover-border, color-mix(in srgb, var(--crm-muted) 28%, transparent)) !important;
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions a,
#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions .xPseudolink {
	color: inherit !important;
	font-weight: inherit;
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuDone,
#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuPaidFull {
	--wu-action-bg: var(--crm-success-soft);
	--wu-action-hover: color-mix(in srgb, var(--crm-success) 18%, var(--crm-surface));
	--wu-action-border: color-mix(in srgb, var(--crm-success) 18%, transparent);
	--wu-action-hover-border: color-mix(in srgb, var(--crm-success) 32%, transparent);
	--wu-action-text: color-mix(in srgb, var(--crm-success) 70%, var(--crm-text));
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuDelivered.wuOrderStateBadge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	--wu-action-bg: var(--crm-success-soft);
	--wu-action-border: color-mix(in srgb, var(--crm-success) 18%, transparent);
	--wu-action-text: color-mix(in srgb, var(--crm-success) 70%, var(--crm-text));
	cursor: default;
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuDelivered.wuOrderStateBadge:hover {
	background: var(--crm-success-soft) !important;
	border-color: color-mix(in srgb, var(--crm-success) 18%, transparent) !important;
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuDelivered .material-symbols-outlined {
	font-size: 18px;
	line-height: 1;
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuDefer,
#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuContinue {
	--wu-action-bg: var(--crm-warning-soft);
	--wu-action-hover: color-mix(in srgb, var(--crm-warning) 24%, var(--crm-surface));
	--wu-action-border: color-mix(in srgb, var(--crm-warning) 22%, transparent);
	--wu-action-hover-border: color-mix(in srgb, var(--crm-warning) 38%, transparent);
	--wu-action-text: color-mix(in srgb, var(--crm-warning) 60%, var(--crm-text));
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuDelete {
	--wu-action-bg: var(--crm-danger-soft);
	--wu-action-hover: color-mix(in srgb, var(--crm-danger) 16%, var(--crm-surface));
	--wu-action-border: color-mix(in srgb, var(--crm-danger) 18%, transparent);
	--wu-action-hover-border: color-mix(in srgb, var(--crm-danger) 32%, transparent);
	--wu-action-text: color-mix(in srgb, var(--crm-danger) 76%, var(--crm-text));
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuPymt {
	--wu-action-bg: var(--crm-info-soft);
	--wu-action-hover: color-mix(in srgb, var(--crm-info) 18%, var(--crm-surface));
	--wu-action-border: color-mix(in srgb, var(--crm-info) 18%, transparent);
	--wu-action-hover-border: color-mix(in srgb, var(--crm-info) 32%, transparent);
	--wu-action-text: color-mix(in srgb, var(--crm-info) 70%, var(--crm-text));
}

#wOverlay.wUnitPopup #wuWrapper #wuBtns.wuUnitActions #wuDelete {
	margin-left: 0 !important;
}

/* Item-level transfer action matches the corresponding action in task details. */
#wOverlay.wUnitPopup #wuWrapper .wuItem .wuBtns > .wuSendTo {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: color-mix(in srgb, var(--crm-accent) 68%, var(--crm-text)) !important;
	cursor: pointer;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem .wuBtns > .wuSendTo::before {
	content: "send";
	display: inline-block;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	font-family: 'Material Symbols Outlined';
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
	font-size: 18px;
	line-height: 18px;
	color: currentColor;
}

#wOverlay.wUnitPopup #wuWrapper .wuItem .wuBtns > .wuSendTo > span {
	color: inherit;
	font-weight: 600;
}

#wOverlay.wUnitPopup .wUnitPopupLoading,
#wOverlay.wUnitPopup .wUnitPopupError {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 220px;
	padding: 32px;
	color: var(--crm-muted);
}

#wOverlay.wUnitPopup .wUnitPopupLoading .material-symbols-outlined {
	animation: crmUnitPopupSpin 900ms linear infinite;
}

#wOverlay.wUnitPopup .wUnitPopupError {
	justify-content: flex-start;
	align-items: flex-start;
	margin: 24px;
	min-height: 0;
	border: 1px solid rgba(219, 44, 43, 0.25);
	border-radius: 12px;
	background: var(--crm-danger-soft);
	color: var(--crm-danger);
}

#wOverlay.wUnitPopup .wUnitPopupError p {
	margin: 4px 0 0;
	color: var(--crm-muted);
}

#wOverlay.wUnitPopup .wUnitPopupRetry {
	margin-top: 14px;
	min-height: 38px;
	padding: 0 14px;
	border: 0;
	border-radius: 8px;
	background: var(--crm-accent);
	color: var(--crm-surface);
	font: inherit;
	font-weight: 650;
	cursor: pointer;
}

#wOverlay.wUnitPopup .wUnitPopupRetry:hover {
	background: var(--crm-accent-2);
}

#wOverlay.wUnitPopup .wUnitPopupRetry:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

@keyframes crmUnitPopupSpin {
	to { transform: rotate(360deg); }
}

@media (max-width: 1180px) {
	#wOverlay.wItemPopup .wItemPopupBody {
		padding: 18px 18px 24px !important;
	}

	#wOverlay.wItemPopup.wItemPopupEditMode,
	#wOverlay.wUnitPopup.wUnitPopupEditMode,
	#wOverlay.wEditItemCompact {
		width: min(760px, 100vw) !important;
		max-width: 100vw !important;
		max-height: 100vh !important;
	}

	#wOverlay.wEditItemCompact #wEditItemTbl col.wParamCol {
		width: 102px;
	}

	#wOverlay.wEditItemCompact #wEditItemTbl col.wPriceCol {
		width: 78px;
	}

	#wOverlay.wEditItemCompact #wEditItemTbl col.wTimeCol {
		width: 68px;
	}

	#wOverlay.wEditItemCompact #wEditItemTbl col.wQtyCol,
	#wOverlay.wEditItemCompact #wEditItemTbl col.wOverheadCol {
		width: 82px;
	}

	#wOverlay.wItemPopup #wiWrapper,
	#wOverlay.wItemPopup #wiWrapper.wiNoNote {
		grid-template-columns: minmax(0, 1fr) minmax(240px, 34%) !important;
	}

	#wOverlay.wItemPopup #wiWrapper .wiActivityColumn {
		grid-column: 2 !important;
	}

	#wOverlay.wUnitPopup .wUnitPopupBody > #wuWrapper {
		grid-template-columns: minmax(0, 1fr) minmax(240px, 34%) !important;
	}
}

@media (max-width: 820px) {
	#wOverlay.crmSidePanel,
	#wOverlay.wItemPopup.wItemPopupEditMode,
	#wOverlay.wUnitPopup.wUnitPopupEditMode {
		width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		max-height: 100vh !important;
		border-radius: 0 !important;
	}

	#wOverlay.wItemPopup #wiWrapper,
	#wOverlay.wItemPopup #wiWrapper.wiNoNote {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: auto !important;
		height: auto;
	}

	#wOverlay.wItemPopup #wiWrapper .wiMainCard,
	#wOverlay.wItemPopup #wiWrapper .wiMainColumn,
	#wOverlay.wItemPopup #wiWrapper .wiActivityColumn,
	#wOverlay.wItemPopup #wiWrapper #wiBtns.wiItemActions {
		grid-column: 1 !important;
		grid-row: auto !important;
	}

	#wOverlay.wItemPopup:not(.wItemPopupEditMode) .crmSidePanelBody {
		overflow: auto;
	}

	#wOverlay.wItemPopup:not(.wItemPopupEditMode) .wItemPopupBody > div {
		height: auto;
	}

	#wOverlay.wItemPopup #wiWrapper .wiMainColumn,
	#wOverlay.wItemPopup #wiWrapper .wiActivityColumn {
		overflow: visible;
		padding: 18px !important;
		border: 0 !important;
	}

	#wOverlay.wUnitPopup .crmSidePanelBody {
		overflow: auto;
	}

	#wOverlay.wUnitPopup .wUnitPopupBody > #wuWrapper {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: auto !important;
		height: auto;
	}

	#wOverlay.wUnitPopup #wuWrapper .wuMainColumn,
	#wOverlay.wUnitPopup #wuWrapper .wuActivityColumn {
		grid-column: 1 !important;
		grid-row: auto !important;
		overflow: visible;
		padding: 18px !important;
		border: 0 !important;
	}

	#wOverlay.wItemPopup #wiWrapper .wiMainCard {
		padding: 16px !important;
	}

	#wOverlay.wEditDateRangeForm .wDateRangeFields {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	#wOverlay.crmSidePanel,
	#wOverlay.wItemPopup.wItemPopupEditMode,
	#wOverlay.wUnitPopup.wUnitPopupEditMode {
		top: 0 !important;
		transform: translateX(100%);
	}

	#wOverlay.crmSidePanel.is-open {
		transform: translateX(0);
	}

	#wOverlay.wUnitPopup #wuWrapper .wuMainTop {
		gap: 12px;
	}

	#wOverlay.wUnitPopup #wuWrapper #wuTitle h2 {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	#wOverlay.wUnitPopup #wuWrapper #wuPrice span {
		min-height: 40px;
		font-size: 18px;
		line-height: 24px;
	}

	#wOverlay.wUnitPopup #wuWrapper .wuSpecsGrid {
		gap: 7px 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.crmSidePanelBackdrop,
	#wOverlay.crmSidePanel {
		transition-duration: 1ms !important;
	}

	#wOverlay.wUnitPopup .wUnitPopupLoading .material-symbols-outlined {
		animation: none !important;
	}
}

/* Shared click menu for transferring a task between production roles. */
.wRoleTransferMenu {
	position: fixed;
	z-index: 15000;
	width: min(264px, calc(100vw - 24px));
	max-width: calc(100vw - 24px);
	padding: 8px;
	overflow: auto;
	box-sizing: border-box;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	box-shadow: 0 6px 8px rgba(15, 23, 42, 0.14);
	color: var(--crm-text);
	font-family: var(--crm-font-sans);
	animation: crmRoleTransferMenuIn 140ms cubic-bezier(0.22, 1, 0.36, 1);
}

.wRoleTransferMenuTitle {
	padding: 6px 10px 8px;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

.wRoleTransferMenuList {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wRoleTransferMenuList button {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 40px;
	padding: 8px 10px;
	box-sizing: border-box;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--crm-text);
	font: inherit;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	cursor: pointer;
}

.wRoleTransferMenuList button .material-symbols-outlined {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	color: var(--crm-muted);
	font-size: 18px;
	line-height: 18px;
}

.wRoleTransferMenuList button:hover,
.wRoleTransferMenuList button:focus-visible {
	background: var(--crm-accent-soft);
	color: var(--crm-text);
	outline: none;
}

.wRoleTransferMenuList button:hover .material-symbols-outlined,
.wRoleTransferMenuList button:focus-visible .material-symbols-outlined {
	color: var(--crm-accent);
}

.wRoleTransferMenuList button:active {
	background: var(--crm-surface-2);
}

.wRoleTransferMenuEmpty {
	padding: 10px;
	color: var(--crm-muted);
	font-size: 13px;
	line-height: 18px;
}

.wSendToTrigger[aria-expanded="true"] {
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

.wSendToTrigger:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

@keyframes crmRoleTransferMenuIn {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wRoleTransferMenu {
		animation: none !important;
	}
}

/* Date picker */
#lpAppShell .ui-autocomplete,
.ui-autocomplete {
	width: auto !important;
	min-width: 240px;
	max-width: min(620px, calc(100vw - 24px));
	max-height: 288px;
	margin: 6px 0 0;
	padding: 6px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: var(--crm-surface) !important;
	box-shadow: 0 8px 8px rgba(15, 23, 42, 0.14) !important;
	font-family: var(--crm-font-sans) !important;
	font-size: 14px !important;
	line-height: 20px;
	z-index: 16020 !important;
}

.ui-autocomplete .ui-menu-item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-autocomplete .ui-menu-item + .ui-menu-item {
	margin-top: 2px;
}

.ui-autocomplete .ui-menu-item > a {
	display: block;
	min-height: 36px;
	padding: 8px 10px;
	box-sizing: border-box;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	font: inherit !important;
	font-weight: 500 !important;
	color: var(--crm-text) !important;
	text-decoration: none !important;
	cursor: pointer;
}

.ui-autocomplete .ui-menu-item > a.ui-state-hover,
.ui-autocomplete .ui-menu-item > a.ui-state-focus,
.ui-autocomplete .ui-menu-item > a:hover,
.ui-autocomplete .ui-menu-item > a:focus {
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
	outline: none;
}

.ui-autocomplete-loading {
	background-color: var(--crm-surface) !important;
	background-position: right 12px center !important;
}

/* Shared rich-text toolbar: all CLEditor instances use one modern icon system. */
.cleditorToolbar.crmCleditorToolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	min-height: 40px;
	height: auto !important;
	padding: 5px 7px;
	box-sizing: border-box;
	border-bottom: 1px solid var(--crm-border-soft);
	background: var(--crm-surface-3) !important;
	background-image: none !important;
}

.crmCleditorToolbar .cleditorGroup {
	display: flex;
	align-items: center;
	gap: 2px;
	float: none;
	height: 30px;
	margin: 0 !important;
}

.crmCleditorToolbar .cleditorDivider {
	float: none;
	width: 1px;
	height: 18px;
	margin: 6px 3px;
	background: var(--crm-border);
}

.cleditorButtonModern {
	position: relative;
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	border-radius: 7px !important;
	background-color: transparent !important;
	background-image: none !important;
	color: var(--crm-muted);
	cursor: pointer;
	transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.cleditorButtonModern::before {
	font-family: "Material Symbols Outlined";
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

.cleditorButtonModern:hover,
.cleditorButtonModern:focus-visible {
	background-color: var(--crm-surface) !important;
	color: var(--crm-accent);
	outline: none;
	box-shadow: 0 0 0 2px rgba(234, 106, 18, 0.14);
}

.cleditorButtonModern:active {
	background-color: var(--crm-accent-soft) !important;
}

.cleditorButtonModern.cleditorDisabled {
	opacity: .35;
	cursor: default;
	box-shadow: none;
}

.cleditorButton--bold::before { content: "format_bold"; }
.cleditorButton--strikethrough::before { content: "strikethrough_s"; }
.cleditorButton--size::before { content: "format_size"; }
.cleditorButton--color::before { content: "format_color_text"; }
.cleditorButton--highlight::before { content: "format_color_fill"; }
.cleditorButton--link::before { content: "link"; }
.cleditorButton--undo::before { content: "undo"; }
.cleditorButton--redo::before { content: "redo"; }
.cleditorButton--copy::before { content: "content_copy"; }
.cleditorButton--paste::before { content: "content_paste"; }

.cleditorPopup {
	padding: 6px;
	box-sizing: border-box;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: var(--crm-surface) !important;
	box-shadow: 0 8px 8px rgba(15, 23, 42, 0.14) !important;
	font: 14px/1.4 var(--crm-font-sans) !important;
	color: var(--crm-text) !important;
	z-index: 16030 !important;
}

.cleditorList > div,
.cleditorList > p,
.cleditorList > font,
.cleditorList > h1,
.cleditorList > h2,
.cleditorList > h3,
.cleditorList > h4,
.cleditorList > h5,
.cleditorList > h6 {
	padding: 7px 9px !important;
	border-radius: 8px;
	cursor: pointer;
}

.cleditorList > div:hover,
.cleditorList > p:hover,
.cleditorList > font:hover,
.cleditorList > h1:hover,
.cleditorList > h2:hover,
.cleditorList > h3:hover,
.cleditorList > h4:hover,
.cleditorList > h5:hover,
.cleditorList > h6:hover {
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

.cleditorColor {
	width: 188px !important;
	display: grid;
	grid-template-columns: repeat(10, 16px);
	gap: 3px;
}

.cleditorColor div {
	float: none;
	width: 16px;
	height: 16px;
	margin: 0;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(24, 27, 31, 0.12);
}

.cleditorPrompt,
.cleditorMsg {
	padding: 10px !important;
	background: var(--crm-surface) !important;
	font-size: 13px !important;
}

.cleditorPrompt input,
.cleditorPrompt textarea {
	margin: 6px 0;
	padding: 8px 10px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	font: 13px/1.4 var(--crm-font-sans) !important;
}

@media (prefers-reduced-motion: reduce) {
	#wOverlay.wNewUnitForm .cleditorButtonModern {
		transition: none;
	}
}

#wCrmDatePicker {
	position: fixed;
	z-index: 16000;
	width: 276px;
	padding: 12px;
	box-sizing: border-box;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	box-shadow: 0 8px 8px rgba(15, 23, 42, 0.14);
	font-family: var(--crm-font-sans);
	color: var(--crm-text);
}

/* Shared CRM checkbox: use on a wrapping label as <label class="crmCheckbox"><input type="checkbox">…</label>. */
#lpAppShell .crmCheckbox,
#wOverlay .crmCheckbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

#lpAppShell .crmCheckbox input[type="checkbox"],
#wOverlay .crmCheckbox input[type="checkbox"] {
	position: relative;
	flex: 0 0 auto;
	appearance: none;
	-webkit-appearance: none;
	width: 18px !important;
	height: 18px !important;
	min-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 4px !important;
	background: var(--crm-surface) !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: border-color 150ms ease-out, background-color 150ms ease-out, box-shadow 150ms ease-out;
}

#lpAppShell .crmCheckbox:hover input[type="checkbox"],
#wOverlay .crmCheckbox:hover input[type="checkbox"] {
	border-color: color-mix(in srgb, var(--crm-accent) 55%, var(--crm-border)) !important;
	box-shadow: 0 0 0 3px var(--crm-accent-soft) !important;
}

#lpAppShell .crmCheckbox input[type="checkbox"]:checked,
#wOverlay .crmCheckbox input[type="checkbox"]:checked {
	border-color: var(--crm-accent) !important;
	background: var(--crm-accent) !important;
}

#lpAppShell .crmCheckbox input[type="checkbox"]:checked::after,
#wOverlay .crmCheckbox input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid var(--crm-surface);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

#lpAppShell .crmCheckbox input[type="checkbox"]:focus-visible,
#wOverlay .crmCheckbox input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--crm-accent) !important;
	outline-offset: 2px;
}

#lpAppShell .crmCheckbox input[type="checkbox"]:disabled,
#wOverlay .crmCheckbox input[type="checkbox"]:disabled {
	border-color: var(--crm-border) !important;
	background: var(--crm-surface-3) !important;
	cursor: not-allowed;
	opacity: .65;
}

#lpAppShell .crmCheckbox:has(input[type="checkbox"]:disabled),
#wOverlay .crmCheckbox:has(input[type="checkbox"]:disabled) {
	cursor: not-allowed;
	color: var(--crm-muted);
}

.wCrmDatePickerHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 34px;
	margin-bottom: 8px;
}

.wCrmDatePickerTitle {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: capitalize;
}

.wCrmDatePickerNav,
.wCrmDatePickerDay {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
	color: inherit;
	cursor: pointer;
}

.wCrmDatePickerNav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: var(--crm-surface-2);
	font-size: 20px;
	line-height: 1;
	color: var(--crm-info);
}

.wCrmDatePickerNav:hover {
	background: var(--crm-info-soft);
}

.wCrmDatePickerYears {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) 28px;
	align-items: center;
	margin: 0 0 8px;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--crm-border-soft);
}

.wCrmDatePickerYearList {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wCrmDatePickerYear,
.wCrmDatePickerYearShift {
	min-width: 0;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--crm-muted);
	font: 600 11px/28px var(--crm-font-sans);
	cursor: pointer;
}

.wCrmDatePickerYearShift {
	color: var(--crm-info);
	font-size: 18px;
}

.wCrmDatePickerYear:hover,
.wCrmDatePickerYearShift:hover,
.wCrmDatePickerYear:focus-visible,
.wCrmDatePickerYearShift:focus-visible {
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	outline: none;
}

.wCrmDatePickerYear.is-selected:not(.is-view) {
	color: var(--crm-accent);
}

.wCrmDatePickerYear.is-view {
	background: var(--crm-accent);
	color: var(--crm-surface);
	font-weight: 700;
}

.wCrmDatePickerWeekdays,
.wCrmDatePickerDays {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.wCrmDatePickerWeekdays {
	padding-bottom: 6px;
	border-bottom: 1px solid var(--crm-border-soft);
}

.wCrmDatePickerWeekdays span {
	font-size: 11px;
	line-height: 18px;
	font-weight: 700;
	text-align: center;
	color: var(--crm-muted);
}

.wCrmDatePickerDays {
	padding-top: 6px;
	row-gap: 2px;
}

.wCrmDatePickerDay {
	height: 32px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 32px;
	text-align: center;
}

.wCrmDatePickerDay:hover,
.wCrmDatePickerDay:focus-visible {
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	outline: none;
}

.wCrmDatePickerDay.is-outside {
	color: var(--crm-muted-2);
}

.wCrmDatePickerDay.is-today:not(.is-selected) {
	box-shadow: inset 0 0 0 1px var(--crm-accent);
	color: var(--crm-accent);
}

.wCrmDatePickerDay.is-selected {
	background: var(--crm-accent);
	color: #fff;
	font-weight: 700;
}

/* Time picker */
#wCrmTimePicker {
	position: fixed;
	z-index: 16000;
	width: 292px;
	padding: 12px;
	box-sizing: border-box;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	box-shadow: 0 8px 8px rgba(15, 23, 42, 0.14);
	font-family: var(--crm-font-sans);
	color: var(--crm-text);
}

.wCrmTimePickerTitle {
	margin: 0 2px 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

.wCrmTimePickerOptions {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 4px;
}

.wCrmTimePickerOptions button {
	height: 34px;
	margin: 0;
	padding: 0 4px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	color: var(--crm-text);
	cursor: pointer;
}

.wCrmTimePickerOptions button:hover,
.wCrmTimePickerOptions button:focus-visible {
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	outline: none;
}

.wCrmTimePickerOptions button.is-selected {
	background: var(--crm-accent);
	color: #fff;
}

#calroot {
	width: 248px !important;
	padding: 14px !important;
	z-index: 16000 !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 16px !important;
	background: var(--crm-surface) !important;
	box-shadow: 0 18px 50px rgba(15, 23, 42, 0.16) !important;
}

#calhead {
	height: 26px !important;
	padding: 0 !important;
	margin-bottom: 8px;
}

#caltitle {
	width: 176px !important;
	font-size: 15px !important;
	line-height: 24px !important;
	font-weight: 700;
	color: var(--crm-text) !important;
}

#calnext,
#calprev {
	width: 24px !important;
	height: 24px !important;
	border-radius: 999px;
	background-color: var(--crm-surface-2) !important;
	background-position: center center !important;
}

#caldays {
	height: 18px !important;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--crm-border) !important;
}

#caldays span {
	width: 30px !important;
	font-size: 11px;
	line-height: 16px;
	font-weight: 700;
	color: var(--crm-muted);
	text-transform: uppercase;
}

#calweeks {
	margin-top: 0 !important;
	background: transparent !important;
}

.calweek {
	height: 30px !important;
}

.calweek a {
	width: 30px !important;
	height: 28px !important;
	margin-left: 0 !important;
	border-radius: 10px !important;
	line-height: 28px !important;
	font-size: 13px !important;
	color: var(--crm-text) !important;
}

.calweek a:hover,
.calfocus {
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

#calcurrent {
	background: var(--crm-accent) !important;
	color: #fff !important;
}

#caltoday {
	background: var(--crm-text) !important;
	color: #fff !important;
}

@media (max-width: 1180px) {
	#lpHeaderTop {
		grid-template-columns: 150px 1fr auto !important;
	}

	#lpHeaderCenter #wTopBarDate .wDateRangeWrapper {
		min-width: 0 !important;
		width: 100%;
	}

	#lpHeaderNavRight {
		display: none !important;
	}

	#wUI_calc .crmCalcPage {
		grid-template-columns: 1fr !important;
	}

	#wUI_calc .crmCalcStack {
		position: static !important;
	}
}

@media (max-width: 760px) {
	#lpHeaderInner {
		padding: 0 12px !important;
	}

	body {
		padding: 0 !important;
	}

	#lpAppShell {
		min-height: 100vh;
		border-radius: 0 !important;
	}

	#lpHeader {
		top: 0;
	}

	#lpHeaderTop {
		grid-template-columns: 100px 1fr !important;
	}

	#lpHeaderUser {
		display: none !important;
	}

	#lpHeaderNavInner {
		padding: 0 12px !important;
	}

	#wElts {
		padding: 0 var(--crm-shell-pad-x-mobile) var(--crm-shell-pad-y-mobile) !important;
	}

	#lpHeaderCenter #wTopBarDate .wDateRangeWrapper {
		height: 34px;
		padding: 0 10px !important;
	}

	#wDateRangeBtn {
		font-size: 12px !important;
	}

	#lpPage {
		--lpGutter: 10px;
	}

	#wElts .wContent #wTable {
		min-width: 860px;
	}

	#lpPage .wContent {
		overflow-x: auto;
	}
}

/* Orders screen redesign */
#wUI_units {
	padding: var(--crm-page-pad-top) var(--crm-page-pad-x) var(--crm-page-pad-bottom) !important;
}

#wUI_units .crmOrdersLayout {
	display: grid;
	grid-template-columns: 248px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

#wUI_units .crmOrdersSidebar,
#wUI_units .crmOrdersMain {
	min-width: 0;
}

#wUI_units .crmOrdersSidebar {
	padding: 0;
	display: grid;
	gap: var(--crm-section-gap);
}

#wUI_units .crmOrdersMain {
	padding: 0;
	display: grid;
	gap: 18px;
}

#wUI_units .crmOrdersStats {
	display: block;
	margin-bottom: 0;
}

#wUI_units .crmOrdersMoneySummary,
#wUI_units .crmOrdersCountSummary {
	border-bottom: 1px solid var(--crm-border);
}

#wUI_units .crmOrdersCountSummary {
	margin-top: var(--crm-section-gap);
	border-top: 0;
}

#wUI_units .crmOrdersMoneyRow,
#wUI_units .crmOrdersCountRow {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 0 15px;
}

#wUI_units .crmOrdersCountRow {
	flex-direction: row;
	align-items: baseline;
	gap: 8px;
	padding: 8px 0 9px;
}

#wUI_units .crmOrdersCountRow .crmOrdersMetricValue {
	min-width: 28px;
	font-size: 22px;
	line-height: 26px;
}

#wUI_units .crmOrdersCountRow .crmOrdersMetricLabel {
	margin-top: 0;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

#wUI_units .crmOrdersMoneyRow + .crmOrdersMoneyRow,
#wUI_units .crmOrdersCountRow + .crmOrdersCountRow {
	border-top: 1px solid var(--crm-border-soft);
}

#wUI_units .crmOrdersMoneyRowPaid .crmOrdersMetricValue {
	color: var(--crm-success);
}

#wUI_units .crmOrdersMoneyRowUnpaid .crmOrdersMetricValue {
	color: var(--crm-warning);
}

#wUI_units .crmOrdersQuickRanges {
	margin-top: var(--crm-section-gap);
}

#wUI_units .crmOrdersQuickRangesTitle {
	margin-bottom: 9px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--crm-text);
}

#wUI_units .crmOrdersQuickRangeList {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

#wUI_units .crmOrdersQuickRange {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	width: 100%;
	padding: 9px 11px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	color: var(--crm-text);
	cursor: pointer;
	text-align: left;
	transition: border-color 160ms ease-out, background-color 160ms ease-out, color 160ms ease-out;
}

#wUI_units .crmOrdersQuickRange:hover {
	border-color: rgba(234, 106, 18, 0.34);
	background: var(--crm-accent-soft);
}

#wUI_units .crmOrdersQuickRange:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

#wUI_units .crmOrdersQuickRange.is-active {
	border-color: rgba(234, 106, 18, 0.4);
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
}

#wUI_units .crmOrdersQuickRangeLabel {
	font-size: 13px;
	line-height: 18px;
	font-weight: 650;
}

#wUI_units .crmOrdersQuickRangeDates {
	font-size: 11px;
	line-height: 15px;
	color: var(--crm-muted);
}

#wUI_units .crmOrdersQuickRange.is-active .crmOrdersQuickRangeDates {
	color: var(--crm-accent);
}

#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary {
	flex: 0 0 auto;
	display: inline-flex;
	gap: 5px;
	align-items: center;
	min-height: 38px;
	box-sizing: border-box;
	padding: 0 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 8px;
	background: var(--crm-surface-2) !important;
	color: var(--crm-text) !important;
	font: 600 13px/18px var(--crm-font-sans);
	appearance: none;
	cursor: pointer;
	white-space: nowrap;
}

#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary:hover {
	background: var(--crm-accent-soft) !important;
	border-color: color-mix(in srgb,var(--crm-accent) 38%,var(--crm-border)) !important;
}

#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary:focus-visible { outline:2px solid var(--crm-accent); outline-offset:2px; }

#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary::before {
	content: "payments";
	color: inherit;
	font-family: "Material Symbols Outlined";
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary span {
	font-weight: 650;
}

#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary small {
	color: var(--crm-muted);
	font-size: 13px;
}

#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary.is-paid {
	color: var(--crm-text) !important;
	background: var(--crm-surface-2) !important;
}

#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary.is-paid::before,
#wuWrapper #wuBtns.wuUnitActions > .wuPaymentSummary.is-paid small {
	color: var(--crm-muted);
}

@media (min-width: 1100px) {
	#wuWrapper #wuBtns.wuUnitActions {
		flex-wrap: nowrap;
	}
}

#wOverlay.wPaymentForm .wPaymentFormSummary {
	margin: 14px 0;
	border-top: 1px solid var(--crm-border);
	border-bottom: 1px solid var(--crm-border);
}

#wOverlay.wPaymentForm .wPaymentFormSummary > div {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 10px 0;
	color: var(--crm-muted);
}

#wOverlay.wPaymentForm .wPaymentFormSummary > div + div {
	border-top: 1px solid var(--crm-border-soft);
}

#wOverlay.wPaymentForm .wPaymentFormSummary b {
	color: var(--crm-text);
}

#wOverlay.wPaymentForm .wPaymentFormHint {
	margin-bottom: 14px;
}

#wOverlay.wPaymentForm #wNewDocString {
	width: 100%;
	box-sizing: border-box;
}

#wOverlay.wPaymentForm .wPaymentFormError {
	margin: 12px 0 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: var(--crm-danger-soft);
	color: var(--crm-danger);
	font-size: 13px;
	line-height: 18px;
}

#wUI_units .crmOrdersMetricCard {
	padding: 20px 18px 18px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%);
}

#wUI_units .crmOrdersMetricCardDanger {
	background: linear-gradient(180deg, var(--crm-danger-soft) 0%, var(--crm-surface) 100%);
}

#wUI_units .crmOrdersMetricCard:nth-child(1) {
	background: linear-gradient(180deg, var(--crm-accent-soft) 0%, var(--crm-surface) 100%);
}

#wUI_units .crmOrdersMetricCard:nth-child(2) {
	background: linear-gradient(180deg, var(--crm-info-soft) 0%, var(--crm-surface) 100%);
}

#wUI_units .crmOrdersMetricCard:nth-child(3) {
	background: linear-gradient(180deg, var(--crm-success-soft) 0%, var(--crm-surface) 100%);
}

#wUI_units .crmOrdersMetricCard:nth-child(4) {
	background: linear-gradient(180deg, var(--crm-warning-soft) 0%, var(--crm-surface) 100%);
}

#wUI_units .crmOrdersMetricCardDanger .crmOrdersMetricValue {
	color: var(--crm-danger);
}

#wUI_units .crmOrdersMetricValue {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: var(--crm-text);
	white-space: nowrap;
}

#wUI_units .crmOrdersMetricLabel {
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: var(--crm-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

#wUI_units .crmOrdersToolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 0;
	margin-bottom: 0;
}

#wUI_units .crmOrdersTitle {
	position: relative;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: var(--crm-text);
}

#wUI_units .crmOrdersTitle::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	margin-top: 10px;
	border-radius: 999px;
	background: var(--crm-accent);
}

#wUI_units .crmOrdersToolbarControls {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-left: auto;
}

body.lpUnitsViewActive #lpHeaderNavRight {
	display: none !important;
}

body.lpItemsViewActive #lpHeaderNavRight,
body.lpClientsViewActive #lpHeaderNavRight,
body.lpUsersViewActive #lpHeaderNavRight {
	display: none !important;
}

body.lpUnitsViewActive #lpHeaderNavInner {
	justify-content: flex-start;
}

body.lpItemsViewActive #lpHeaderNavInner,
body.lpClientsViewActive #lpHeaderNavInner,
body.lpUsersViewActive #lpHeaderNavInner {
	justify-content: flex-start;
}

body.lpUnitsViewActive #lpHeaderNav #wTabs {
	margin-right: 0 !important;
}

body.lpItemsViewActive #lpHeaderNav #wTabs,
body.lpClientsViewActive #lpHeaderNav #wTabs,
body.lpUsersViewActive #lpHeaderNav #wTabs {
	margin-right: 0 !important;
}

/* Unified fixed application header */
#lpAppShell {
	overflow: visible !important;
	padding-top: 79px;
}

#lpHeader {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 80;
	width: 100%;
	height: 79px;
	background: linear-gradient(180deg, #FFB45C 0%, var(--crm-accent) 54%, #F68B1E 100%) !important;
	border: 0 !important;
	box-shadow: 0 5px 12px rgba(115, 45, 8, 0.24);
}

#lpHeaderInner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 79px;
	padding: 0 24px !important;
	gap: 20px;
}

#lpBrand {
	flex: 0 0 auto;
	min-width: 116px !important;
}

.lpBrandLogoFull {
	width: 112px !important;
	height: auto !important;
	max-height: 42px;
	filter: brightness(0) invert(1);
}

#lpHeaderNav {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	height: 79px;
	background: transparent !important;
	border: 0 !important;
}

#lpHeaderNavInner {
	display: flex;
	align-items: center;
	justify-content: flex-start !important;
	width: 100%;
	height: 79px;
	padding: 0 !important;
	gap: 16px !important;
}

#lpHeaderNav #wTabs {
	display: flex;
	align-items: center;
	flex: 0 1 auto;
	min-width: 0;
	height: 79px !important;
	gap: 2px !important;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
}

#lpHeaderNav #wTabs::-webkit-scrollbar {
	display: none;
}

#lpHeaderNav #wTabs a,
#lpHeaderNav #wTabs button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 44px !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 9px !important;
	color: rgba(255, 255, 255, 0.78) !important;
	background: transparent !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	transition: color 150ms ease, background-color 150ms ease;
}

#lpHeaderNav #wTabs .material-symbols-outlined {
	font-size: 18px;
	line-height: 1;
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

#lpHeaderNav #wTabs a:before,
#lpHeaderNav #wTabs button:before {
	display: none !important;
	color: currentColor;
	opacity: 1;
}

#lpHeaderNav #wTabs a.wActive,
#lpHeaderNav #wTabs button.wActive {
	color: #9d3b09 !important;
	background: #fff !important;
	box-shadow: 0 1px 3px rgba(115, 45, 8, 0.16);
}

#lpHeaderNav #wTabs a:not(.wActive):hover,
#lpHeaderNav #wTabs button:not(.wActive):hover {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.14) !important;
}

#lpHeaderNavRight {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr);
	align-items: center;
	flex: 1 1 420px;
	min-width: 360px;
	gap: 10px;
}

body.lpUnitsViewActive #lpHeaderNavRight,
body.lpItemsViewActive #lpHeaderNavRight,
body.lpClientsViewActive #lpHeaderNavRight,
body.lpUsersViewActive #lpHeaderNavRight {
	display: grid !important;
}

body.lpUnitsViewActive #lpSearch,
body.lpItemsViewActive #lpSearch,
body.lpClientsViewActive #lpSearch,
body.lpUsersViewActive #lpSearch {
	display: none !important;
}

#lpHeaderNav #lpSearch {
	grid-column: 1;
	justify-self: start;
	width: clamp(190px, 16vw, 260px) !important;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	border-radius: 9px !important;
	background: rgba(255, 255, 255, 0.13) !important;
}

#lpHeaderNav #lpSearch button,
#lpHeaderNav #lpSearch input {
	color: #fff !important;
}

#lpHeaderNav #lpSearch input::placeholder {
	color: rgba(255, 255, 255, 0.72);
}

#wTopBarDate .wDateRangeWrapper,
#lpHeaderCenter #wTopBarDate .wDateRangeWrapper {
	min-width: 0 !important;
	height: 38px;
	padding: 0 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	border-radius: 9px !important;
	background: rgba(255, 255, 255, 0.13) !important;
	box-shadow: none !important;
}

#wTopBarDate {
	grid-column: 2;
	justify-self: end;
}

#wInternalNotifications { grid-column: 3; justify-self: start; position: relative; }
#wInternalNotificationsButton { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255,255,255,.28); border-radius: 9px; background: rgba(255,255,255,.13); color: #fff; cursor: pointer; transition: background-color 160ms ease-out,transform 160ms ease-out; }
#wInternalNotificationsButton:hover,#wInternalNotificationsButton[aria-expanded="true"] { background: rgba(255,255,255,.22); }
#wInternalNotificationsButton:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#wInternalNotificationsButton > .material-symbols-outlined { font-size: 21px; transform-origin: 50% 8%; }
#wInternalNotificationsBadge { position: absolute; top: -5px; right: -6px; display: none; min-width: 17px; height: 17px; padding: 0 4px; border: 2px solid var(--crm-accent); border-radius: 999px; background: var(--crm-danger); color: #fff; font: 700 9px/17px var(--crm-font-sans); text-align: center; box-sizing: content-box; }
#wInternalNotificationsButton.has-unread::after { content:""; position:absolute; top:7px; right:8px; width:6px; height:6px; border-radius:999px; background:var(--crm-danger); }
#wInternalNotificationsButton.is-ringing > .material-symbols-outlined { animation:wInternalBellRing 520ms cubic-bezier(.22,1,.36,1); }
@keyframes wInternalBellRing { 0%,100%{transform:rotate(0)} 20%{transform:rotate(13deg)} 40%{transform:rotate(-11deg)} 60%{transform:rotate(7deg)} 80%{transform:rotate(-4deg)} }

#wInternalNotificationsPopover { position:fixed; z-index:185; overflow:hidden; border:1px solid var(--crm-border); border-radius:12px; background:var(--crm-surface); box-shadow:0 8px 24px var(--crm-overlay-shadow); color:var(--crm-text); animation:wInternalPopoverIn 180ms cubic-bezier(.22,1,.36,1) both; }
@keyframes wInternalPopoverIn { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
.wInternalNotificationsHead { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:62px; padding:10px 12px 10px 16px; border-bottom:1px solid var(--crm-border); background:var(--crm-surface); box-sizing:border-box; }
.wInternalNotificationsHead h2 { margin:0; font-size:15px; line-height:20px; font-weight:700; }
.wInternalNotificationsHead div > span { display:block; margin-top:2px; color:var(--crm-muted); font-size:11px; line-height:15px; }
.wInternalNotificationsHead button { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--crm-muted); cursor:pointer; }
.wInternalNotificationsHead button:hover { background:var(--crm-surface-2); color:var(--crm-text); }
.wInternalNotificationsHead button:focus-visible { outline:2px solid var(--crm-accent); outline-offset:2px; }
.wInternalNotificationsHead button .material-symbols-outlined { font-size:19px; }
#wInternalNotificationsList { max-height:min(560px,calc(100vh - 190px)); overflow:auto; overscroll-behavior:contain; }
.wInternalNotificationItem { display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; padding:14px 16px; border-bottom:1px solid var(--crm-border-soft); background:var(--crm-surface); }
.wInternalNotificationItem.is-unread { background:color-mix(in srgb,var(--crm-danger) 4%,var(--crm-surface)); }
.wInternalNotificationIcon { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:9px; background:var(--crm-danger-soft); color:var(--crm-danger); }
.wInternalNotificationIcon .material-symbols-outlined { font-size:18px; }
.wInternalNotificationContent { min-width:0; }
.wInternalNotificationMeta { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--crm-muted); font-size:10px; line-height:14px; }
.wInternalNotificationMeta span { font-weight:700; }
.wInternalNotificationMeta time { white-space:nowrap; font-variant-numeric:tabular-nums; }
.wInternalNotificationContent h3 { margin:4px 0 3px; color:var(--crm-text); font-size:13px; line-height:18px; font-weight:700; }
.wInternalNotificationContent p { display:-webkit-box; max-width:48ch; margin:0; overflow:hidden; color:var(--crm-muted); font-size:12px; line-height:17px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.wInternalNotificationOrder { margin-top:8px; color:var(--crm-text); font-size:12px; line-height:17px; font-weight:600; }
.wInternalNotificationRecipient { margin-top:1px; overflow:hidden; color:var(--crm-muted); font-size:11px; line-height:16px; text-overflow:ellipsis; white-space:nowrap; }
.wInternalNotificationActions { display:flex; align-items:center; gap:8px; margin-top:10px; }
.wInternalNotificationActions button { min-height:32px; padding:0 10px; border:1px solid var(--crm-border); border-radius:8px; background:var(--crm-surface); color:var(--crm-text); font:600 11px/16px var(--crm-font-sans); cursor:pointer; }
.wInternalNotificationActions button:hover { border-color:var(--crm-accent); color:var(--crm-accent); }
.wInternalNotificationActions button.is-primary { border-color:var(--crm-accent); background:var(--crm-accent); color:#fff; }
.wInternalNotificationActions button.is-primary:hover { background:var(--crm-accent-2); }
.wInternalNotificationActions button:focus-visible,.wInternalNotificationsFooter button:focus-visible { outline:2px solid var(--crm-accent); outline-offset:2px; }
.wInternalNotificationItem.is-read { opacity:.72; }
.wInternalNotificationsFooter { padding:10px 16px; border-top:1px solid var(--crm-border); text-align:center; }
.wInternalNotificationsFooter button { border:0; background:transparent; color:var(--crm-accent); font:600 12px/17px var(--crm-font-sans); cursor:pointer; }
.wInternalNotificationsEmpty { padding:34px 20px; color:var(--crm-muted); text-align:center; }
.wInternalNotificationsEmpty .material-symbols-outlined { display:block; margin-bottom:7px; font-size:28px; }
.wInternalNotificationsEmpty b { display:block; color:var(--crm-text); font-size:13px; }
.wInternalNotificationsEmpty p { margin:4px 0 0; font-size:12px; line-height:17px; }

.wHeaderSignalButton {
	--w-header-signal-color: var(--crm-mark-slate);
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	padding: 0;
	border: 2px solid var(--crm-surface);
	border-radius: 999px;
	background: var(--w-header-signal-color);
	color: var(--crm-surface);
	box-shadow: 0 2px 6px var(--crm-overlay-shadow);
	cursor: pointer;
	transition: transform 150ms cubic-bezier(.25,1,.5,1),background-color 150ms cubic-bezier(.25,1,.5,1);
}

.wHeaderSignalButton:hover,
.wHeaderSignalButton[aria-expanded="true"] {
	background: color-mix(in srgb,var(--w-header-signal-color) 86%,var(--crm-text));
	transform: scale(1.05);
}

.wHeaderSignalButton:active { transform: scale(.97); }

.wHeaderSignalButton:focus-visible {
	outline: 2px solid var(--crm-surface);
	outline-offset: 2px;
}

.wHeaderSignalButton:disabled {
	opacity: .5;
	cursor: not-allowed;
	transform: none;
}

.wHeaderSignalIcon {
	font-size: 21px;
	font-variation-settings: 'FILL' 0,'wght' 700,'GRAD' 0,'opsz' 24;
}

.wHeaderSignalCount {
	position: absolute;
	top: -6px;
	right: -7px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border: 2px solid var(--crm-surface);
	border-radius: 999px;
	background: var(--crm-surface);
	color: var(--w-header-signal-color);
	box-shadow: 0 1px 2px var(--crm-overlay-shadow);
	font: 750 10px/1 var(--crm-font-sans);
	font-variant-numeric: tabular-nums;
	box-sizing: border-box;
}

.wHeaderSignalButton--receivables {
	--w-header-signal-color: var(--crm-success-strong);
	order: -2;
}

.wHeaderSignalButton--critical {
	--w-header-signal-color: var(--crm-danger);
	order: -1;
}

#wTopBarDate .wDateRangeWrapper:before {
	display: none !important;
}

#wDateRangeBtn {
	max-width: 210px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff !important;
	font-weight: 600 !important;
}

#wDateRangeBtn .wDateRangeIcon {
	flex: 0 0 auto;
	font-size: 18px;
	line-height: 18px;
}

#lpHeaderUser {
	grid-column: 4;
	justify-self: end;
	flex: 0 0 auto;
	gap: 8px !important;
	color: #fff;
}

@media(max-width:640px){#wInternalNotificationsPopover{left:12px!important;right:12px!important;width:auto!important}.wInternalNotificationActions button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#wInternalNotificationsButton.is-ringing > .material-symbols-outlined,#wInternalNotificationsPopover{animation:none}}

.lpUserMeta {
	display: flex;
	align-items: center;
	gap: 10px;
	text-align: right;
}

.lpUserNameRow {
	gap: 8px;
}

#wCurrentUserRole {
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
}

#wCurrentUserName,
#wRoleDropdownToggle,
.lpAdminGear {
	color: #fff !important;
}

.lpAdminGear {
	appearance: none;
	width: 32px;
	height: 32px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	outline: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

.lpAdminGear:focus-visible {
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.72) !important;
}

#wRoleDropdownToggle {
	appearance: none;
	margin: 0 !important;
	padding: 0 9px !important;
	height: 34px;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	border-radius: 9px !important;
	background: rgba(255, 255, 255, 0.13) !important;
	box-shadow: none !important;
	line-height: 18px !important;
	transform: translateY(2px);
}

#wRoleName,
#wRoleDropdownToggle .wRoleArrow {
	color: inherit !important;
}

#wCurrentUserRole {
	color: rgba(255, 255, 255, 0.76) !important;
}

#wRoleDropdownToggle:hover,
.lpAdminGear:hover {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.22) !important;
}

#wCurrentUserRole.wOpen #wRoleDropdownToggle {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.48) !important;
	background: rgba(255, 255, 255, 0.24) !important;
}

.lpUserDivider {
	background: rgba(255, 255, 255, 0.28) !important;
}

.lpUserAvatar {
	color: var(--crm-accent) !important;
	background-color: #fff !important;
	border-color: rgba(255, 255, 255, 0.65) !important;
}

.lpUserAvatar:before {
	filter: none;
}

.lpLogoutBtn {
	width: 36px;
	height: 36px;
	border-color: transparent !important;
	background: transparent !important;
	color: #fff !important;
}

.lpLogoutBtn:hover {
	border-color: transparent !important;
	background: rgba(255, 255, 255, 0.16) !important;
	color: #fff !important;
}

.lpLogoutBtn:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.78);
	outline-offset: 2px;
}

@media (max-width: 1320px) {
	#lpHeaderNav #wTabs a,
	#lpHeaderNav #wTabs button {
		padding: 0 9px !important;
	}

	#lpHeaderNav #wTabs a:before,
	#lpHeaderNav #wTabs button:before {
		display: none !important;
	}

	.lpUserMeta {
		display: none;
	}
}

@media (max-width: 980px) {
	#lpHeaderInner {
		padding: 0 14px !important;
		gap: 12px;
	}

	#lpBrand {
		min-width: 88px !important;
	}

	.lpBrandLogoFull {
		width: 88px !important;
	}

	#wTopBarDate {
		display: none !important;
	}

	#lpSearch {
		display: none !important;
	}

	#lpHeaderNavRight {
		display: grid !important;
		grid-template-columns: auto;
		flex: 0 0 auto;
		min-width: 0;
	}

	#lpHeaderUser { grid-column: 1; }
}

@media (max-width: 700px) {
	#lpAppShell {
		padding-top: 70px;
	}

	#lpHeader,
	#lpHeaderInner,
	#lpHeaderNav,
	#lpHeaderNavInner {
		height: 70px;
	}

	#lpBrand {
		display: none;
	}

	#lpHeaderNav #wTabs {
		height: 70px !important;
	}

	#lpHeaderNav #wTabs a,
	#lpHeaderNav #wTabs button {
		height: 38px !important;
		padding: 0 8px !important;
		font-size: 13px !important;
	}

	#lpHeaderUser {
		display: flex !important;
	}

	.lpUserDivider,
	.lpUserAvatar {
		display: none !important;
	}

	.lpLogoutBtn {
		width: 36px;
		height: 36px;
	}
}

/* Anchored date-range popover */
#wItemCommentPopover {
	position: fixed;
	z-index: 15500;
	max-width: calc(100vw - 24px);
	max-height: calc(100vh - 24px);
	overflow: visible;
	padding: 18px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.22);
	color: var(--crm-text);
	font-family: var(--crm-font-sans);
	outline: none;
	transform-origin: var(--w-comment-anchor-x, 50%) top;
	animation: wItemCommentPopoverIn 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#wItemCommentPopover.is-viewport-constrained {
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}

#wItemCommentPopover::before {
	content: "";
	position: absolute;
	top: -7px;
	left: calc(var(--w-comment-anchor-x, 50%) - 7px);
	width: 13px;
	height: 13px;
	border-top: 1px solid var(--crm-border);
	border-left: 1px solid var(--crm-border);
	background: var(--crm-surface);
	transform: rotate(45deg);
}

#wItemCommentPopover.is-above {
	transform-origin: var(--w-comment-anchor-x, 50%) bottom;
}

#wItemCommentPopover.is-above::before {
	top: auto;
	bottom: -7px;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid var(--crm-border);
	border-bottom: 1px solid var(--crm-border);
}

@keyframes wItemCommentPopoverIn {
	from { opacity: 0; transform: translateY(-6px) scale(0.985); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

.wItemCommentHead {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.wItemCommentHead h3 {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: var(--crm-text);
}

.wItemCommentHead p {
	margin: 2px 0 0;
	font-size: 12px;
	line-height: 16px;
	color: var(--crm-muted);
}

.wItemCommentClose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}

.wItemCommentClose:hover { background: var(--crm-surface-2); color: var(--crm-text); }
.wItemCommentClose .material-symbols-outlined { font-size: 18px; line-height: 18px; }

#wItemCommentPopover > textarea {
	display: none !important;
}

.wItemCommentToolbar {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 6px;
	border: 1px solid var(--crm-border);
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	background: var(--crm-surface-3);
}

.wItemCommentToolbar button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}

.wItemCommentToolbar button:hover,
.wItemCommentToolbar button:focus-visible {
	background: var(--crm-surface);
	color: var(--crm-accent);
}

.wItemCommentToolbar button:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: -1px; }
.wItemCommentToolbar .material-symbols-outlined { font-size: 18px; line-height: 18px; }

.wItemCommentEditor {
	min-height: 164px;
	max-height: 300px;
	overflow: auto;
	padding: 11px 12px;
	border: 1px solid var(--crm-border);
	border-radius: 0 0 10px 10px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 14px/1.5 var(--crm-font-sans);
	box-sizing: border-box;
	outline: 0;
}

.wItemCommentEditor:focus {
	border-color: color-mix(in srgb, var(--crm-accent) 48%, var(--crm-border));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-accent) 10%, transparent);
}

.wItemCommentEditor:empty::before {
	content: attr(data-placeholder);
	color: color-mix(in srgb, var(--crm-muted) 82%, var(--crm-text));
	pointer-events: none;
}

.wProblemResolutionSource {
	margin-bottom: 12px;
	padding: 10px 12px;
	border-radius: 9px;
	background: var(--crm-danger-soft);
	color: var(--crm-text);
	font-size: 13px;
	line-height: 18px;
}

.wProblemResolutionSource > span {
	display: block;
	margin-bottom: 4px;
	color: var(--crm-danger);
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
}

.wProblemResolutionSource > div {
	max-height: 72px;
	overflow: auto;
}

#wItemCommentPopover.wProblemResolutionPopover .wItemCommentEditor {
	min-height: 124px;
}

#wItemCommentPopover .cleditorMain {
	width: 100% !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	overflow: hidden;
	box-shadow: none !important;
}

#wItemCommentPopover .cleditorToolbar {
	padding: 6px !important;
	border-bottom: 1px solid var(--crm-border-soft);
	background: var(--crm-surface-3) !important;
}

#wItemCommentPopover .cleditorGroup {
	margin: 0 5px 0 0 !important;
}

#wItemCommentPopover .cleditorButton {
	border-radius: 6px !important;
}

.wItemCommentError {
	display: none;
	margin-top: 8px;
	font-size: 12px;
	line-height: 16px;
	color: var(--crm-danger);
}

.wItemCommentError:not(:empty) { display: block; }

.wItemCommentTransfer {
	margin-top: 12px;
	padding: 11px 12px;
	border-radius: 9px;
	background: var(--crm-surface-3);
}

.wRoleChoice {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.wRoleChoice > legend {
	margin: 0 0 8px;
	padding: 0;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

.wRoleChoiceList {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

/* Stable, muted role identity shared by selectors, tables and user cards. */
.lpRole_admin { --crm-role-bg: #f1f3f5; --crm-role-border: #d8dde2; --crm-role-text: #59636d; }
.lpRole_office { --crm-role-bg: #eef7f1; --crm-role-border: #cbe2d2; --crm-role-text: #477356; }
.lpRole_prepress { --crm-role-bg: #f4f0f8; --crm-role-border: #ddd2e8; --crm-role-text: #705d83; }
.lpRole_print { --crm-role-bg: #faf6e9; --crm-role-border: #e8ddb5; --crm-role-text: #7d6b36; }
.lpRole_postpress { --crm-role-bg: #eef6f9; --crm-role-border: #cddfe7; --crm-role-text: #4b7181; }
.lpRole_accounting { --crm-role-bg: #f7f0f2; --crm-role-border: #e5d2d8; --crm-role-text: #805d68; }

.lpRoleBadge,
.lpRoleWait,
.wRoleChip {
	border-color: var(--crm-role-border, var(--crm-border)) !important;
	background: var(--crm-role-bg, var(--crm-surface-2)) !important;
	color: var(--crm-role-text, var(--crm-muted)) !important;
}

.wRoleChoiceOption {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 2px 7px;
	border: 1px solid var(--crm-role-border, var(--crm-border));
	border-radius: 6px;
	background: var(--crm-role-bg, var(--crm-surface));
	color: var(--crm-role-text, var(--crm-muted));
	font: 500 11px/16px var(--crm-font-sans);
	cursor: pointer;
}

.wRoleChoiceOption:hover {
	border-color: var(--crm-role-text, #aeb5bc);
	background: var(--crm-role-bg, var(--crm-surface-2));
	color: var(--crm-role-text, var(--crm-text));
}

.wRoleChoiceOption.is-selected,
.wRoleChoiceOption[aria-pressed="true"] {
	border-color: var(--crm-role-text, var(--crm-accent));
	background: var(--crm-role-text, var(--crm-accent));
	color: #fff;
	font-weight: 600;
	box-shadow: none;
}

.wRoleChoiceOption:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

.wItemReadyPopover .wItemCommentTransfer {
	margin-top: 14px;
}

.wItemReadyNotice {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 10px;
	margin-top: 14px;
	padding: 12px;
	border: 1px solid color-mix(in srgb, var(--crm-warning) 32%, var(--crm-border));
	border-radius: 10px;
	background: color-mix(in srgb, var(--crm-warning-soft) 58%, var(--crm-surface));
	color: var(--crm-text);
	font: 400 13px/18px var(--crm-font-sans);
}

.wItemReadyNotice > .material-symbols-outlined {
	margin-top: 1px;
	color: var(--crm-warning);
	font-size: 19px;
	line-height: 19px;
}

.wItemReadyNotice a {
	color: var(--crm-accent);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.wItemCommentActions {
	position: sticky;
	bottom: -18px;
	z-index: 2;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin: 16px -18px -18px;
	padding: 13px 22px;
	border-top: 1px solid var(--crm-border-soft);
	border-radius: 0 0 12px 12px;
	background: var(--crm-surface-3);
}

.wItemCommentCancel,
.wItemCommentSave,
.wItemCommentSaveAndSend {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 38px;
	padding: 0 12px;
	border-radius: 9px;
	font: 600 13px/18px var(--crm-font-sans);
	white-space: nowrap;
	cursor: pointer;
}

.wItemCommentCancel {
	margin-right: auto;
	border: 1px solid var(--crm-border);
	background: var(--crm-surface);
	color: var(--crm-text);
}

.wItemCommentCancel:hover { border-color: #cbd0d6; background: var(--crm-surface-2); }

.wItemCommentSave {
	border: 1px solid var(--crm-accent);
	background: var(--crm-surface);
	color: var(--crm-accent);
}

.wItemCommentSaveAndSend {
	border: 1px solid var(--crm-accent);
	background: var(--crm-accent);
	color: #fff;
}

.wItemCommentSave:hover { border-color: var(--crm-accent); background: var(--crm-accent-soft); }
.wItemCommentSaveAndSend:hover { border-color: var(--crm-accent-2); background: var(--crm-accent-2); }
.wItemCommentSave:disabled,
.wItemCommentSaveAndSend:disabled { opacity: .62; cursor: wait; }
.wItemCommentSave .material-symbols-outlined,
.wItemCommentSaveAndSend .material-symbols-outlined { font-size: 17px; line-height: 17px; }

#wItemCommentPopover.wItemTroublePopover .wItemCommentSave {
	border-color: var(--crm-danger);
	background: var(--crm-danger);
}

#wItemCommentPopover.wItemTroublePopover .wItemCommentSave:hover {
	border-color: color-mix(in srgb, var(--crm-danger) 84%, #000);
	background: color-mix(in srgb, var(--crm-danger) 84%, #000);
}

#wItemCommentPopover.wProblemResolutionPopover .wItemCommentSave {
	border-color: var(--crm-success);
	background: var(--crm-success);
}

#wItemCommentPopover.wProblemResolutionPopover .wItemCommentSave:hover {
	border-color: color-mix(in srgb, var(--crm-success) 84%, #000);
	background: color-mix(in srgb, var(--crm-success) 84%, #000);
}

#wOverlay.crmSidePanel.wPaymentPanel { width:clamp(700px,52vw,880px)!important; }
#wOverlay.wPaymentPanel .wPaymentPanelBody { padding:0!important; background:var(--crm-surface); }
.wPaymentPanelContent { width:100%; box-sizing:border-box; padding:0 28px 36px; }
.wPaymentPopoverSummary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0 -28px; padding:20px 28px; background:var(--crm-surface-3); border-bottom:1px solid var(--crm-border-soft); }
.wPaymentPopoverSummary > div { min-width:0; padding:0 16px; }
.wPaymentPopoverSummary > div:first-child { padding-left:0; }
.wPaymentPopoverSummary > div:last-child { padding-right:0; }
.wPaymentPopoverSummary > div + div { border-left:1px solid var(--crm-border-soft); }
.wPaymentPopoverSummary span { display:block; color:var(--crm-muted); font-size:12px; line-height:16px; }
.wPaymentPopoverSummary b { display:block; margin-top:4px; color:var(--crm-text); font-size:19px; line-height:24px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.wPaymentPopoverSummary .is-balance b { color:var(--crm-accent); }
.wPaymentPopoverField { display:block; }
.wPaymentPopoverField > span { display:block; margin-bottom:6px; color:var(--crm-muted); font-size:12px; line-height:16px; font-weight:650; }
.wPaymentPopoverField > span small { float:right; font-size:11px; font-weight:400; }
.wPaymentPopoverField input { display:block; width:100%; height:42px; box-sizing:border-box; padding:0 12px; border:1px solid var(--crm-border); border-radius:10px; background:var(--crm-surface); color:var(--crm-text); font:600 14px/20px var(--crm-font-sans); }
.wPaymentPopoverField textarea { display:block; width:100%; min-height:76px; resize:vertical; box-sizing:border-box; padding:10px 12px; border:1px solid var(--crm-border); border-radius:10px; background:var(--crm-surface); color:var(--crm-text); font:400 14px/20px var(--crm-font-sans); }
.wPaymentPopoverField textarea::placeholder,.wPaymentPopoverField input::placeholder { color:var(--crm-muted); opacity:1; }
.wPaymentPopoverField textarea:focus { border-color:color-mix(in srgb,var(--crm-accent) 48%,var(--crm-border)); outline:2px solid color-mix(in srgb,var(--crm-accent) 14%,transparent); outline-offset:1px; }
.wPaymentNoteField>span { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.wPaymentNoteField>span small { font-size:11px; font-weight:400; }
.wPaymentChoiceStack { min-width:0; }
.wPaymentChoiceGroup { min-width:0; margin:0; padding:0; border:0; }
.wPaymentChoiceGroup + .wPaymentChoiceGroup { margin-top:16px; }
.wPaymentChoiceGroup legend { margin:0 0 7px; padding:0; color:var(--crm-muted); font-size:12px; line-height:16px; font-weight:650; }
.wPaymentChoiceGroup legend span { margin-left:5px; font-size:11px; font-weight:400; }
.wPaymentChoiceButtons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.wPaymentChoiceGroup[data-payment-choice="tax"] .wPaymentChoiceButtons { grid-template-columns:repeat(3,minmax(0,1fr)); }
.wPaymentChoiceButtons button { min-height:42px; padding:0 12px; border:1px solid var(--crm-border); border-radius:8px; background:var(--crm-surface); color:var(--crm-text); font:600 13px/18px var(--crm-font-sans); cursor:pointer; transition:border-color 150ms ease-out,background-color 150ms ease-out,color 150ms ease-out; }
.wPaymentChoiceButtons button:hover { border-color:color-mix(in srgb,var(--crm-accent) 38%,var(--crm-border)); background:var(--crm-accent-soft); }
.wPaymentChoiceButtons button.is-selected { border-color:var(--crm-accent); background:var(--crm-accent); color:#fff; }
.wPaymentChoiceButtons button:focus-visible { outline:2px solid var(--crm-accent); outline-offset:2px; }
.wPaymentHistory { margin-top:12px; padding-top:10px; border-top:1px solid var(--crm-border-soft); }
.wPaymentHistory h4 { margin:0 0 5px; color:var(--crm-text); font-size:12px; line-height:16px; font-weight:700; }
.wPaymentOverview { overflow:hidden; border:1px solid var(--crm-border); border-radius:10px; background:var(--crm-surface-3); }
.wPaymentOverviewStatus { display:flex; align-items:flex-start; gap:10px; padding:12px; }
.wPaymentOverviewStatus>.material-symbols-outlined { flex:0 0 auto; margin-top:2px; color:var(--crm-success); font-size:21px; line-height:21px; }
.wPaymentOverviewStatusCopy { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; column-gap:12px; min-width:0; width:100%; }
.wPaymentOverviewStatusCopy>b { color:var(--crm-text); font-size:13px; line-height:18px; }
.wPaymentOverviewStatusCopy>strong { grid-row:1 / span 2; grid-column:2; align-self:center; color:var(--crm-text); font-size:20px; line-height:24px; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.wPaymentOverviewStatusCopy>small,.wPaymentHistoryEmpty { color:var(--crm-muted); font-size:11px; line-height:16px; }
.wPaymentTaxTotals { padding:0 12px 11px 43px; }
.wPaymentTaxTotals>strong { display:block; margin-bottom:5px; color:var(--crm-muted); font-size:10px; line-height:14px; font-weight:600; }
.wPaymentTaxTotals>div { display:flex; flex-wrap:wrap; gap:5px; }
.wPaymentTaxTotals span { padding:4px 7px; border-radius:4px; background:var(--crm-surface); color:var(--crm-muted); font-size:11px; line-height:16px; }
.wPaymentTaxTotals b { color:var(--crm-text); }
.wPaymentCollectedNotes { border-top:1px solid var(--crm-border-soft); }
.wPaymentCollectedNotes>strong { display:block; padding:10px 12px 5px; color:var(--crm-muted); font-size:11px; line-height:16px; }
.wPaymentCollectedNotes>div { padding:7px 12px 8px; }
.wPaymentCollectedNotes>div+div { border-top:1px solid var(--crm-border-soft); }
.wPaymentCollectedNotes p { margin:0; color:var(--crm-text); font-size:14px; line-height:19px; overflow-wrap:anywhere; white-space:normal; }
.wPaymentCollectedNotes small { display:block; margin-top:3px; color:var(--crm-muted); font-size:10px; line-height:15px; }
.wPaymentHistoryEmpty { padding:9px 11px; border-top:1px solid var(--crm-border-soft); }
#wOverlay #wiDocs .wHistorySectionPayments>.wPaymentOverview { margin-top:0; }
.wPaymentPopoverField input:focus { border-color:color-mix(in srgb,var(--crm-accent) 48%,var(--crm-border)); outline:2px solid color-mix(in srgb,var(--crm-accent) 14%,transparent); outline-offset:1px; }
.wPaymentPopoverHint { display:flex; align-items:flex-start; gap:7px; margin-top:10px; color:var(--crm-muted); font-size:11px; line-height:16px; }
.wPaymentPopoverHint .material-symbols-outlined { flex:0 0 auto; margin-top:1px; color:var(--crm-warning); font-size:16px; line-height:16px; }
#wOverlay.wPaymentPanel .wPaymentFormError { display:none; margin-top:12px; padding:10px 12px; border-radius:8px; background:var(--crm-danger-soft); color:var(--crm-danger); font-size:12px; line-height:17px; }
#wOverlay.wPaymentPanel .wPaymentFormError:not(:empty) { display:block; }
#wOverlay.wPaymentPanel .wItemCommentSave { border-color:var(--crm-accent); background:var(--crm-accent); color:#fff; }
#wOverlay.wPaymentPanel .wItemCommentSave:hover { border-color:var(--crm-accent-2); background:var(--crm-accent-2); }
#wOverlay.wPaymentPanel.is-saving .wItemCommentSave { opacity:.62; cursor:wait; }
#wOverlay.wPaymentPanel .wItemCommentActions { position:static; margin:24px 0 0; padding:16px 0 0; border-top:1px solid var(--crm-border-soft); border-radius:0; background:transparent; }
#wOverlay.wPaymentPanel .wItemCommentActions button { min-height:42px; }
.wPaymentNew { padding-top:24px; }
.wPaymentHistory { padding-top:24px; border-top:1px solid var(--crm-border-soft); }
.wPaymentNew h4,.wPaymentHistory h4 { margin:0; color:var(--crm-text); font-size:15px; line-height:20px; }
.wPaymentSectionHeading { margin-bottom:18px; }
.wPaymentSectionHeading p { margin:4px 0 0; color:var(--crm-muted); font-size:12px; line-height:17px; }
.wPaymentFormLayout { display:grid; grid-template-columns:minmax(240px,.9fr) minmax(300px,1.1fr); grid-template-areas:"amount choices" "note choices"; align-items:start; gap:16px 24px; }
.wPaymentFormLayout .wPaymentAmountField { grid-area:amount; }
.wPaymentFormLayout .wPaymentChoiceStack { grid-area:choices; }
.wPaymentFormLayout .wPaymentNoteField { grid-area:note; }
.wPaymentNew > .wPaymentPopoverField + .wPaymentPopoverField,
.wPaymentNew > .wPaymentChoiceStack,
.wPaymentNew > .wPaymentChoiceStack + .wPaymentPopoverField { margin-top:16px; }
.wPaymentAmountRow { display:flex; gap:8px; }
.wPaymentAmountRow input { min-width:0; }
.wPaymentAmountRow button,.wPaymentTextAction,.wPaymentRefundAction,.wPaymentBack { min-height:42px; padding:0 12px; border:1px solid var(--crm-border); border-radius:10px; background:var(--crm-surface); color:var(--crm-text); font:600 13px/18px var(--crm-font-sans); cursor:pointer; }
.wPaymentAmountRow button { flex:0 0 auto; }
.wPaymentLegacyWarning { margin:0 0 14px; padding:10px 12px; border:1px solid var(--crm-warning); border-radius:10px; background:var(--crm-warning-soft); color:var(--crm-text); font-size:12px; line-height:17px; }
.wPaymentTaxSummary { display:flex; flex-wrap:wrap; gap:6px 12px; margin:0; padding:12px 0 0; color:var(--crm-muted); font-size:11px; line-height:16px; }
.wPaymentTaxSummary span { flex-basis:100%; }
.wPaymentTaxSummary b { color:var(--crm-text); font-weight:600; }
.wPaymentHistory { margin-top:28px; }
.wPaymentOperation { padding:14px 0; border-top:1px solid var(--crm-border-soft); }
.wPaymentOperationHead { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.wPaymentOperationHead b,.wPaymentOperationHead small { display:block; }
.wPaymentOperationHead small,.wPaymentOperation p,.wPaymentArchive small { color:var(--crm-muted); font-size:11px; line-height:16px; }
.wPaymentOperationHead strong { white-space:nowrap; font-variant-numeric:tabular-nums; }
.wPaymentOperationHead strong.is-negative { color:var(--crm-danger); }
.wPaymentOperation p { margin:5px 0 0; }
.wPaymentOperationBadge { display:inline-flex; min-height:24px; align-items:center; margin-top:8px; padding:0 8px; border-radius:8px; background:var(--crm-surface-3); color:var(--crm-muted); font-size:11px; line-height:16px; }
.wPaymentTextAction { margin-top:8px; padding:0 10px; }
.wPaymentArchive { margin-top:10px; }
.wPaymentArchive summary { min-height:42px; cursor:pointer; color:var(--crm-muted); font-size:12px; line-height:42px; }
.wPaymentArchive > div { padding:8px 0; border-top:1px solid var(--crm-border-soft); }
.wPaymentArchive p { margin:0; font-size:12px; line-height:17px; }

@media(max-width:760px){#wOverlay.crmSidePanel.wPaymentPanel{width:100vw!important}.wPaymentPanelContent{padding:0 20px 28px}.wPaymentPopoverSummary{margin:0 -20px;padding:18px 20px}.wPaymentFormLayout{grid-template-columns:1fr;grid-template-areas:"amount" "choices" "note";gap:16px}.wPaymentAmountRow{display:block}.wPaymentAmountRow button{width:100%;margin-top:8px}}
@media(max-width:460px){.wPaymentPanelContent{padding-right:16px;padding-left:16px}.wPaymentPopoverSummary{grid-template-columns:1fr;margin-right:-16px;margin-left:-16px;padding:8px 16px}.wPaymentPopoverSummary>div{padding:10px 0}.wPaymentPopoverSummary>div+div{border-left:0;border-top:1px solid var(--crm-border-soft)}.wPaymentChoiceButtons,.wPaymentChoiceGroup[data-payment-choice="tax"] .wPaymentChoiceButtons{grid-template-columns:1fr}.wPaymentOperationHead{display:block}.wPaymentOperationHead strong{display:block;margin-top:5px}}

.wItemCommentClose:focus-visible,
.wItemCommentCancel:focus-visible,
.wItemCommentSave:focus-visible,
.wItemCommentSaveAndSend:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

#wOverlay.wItemPopup #wiDocs.wCommentJustAdded {
	animation: wCommentTimelineFlash 850ms cubic-bezier(0.22, 1, 0.36, 1);
}

#wOverlay.crmSidePanel #wiDocs .wProblemSolvedTrigger {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: color-mix(in srgb, var(--crm-success) 78%, var(--crm-text));
	font: 650 12px/16px var(--crm-font-sans);
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

#wOverlay.crmSidePanel #wiDocs .wProblemSolvedTrigger:hover {
	color: var(--crm-success);
}

#wOverlay.crmSidePanel #wiDocs .wProblemSolvedTrigger:focus-visible {
	outline: 2px solid var(--crm-success);
	outline-offset: 3px;
}

#wOverlay.crmSidePanel #wiDocs .wTroubleResolution {
	margin-top: 9px;
	padding: 9px 10px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--crm-success) 8%, var(--crm-surface));
	color: var(--crm-text);
}

#wOverlay.crmSidePanel #wiDocs .wTroubleResolution > strong {
	display: block;
	margin-bottom: 3px;
	color: color-mix(in srgb, var(--crm-success) 72%, var(--crm-text));
	font-size: 11px;
	line-height: 15px;
}

@keyframes wCommentTimelineFlash {
	0% { box-shadow: 0 0 0 0 rgba(234, 106, 18, 0); }
	32% { box-shadow: 0 0 0 4px rgba(234, 106, 18, 0.14); }
	100% { box-shadow: 0 0 0 0 rgba(234, 106, 18, 0); }
}

@media (max-width: 560px) {
	#wItemCommentPopover { padding: 15px; }
	.wItemCommentActions { bottom: -15px; margin: 14px -15px -15px; padding: 12px 15px; }
}

@media (prefers-reduced-motion: reduce) {
	#wItemCommentPopover,
	#wOverlay.wItemPopup #wiDocs.wCommentJustAdded { animation: none; }
}

#wDateRangePopover {
	position: fixed;
	z-index: 15000;
	max-width: calc(100vw - 24px);
	max-height: calc(100vh - 104px);
	overflow: visible;
	padding: 20px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2);
	color: var(--crm-text);
	font-family: var(--crm-font-sans);
	transform-origin: var(--w-date-anchor-x, 50%) top;
	animation: wDateRangePopoverIn 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
	outline: none;
}

#wDateRangePopover::before {
	content: "";
	position: absolute;
	top: -7px;
	left: calc(var(--w-date-anchor-x, 50%) - 7px);
	width: 13px;
	height: 13px;
	border-top: 1px solid var(--crm-border);
	border-left: 1px solid var(--crm-border);
	background: var(--crm-surface);
	transform: rotate(45deg);
}

@keyframes wDateRangePopoverIn {
	from { opacity: 0; transform: translateY(-7px) scale(0.985); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

.wDateRangePopoverHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.wDateRangePopoverHead h2 {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: var(--crm-text);
}

.wDateRangePopoverClose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}

.wDateRangePopoverClose:hover { background: var(--crm-surface-2); color: var(--crm-text); }
.wDateRangePopoverClose .material-symbols-outlined { font-size: 18px; line-height: 18px; }

#wDateRangePopover .wDateRangeFields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

#wDateRangePopover .wDateRangeField {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	color: var(--crm-text);
}

.wDateRangeInputWrap {
	position: relative;
	display: block;
}

.wDateRangeInputWrap::after {
	content: "calendar_month";
	position: absolute;
	top: 50%;
	right: 12px;
	pointer-events: none;
	font-family: "Material Symbols Outlined";
	font-size: 18px;
	line-height: 18px;
	color: var(--crm-muted);
	transform: translateY(-50%);
	font-variation-settings: 'FILL' 0, 'wght' 450, 'GRAD' 0, 'opsz' 20;
}

#wDateRangePopover input[type="text"] {
	width: 100%;
	height: 44px;
	padding: 0 40px 0 12px;
	border: 1px solid var(--crm-border);
	border-radius: 9px;
	outline: 0;
	background: var(--crm-surface);
	box-shadow: none;
	font: 500 14px/20px var(--crm-font-sans);
	color: var(--crm-text);
	cursor: pointer;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}

#wDateRangePopover input[type="text"]:hover { border-color: #cbd0d6; }
#wDateRangePopover input[type="text"]:focus {
	border-color: var(--crm-accent);
	box-shadow: 0 0 0 3px rgba(234, 106, 18, 0.14);
}

.wDateRangeQuick {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--crm-border-soft);
}

.wDateRangeError {
	display: none;
	margin-top: 10px;
	font-size: 12px;
	line-height: 16px;
	color: var(--crm-danger);
}

.wDateRangeError:not(:empty) {
	display: block;
}

.wDateRangeQuickTitle {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	color: var(--crm-text);
}

.wDateRangeQuickList {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px;
}

.wDateRangeQuickBtn--days { grid-column: span 3; }
.wDateRangeQuickBtn--months { grid-column: span 2; }

.wDateRangeQuickBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 7px 9px;
	border: 1px solid var(--crm-border);
	border-radius: 9px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 600 12px/16px var(--crm-font-sans);
	text-align: center;
	cursor: pointer;
	transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.wDateRangeQuickBtn:hover {
	border-color: rgba(234, 106, 18, 0.36);
	background: var(--crm-accent-soft);
}

.wDateRangeQuickBtn.is-active {
	border-color: rgba(234, 106, 18, 0.44);
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
}

.wDateRangeActions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin: 18px -20px -20px;
	padding: 14px 20px;
	border-top: 1px solid var(--crm-border-soft);
	background: var(--crm-surface-3);
	border-radius: 0 0 12px 12px;
}

.wDateRangeCancel,
.wDateRangeApply {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 15px;
	border-radius: 9px;
	font: 600 14px/18px var(--crm-font-sans);
	cursor: pointer;
}

.wDateRangeCancel {
	border: 1px solid var(--crm-border);
	background: var(--crm-surface);
	color: var(--crm-text);
}

.wDateRangeCancel:hover { border-color: #cbd0d6; background: var(--crm-surface-2); }
.wDateRangeApply { border: 1px solid var(--crm-accent); background: var(--crm-accent); color: #fff; }
.wDateRangeApply:hover { border-color: var(--crm-accent-2); background: var(--crm-accent-2); }

.wDateRangePopoverClose:focus-visible,
.wDateRangeQuickBtn:focus-visible,
.wDateRangeCancel:focus-visible,
.wDateRangeApply:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

/* Shared design-code baseline for remaining classic popups. */
#wOverlay.wOverlayClassic:not(.wClientPopup):not(.crmSidePanel) {
	border-radius: 12px !important;
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.22) !important;
	font-family: var(--crm-font-sans) !important;
}

#wOverlay:not(.wClientPopup) > h2,
#wOverlay:not(.wClientPopup) h2 {
	font-size: 20px !important;
	line-height: 26px !important;
}

#wOverlay:not(.wClientPopup) .wBtn {
	min-height: 40px;
	padding: 0 16px 0 38px !important;
	border-radius: 9px !important;
	font-family: var(--crm-font-sans) !important;
}

#wOverlay:not(.wClientPopup) .wBtnUpdate,
#wOverlay:not(.wClientPopup) .wBtnSaveEditItem {
	border-color: var(--crm-accent) !important;
	background: var(--crm-accent) !important;
	color: #fff !important;
}

#wOverlay:not(.wClientPopup) .wBtnUpdate::before,
#wOverlay:not(.wClientPopup) .wBtnSaveEditItem::before {
	color: #fff !important;
}

#wOverlay:not(.wClientPopup) .wBtnUpdate:hover,
#wOverlay:not(.wClientPopup) .wBtnSaveEditItem:hover {
	border-color: var(--crm-accent-2) !important;
	background: var(--crm-accent-2) !important;
}

@media (max-width: 560px) {
	#wDateRangePopover { padding: 16px; }
	#wDateRangePopover .wDateRangeFields { grid-template-columns: 1fr; }
	.wDateRangeQuickList { grid-template-columns: 1fr; }
	.wDateRangeQuickBtn--days,
	.wDateRangeQuickBtn--months { grid-column: 1; }
	.wDateRangeActions { margin: 16px -16px -16px; padding: 12px 16px; }
}

@media (max-height: 520px) {
	#wDateRangePopover {
		overflow-y: auto;
	}

	#wDateRangePopover::before {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	#wDateRangePopover { animation: none; }
}

/* Responsive header normalization */
#lpHeaderNavRight {
	position: relative;
	width: 100%;
	min-width: 0;
	grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr);
}

#lpHeaderUser {
	min-width: 0;
	max-width: 100%;
}

.lpUserMeta {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 0;
	min-width: 0;
	max-width: 170px;
	text-align: right;
}

.lpUserNameRow {
	min-width: 0;
	max-width: 100%;
	height: 20px;
	justify-content: flex-end;
	gap: 6px;
}

.lpUserNameRow .lpAdminGear {
	width: 22px;
	height: 20px;
	flex: 0 0 22px;
	border-radius: 6px !important;
}

.lpUserNameRow .lpAdminGear .material-symbols-outlined {
	font-size: 19px !important;
	line-height: 19px !important;
	font-variation-settings: 'FILL' 0, 'wght' 550, 'GRAD' 0, 'opsz' 20;
}

#wCurrentUserName {
	max-width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#wCurrentUserRole {
	height: 17px;
	margin-top: 1px !important;
	line-height: 15px !important;
}

#wRoleDropdownToggle {
	height: 17px;
	min-height: 17px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(255, 255, 255, 0.76) !important;
	font-size: 11px !important;
	line-height: 15px !important;
	font-weight: 500 !important;
	transform: translateY(2px);
}

#wRoleDropdownToggle:hover,
#wCurrentUserRole.wOpen #wRoleDropdownToggle {
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
}

#wRoleDropdownToggle:hover #wRoleName {
	text-decoration: underline;
	text-underline-offset: 2px;
}

#wRoleDropdownToggle .wRoleArrow {
	font-size: 14px !important;
	line-height: 14px !important;
}

@media (max-width: 1500px) {
	#lpHeaderNav #wTabs a:before,
	#lpHeaderNav #wTabs button:before {
		display: none !important;
	}

	#lpHeaderNav #wTabs a,
	#lpHeaderNav #wTabs button {
		padding-right: 9px !important;
		padding-left: 9px !important;
	}
}

@media (max-width: 1320px) {
	.lpUserMeta {
		display: flex;
		max-width: 126px;
	}

	#wCurrentUserName {
		max-width: 126px;
	}

	#wDateRangeBtn {
		max-width: 170px;
	}

	#lpHeaderNav #lpSearch {
		display: none !important;
	}
}

@media (max-width: 1260px) {
	#wCurrentUserName {
		display: none;
	}

	.lpUserNameRow {
		display: none;
	}

	#wDateRangeBtn {
		max-width: 150px;
	}

	#wRoleName {
		display: none;
	}

	.lpUserMeta {
		width: 24px;
		max-width: 24px;
	}

	#wRoleDropdownToggle {
		width: 24px;
		justify-content: center;
	}

	#wRoleDropdownToggle .wRoleArrow {
		font-size: 18px !important;
	}
}

@media (max-width: 1120px) {
	#lpHeaderNavRight {
		display: grid !important;
	}

	#wDateRangeBtn {
		width: 42px;
		max-width: 42px;
		height: 38px;
		padding: 0 !important;
	}

	#wDateRangeBtn .wDateRangeLabel {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	#wTopBarDate .wDateRangeWrapper {
		width: 42px;
		min-width: 42px !important;
		padding: 0 !important;
		justify-content: center;
	}

	#wTopBarDate .wDateRangeWrapper::before {
		display: none !important;
	}
}

@media (max-width: 980px) {
	#lpHeaderNavRight {
		display: grid !important;
		grid-template-columns: auto;
		flex: 0 0 auto;
		width: auto;
		min-width: 0;
	}

	#wTopBarDate,
	#lpSearch {
		display: none !important;
	}

	#lpHeaderUser { grid-column: 1; }
}

/* Global critical-deadline feed */
#wOverlay.crmSidePanel.wCriticalDeadlinesPanel {
	right: auto !important;
	left: 0 !important;
	width: min(400px,100vw) !important;
	max-width: 100vw !important;
	box-shadow: 10px 0 28px var(--crm-overlay-shadow) !important;
	font-family: var(--crm-font-sans) !important;
	transform: translateX(-100%);
}

#wOverlay.wCriticalDeadlinesPanel button {
	font-family: var(--crm-font-sans);
}

#wOverlay.crmSidePanel.wCriticalDeadlinesPanel.is-open {
	transform: translateX(0);
}

#wOverlay.wCriticalDeadlinesPanel .crmSidePanelHeader {
	padding-bottom: 14px;
	background: var(--crm-danger);
	color: var(--crm-surface);
}

#wOverlay.wCriticalDeadlinesPanel .crmSidePanelHeading {
	margin-right: auto;
}

#wOverlay.wCriticalDeadlinesPanel .crmSidePanelHeading h2,
#wOverlay.wCriticalDeadlinesPanel .crmSidePanelSubtitle { color: var(--crm-surface) !important; }

#wOverlay.wCriticalDeadlinesPanel .crmSidePanelHeading h2 {
	font-family: var(--crm-font-sans) !important;
}

#wOverlay.wCriticalDeadlinesPanel .crmSidePanelSubtitle {
	opacity: .82;
	font-variant-numeric: tabular-nums;
}

#wOverlay.wCriticalDeadlinesPanel .crmSidePanelClose {
	border-color: color-mix(in srgb,var(--crm-surface) 68%,transparent);
	background: color-mix(in srgb,var(--crm-surface) 12%,transparent);
	color: color-mix(in srgb,var(--crm-surface) 82%,transparent);
	box-shadow: none;
}

#wOverlay.wCriticalDeadlinesPanel .crmSidePanelClose:hover {
	border-color: var(--crm-surface);
	background: color-mix(in srgb,var(--crm-surface) 20%,transparent);
	color: var(--crm-surface);
}

#wOverlay.wCriticalDeadlinesPanel .crmSidePanelClose:focus-visible {
	outline-color: var(--crm-surface);
}

#wOverlay.wCriticalDeadlinesPanel .wCriticalDeadlinesRefresh {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: color-mix(in srgb,var(--crm-surface) 82%,transparent);
	cursor: pointer;
}

#wOverlay.wCriticalDeadlinesPanel .wCriticalDeadlinesRefresh .material-symbols-outlined {
	font-size: 23px;
	font-variation-settings: 'FILL' 0, 'wght' 650, 'GRAD' 0, 'opsz' 24;
}

#wOverlay.wCriticalDeadlinesPanel .wCriticalDeadlinesRefresh:hover {
	background: color-mix(in srgb,var(--crm-surface) 10%,transparent);
	color: var(--crm-surface);
}

#wOverlay.wCriticalDeadlinesPanel .wCriticalDeadlinesRefresh:focus-visible {
	outline: 2px solid var(--crm-surface);
	outline-offset: 2px;
}

#wOverlay.wCriticalDeadlinesPanel.is-loading .wCriticalDeadlinesRefresh .material-symbols-outlined {
	animation: wCriticalDeadlineSpin 800ms linear infinite;
}

.wCriticalDeadlinesBody {
	padding: 0 !important;
	background: color-mix(in srgb,var(--crm-danger) 4%,var(--crm-surface-2));
}

@keyframes wCriticalDeadlineSpin { to { transform: rotate(360deg); } }

.wCriticalDeadlinesContent { padding: 8px 12px 24px; }

.wCriticalDeadlineGroup + .wCriticalDeadlineGroup { margin-top: 14px; }

.wCriticalDeadlineGroup h3 {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 8px 4px;
	color: var(--crm-danger);
	font: 650 13px/18px var(--crm-font-sans);
	letter-spacing: .01em;
}

.wCriticalDeadlineGroup h3 span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 23px;
	height: 23px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--crm-danger);
	color: var(--crm-surface);
	font-size: 11px;
	font-weight: 750;
	font-variant-numeric: tabular-nums;
	box-sizing: border-box;
}

.wCriticalDeadlineGroup h3 em {
	padding: 1px 6px;
	border-radius: 999px;
	background: color-mix(in srgb,var(--crm-warning) 12%,var(--crm-surface));
	color: color-mix(in srgb,var(--crm-warning) 68%,var(--crm-text));
	font-size: 10px;
	font-style: normal;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: lowercase;
}

.wCriticalDeadlineRows {
	display: flex;
	flex-direction: column;
	gap: 6px;
	overflow: visible;
}

.wCriticalDeadlineRow {
	position: relative;
	border: 1px solid color-mix(in srgb,var(--crm-danger) 22%,var(--crm-border));
	border-radius: 8px;
	background: color-mix(in srgb,var(--crm-danger) 3%,var(--crm-surface));
}

.wCriticalDeadlineOpen {
	display: block;
	width: 100%;
	min-height: 46px;
	padding: 10px 42px 10px 12px;
	border: 0;
	background: transparent;
	color: var(--crm-text);
	text-align: left;
	cursor: pointer;
}

.wCriticalDeadlineOpen:hover { background: var(--crm-surface-2); }
.wCriticalDeadlineOpen:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: -2px; border-radius: 8px; }

.wCriticalDeadlineOrder {
	display: flex;
	min-width: 0;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
}

.wCriticalDeadlineOrder b { flex: 0 0 auto; color: var(--crm-danger); font-size: 14px; line-height: 20px; font-weight: 750; font-variant-numeric: tabular-nums; }
.wCriticalDeadlineOrder strong { min-width: 0; flex: 1 1 190px; overflow-wrap: anywhere; white-space: normal; font-size: 14px; line-height: 20px; font-weight: 600; }
.wCriticalDeadlineTime { flex: 0 0 auto; padding: 2px 7px; border-radius: 8px; background: var(--crm-danger); color: var(--crm-surface); font-size: 12px; line-height: 18px; font-weight: 750; font-variant-numeric: tabular-nums; }
.wCriticalDeadlineLate { flex: 0 0 auto; color: var(--crm-danger); font-size: 10px; line-height: 16px; font-weight: 650; }
.wCriticalDeadlineRow.is-today { background: color-mix(in srgb,var(--crm-warning) 7%,var(--crm-surface)); }
.wCriticalDeadlineRow.is-overdue { background: color-mix(in srgb,var(--crm-danger) 6%,var(--crm-surface)); }
.wCriticalDeadlineRow.is-overdue .wCriticalDeadlineTime { background: color-mix(in srgb,var(--crm-danger) 84%,var(--crm-text)); color: var(--crm-surface); }

.wCriticalDeadlineMenuButton {
	position: absolute;
	top: 8px;
	right: 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}

.wCriticalDeadlineMenuButton:hover,
.wCriticalDeadlineMenuButton:focus-visible { background: color-mix(in srgb,var(--crm-text) 7%,transparent); color: var(--crm-text); }

.wCriticalDeadlineMenu {
	position: absolute;
	top: 38px;
	right: 8px;
	z-index: 4;
	display: none;
	width: 196px;
	padding: 5px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	box-shadow: 0 6px 8px rgba(15,23,42,.14);
}

.wCriticalDeadlineMenu.is-open { display: block; }
.wCriticalDeadlineMenu button { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 34px; padding: 6px 8px; border: 0; border-radius: 8px; background: transparent; color: var(--crm-text); font: 500 12px/17px var(--crm-font-sans); text-align: left; cursor: pointer; }
.wCriticalDeadlineMenu button:hover,
.wCriticalDeadlineMenu button:focus-visible { background: var(--crm-surface-2); }
.wCriticalDeadlineMenu button.is-danger { color: var(--crm-danger); }
.wCriticalDeadlineMenu .material-symbols-outlined { font-size: 17px; }

.wCriticalDeadlinesError { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 10px; padding: 10px 12px; border-radius: 8px; background: color-mix(in srgb,var(--crm-danger) 7%,var(--crm-surface)); color: var(--crm-danger); font-size: 12px; line-height: 17px; }
.wCriticalDeadlinesError button { flex: 0 0 auto; min-height: 30px; padding: 0 9px; border: 1px solid currentColor; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; }
.wCriticalDeadlinesEmpty { display: flex; min-height: 250px; padding: 48px 20px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; color: var(--crm-muted); text-align: center; }
.wCriticalDeadlinesEmpty .material-symbols-outlined { margin-bottom: 5px; color: var(--crm-success); font-size: 34px; }
.wCriticalDeadlinesEmpty strong { color: var(--crm-text); font-size: 14px; }
.wCriticalDeadlinesEmpty span:last-child { max-width: 250px; font-size: 12px; line-height: 18px; }

@media (max-width: 520px) {
	#wOverlay.crmSidePanel.wCriticalDeadlinesPanel { width: 100vw !important; }
	.wCriticalDeadlinesContent { padding-right: 8px; padding-left: 8px; }
}

@media (prefers-reduced-motion: reduce) {
	.wHeaderSignalButton { transition: none; }
	#wOverlay.wCriticalDeadlinesPanel.is-loading .wCriticalDeadlinesRefresh .material-symbols-outlined { animation: none; }
}

/* Delivered orders with an outstanding balance */
#wOverlay.crmSidePanel.wReceivablesPanel { right:auto!important; left:0!important; width:min(420px,100vw)!important; max-width:100vw!important; box-shadow:10px 0 28px var(--crm-overlay-shadow)!important; font-family:var(--crm-font-sans)!important; transform:translateX(-100%); }
#wOverlay.crmSidePanel.wReceivablesPanel.is-open { transform:translateX(0); }
#wOverlay.wReceivablesPanel button { font-family:var(--crm-font-sans); }
#wOverlay.wReceivablesPanel .crmSidePanelHeader { padding-bottom:14px; border-bottom-color:color-mix(in srgb,var(--crm-success-strong) 74%,var(--crm-text)); background:var(--crm-success-strong); color:var(--crm-surface); }
#wOverlay.wReceivablesPanel .crmSidePanelHeading { margin-right:auto; }
#wOverlay.wReceivablesPanel .crmSidePanelHeading h2,#wOverlay.wReceivablesPanel .crmSidePanelSubtitle { color:var(--crm-surface)!important; }
#wOverlay.wReceivablesPanel .crmSidePanelSubtitle { opacity:.76; font-variant-numeric:tabular-nums; }
#wOverlay.wReceivablesPanel .crmSidePanelClose { border-color:color-mix(in srgb,var(--crm-surface) 46%,transparent); background:color-mix(in srgb,var(--crm-surface) 14%,transparent); color:var(--crm-surface); box-shadow:none; }
#wOverlay.wReceivablesPanel .crmSidePanelClose:hover { border-color:color-mix(in srgb,var(--crm-surface) 70%,transparent); background:color-mix(in srgb,var(--crm-surface) 24%,transparent); }
#wOverlay.wReceivablesPanel .crmSidePanelClose:focus-visible { outline-color:var(--crm-surface); }
#wOverlay.wReceivablesPanel .wReceivablesRefresh { display:inline-flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; padding:0; border:0; border-radius:999px; background:transparent; color:color-mix(in srgb,var(--crm-surface) 78%,transparent); cursor:pointer; }
#wOverlay.wReceivablesPanel .wReceivablesRefresh:hover { background:color-mix(in srgb,var(--crm-surface) 16%,transparent); color:var(--crm-surface); }
#wOverlay.wReceivablesPanel .wReceivablesRefresh:focus-visible { outline:2px solid var(--crm-surface); outline-offset:2px; }
#wOverlay.wReceivablesPanel.is-loading .wReceivablesRefresh .material-symbols-outlined { animation:wCriticalDeadlineSpin 800ms linear infinite; }
.wReceivablesBody { padding:0!important; background:color-mix(in srgb,var(--crm-success) 4%,var(--crm-surface-2)); }
.wReceivablesContent { padding:12px 12px 24px; }
.wReceivablesSummary { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; padding:11px 12px; border-radius:10px; background:color-mix(in srgb,var(--crm-success) 12%,var(--crm-surface)); color:var(--crm-text); }
.wReceivablesSummary span { font-size:12px; line-height:17px; }
.wReceivablesSummary strong { font-size:16px; line-height:22px; font-weight:750; font-variant-numeric:tabular-nums; white-space:nowrap; }
.wReceivablesGroup + .wReceivablesGroup { margin-top:15px; }
.wReceivablesGroup h3 { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; padding:7px 4px; color:var(--crm-text); font:650 13px/18px var(--crm-font-sans); }
.wReceivablesGroup h3 span { min-width:0; overflow-wrap:anywhere; }
.wReceivablesGroup h3 b { flex:0 0 auto; color:color-mix(in srgb,var(--crm-success-strong) 78%,var(--crm-text)); font-size:12px; font-variant-numeric:tabular-nums; }
.wReceivablesRows { display:flex; flex-direction:column; gap:7px; }
.wReceivableRow { overflow:hidden; border:1px solid color-mix(in srgb,var(--crm-success) 28%,var(--crm-border)); border-radius:10px; background:var(--crm-surface); }
.wReceivableOpen { display:block; width:100%; padding:11px 12px 9px; border:0; background:transparent; color:var(--crm-text); text-align:left; cursor:pointer; }
.wReceivableOpen:hover { background:var(--crm-surface-2); }
.wReceivableOpen:focus-visible,.wReceivablePay:focus-visible { outline:2px solid var(--crm-success-strong); outline-offset:-2px; }
.wReceivableOrderHead,.wReceivableAmounts { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.wReceivableOrderHead b { color:color-mix(in srgb,var(--crm-success-strong) 82%,var(--crm-text)); font-size:14px; line-height:20px; font-weight:750; font-variant-numeric:tabular-nums; }
.wReceivableOrderHead span,.wReceivableAmounts span { color:var(--crm-muted); font-size:11px; line-height:16px; }
.wReceivableAmounts { margin-top:5px; }
.wReceivableAmounts strong { flex:0 0 auto; color:var(--crm-text); font-size:14px; line-height:20px; font-weight:750; font-variant-numeric:tabular-nums; }
.wReceivablePay { width:100%; min-height:36px; padding:7px 12px; border:0; border-top:1px solid var(--crm-border-soft); background:color-mix(in srgb,var(--crm-success) 8%,var(--crm-surface)); color:var(--crm-success-strong); font-size:12px; font-weight:700; cursor:pointer; }
.wReceivablePay:hover { background:color-mix(in srgb,var(--crm-success) 15%,var(--crm-surface)); color:var(--crm-text); }
.wReceivablesError { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; padding:10px 12px; border-radius:8px; background:var(--crm-danger-soft); color:var(--crm-danger); font-size:12px; line-height:17px; }
.wReceivablesError button { flex:0 0 auto; min-height:30px; padding:0 9px; border:1px solid currentColor; border-radius:8px; background:transparent; color:inherit; cursor:pointer; }
.wReceivablesEmpty { display:flex; min-height:250px; padding:48px 20px; align-items:center; justify-content:center; flex-direction:column; gap:7px; color:var(--crm-muted); text-align:center; }
.wReceivablesEmpty .material-symbols-outlined { margin-bottom:5px; color:var(--crm-success); font-size:34px; }
.wReceivablesEmpty strong { color:var(--crm-text); font-size:14px; }
.wReceivablesEmpty span:last-child { max-width:280px; font-size:12px; line-height:18px; }
#wOverlay.crmSidePanel.wReceivablePaymentPanel { right:auto!important; left:0!important; width:min(420px,100vw)!important; max-width:100vw!important; box-shadow:10px 0 28px var(--crm-overlay-shadow)!important; transform:translateX(-100%); }
#wOverlay.crmSidePanel.wReceivablePaymentPanel.is-open { transform:translateX(0); }
#wOverlay.wReceivablePaymentPanel .crmSidePanelHeader { border-bottom-color:color-mix(in srgb,var(--crm-success) 28%,var(--crm-border)); background:color-mix(in srgb,var(--crm-success) 7%,var(--crm-surface)); }
#wOverlay.wReceivablePaymentPanel .wReceivablePaymentBody { padding:18px!important; background:var(--crm-surface); }
.wReceivablePaymentAmount { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; padding:12px; border-radius:10px; background:color-mix(in srgb,var(--crm-success) 12%,var(--crm-surface)); }
.wReceivablePaymentAmount span { font-size:12px; line-height:17px; }
.wReceivablePaymentAmount strong { font-size:17px; font-weight:750; white-space:nowrap; font-variant-numeric:tabular-nums; }
.wReceivablePaymentForm .wPaymentChoiceButtons,.wReceivablePaymentForm .wPaymentChoiceGroup[data-payment-choice="tax"] .wPaymentChoiceButtons { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wReceivablePaymentForm .wPaymentChoiceButtons button:hover { border-color:color-mix(in srgb,var(--crm-success) 42%,var(--crm-border)); background:color-mix(in srgb,var(--crm-success) 8%,var(--crm-surface)); }
.wReceivablePaymentForm .wPaymentChoiceButtons button.is-selected { border-color:var(--crm-success-strong); background:var(--crm-success-strong); color:var(--crm-surface); }
.wReceivablePaymentForm .wPaymentChoiceButtons button:focus-visible { outline-color:var(--crm-success-strong); }
.wReceivablePaymentForm .wPaymentPopoverField { display:block; margin-top:16px; }
.wReceivablePaymentForm .wPaymentPopoverField textarea { width:100%; box-sizing:border-box; }
.wReceivablePaymentForm .wPaymentFormError { min-height:0; margin-top:12px; padding:0; color:var(--crm-danger); font-size:12px; line-height:17px; }
.wReceivablePaymentForm .wPaymentFormError:not(:empty) { padding:10px 12px; border-radius:8px; background:var(--crm-danger-soft); }
.wReceivablePaymentForm .wItemCommentActions { position:static; margin-top:18px; padding-top:14px; border-top:1px solid var(--crm-border-soft); background:transparent; }
.wReceivablePaymentForm .wItemCommentActions button { min-height:42px; }
.wReceivablePaymentForm .wItemCommentSave { border-color:var(--crm-success-strong); background:var(--crm-success-strong); color:var(--crm-surface); }
.wReceivablePaymentForm .wItemCommentSave:hover,.wReceivablePaymentForm .wItemCommentSave:focus-visible { border-color:var(--crm-success-strong); background:color-mix(in srgb,var(--crm-success-strong) 88%,var(--crm-text)); }
.wReceivablePaymentPanel.is-saving { cursor:wait; }

@media (max-width:520px) {
	#wOverlay.crmSidePanel.wReceivablesPanel { width:100vw!important; }
	.wReceivablesContent { padding-right:8px; padding-left:8px; }
	#wOverlay.crmSidePanel.wReceivablePaymentPanel { width:100vw!important; }
	#wOverlay.wReceivablePaymentPanel .wReceivablePaymentBody { padding-right:14px!important; padding-left:14px!important; }
}

@media (prefers-reduced-motion:reduce) {
	#wOverlay.wReceivablesPanel.is-loading .wReceivablesRefresh .material-symbols-outlined { animation:none; }
}

/* Shared replacement for browser alert / confirm / prompt dialogs */
.wCrmDialog {
	position: fixed;
	inset: 0;
	z-index: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	font-family: var(--crm-font-sans);
	opacity: 0;
	transition: opacity 160ms ease-out;
}

.wCrmDialog.is-open { opacity: 1; }

.wCrmDialogBackdrop {
	position: absolute;
	inset: 0;
	background: color-mix(in srgb,var(--crm-text) 36%,transparent);
}

.wCrmDialogWindow {
	position: relative;
	width: min(460px,calc(100vw - 32px));
	max-height: calc(100vh - 40px);
	padding: 22px;
	overflow: auto;
	border-radius: 18px;
	background: var(--crm-surface);
	box-shadow: 0 28px 80px var(--crm-overlay-shadow);
	color: var(--crm-text);
	transform: translateY(8px) scale(.985);
	transition: transform 160ms cubic-bezier(.22,1,.36,1);
}

.wCrmDialog.is-open .wCrmDialogWindow { transform: translateY(0) scale(1); }

.wCrmDialogWindow header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.wCrmDialogWindow header > .material-symbols-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	font-size: 20px;
}

.wCrmDialogWindow h2 {
	margin: 0;
	color: var(--crm-text);
	font: 700 18px/24px var(--crm-font-sans);
}

.wCrmDialogMessage {
	color: var(--crm-text);
	font: 400 14px/21px var(--crm-font-sans);
	white-space: pre-line;
}

.wCrmDialogInput {
	width: 100%;
	height: 42px;
	margin-top: 16px;
	padding: 0 12px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: 500 14px/20px var(--crm-font-sans);
	box-sizing: border-box;
}

.wCrmDialogInput:focus {
	border-color: var(--crm-accent);
	outline: 2px solid color-mix(in srgb,var(--crm-accent) 20%,transparent);
	outline-offset: 1px;
}

.wCrmDialogWindow footer {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 22px;
}

.wCrmDialogWindow footer button {
	min-height: 42px;
	padding: 0 16px;
	border: 0;
	border-radius: 8px;
	font: 650 14px/20px var(--crm-font-sans);
	cursor: pointer;
}

.wCrmDialogCancel { background: var(--crm-surface-2); color: var(--crm-text); }
.wCrmDialogConfirm { background: var(--crm-accent); color: var(--crm-surface); }
.wCrmDialogConfirm.is-danger { background: var(--crm-danger); }
.wCrmDialogWindow footer button:hover { filter: brightness(.96); }
.wCrmDialogWindow footer button:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }
.wCrmDialogConfirm.is-danger:focus-visible { outline-color: var(--crm-danger); }

@media (max-width: 520px) {
	.wCrmDialog { align-items: flex-end; padding: 12px; }
	.wCrmDialogWindow { width: 100%; padding: 18px; border-radius: 18px; }
	.wCrmDialogWindow footer { flex-direction: column-reverse; }
	.wCrmDialogWindow footer button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.wCrmDialog,.wCrmDialogWindow { transition: none; }
}

/* Unified popup foundation: dialogs, anchored editors and legacy modal forms. */
.crmPopupSurface {
	box-sizing: border-box;
	border: 0 !important;
	border-radius: var(--crm-popup-radius) !important;
	background: var(--crm-surface) !important;
	box-shadow: var(--crm-popup-shadow) !important;
	color: var(--crm-text);
	font-family: var(--crm-font-sans) !important;
}

.crmPopupHeader {
	display: flex;
	align-items: center;
	gap: var(--crm-popup-header-gap);
}

.crmPopupIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	font-family: "Material Symbols Outlined" !important;
	font-size: 20px;
	line-height: 1;
}

.wCrmDialog[data-tone="danger"] .crmPopupIcon {
	background: var(--crm-danger-soft);
	color: var(--crm-danger);
}

.wCrmDialog[data-tone="info"] .crmPopupIcon {
	background: var(--crm-info-soft);
	color: var(--crm-info);
}

.crmPopupBody {
	max-width: 68ch;
	text-wrap: pretty;
}

.crmPopupActions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.wCrmDialogWindow {
	width: min(440px, calc(100vw - 32px));
	padding: 24px;
}

.wCrmDialogWindow header { margin-bottom: 16px; }

.wCrmDialogWindow h2 {
	font-size: 19px;
	line-height: 24px;
	font-weight: 750;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

.wCrmDialogMessage {
	color: color-mix(in srgb, var(--crm-text) 88%, var(--crm-muted));
	font-size: 14px;
	line-height: 21px;
}

.wCrmDialogWindow footer {
	margin: 22px -24px -24px;
	padding: 14px 24px;
	border-radius: 0 0 var(--crm-popup-radius) var(--crm-popup-radius);
	background: var(--crm-surface-3);
}

.wCrmDialogWindow footer button,
.wItemCommentCancel,
.wItemCommentSave {
	min-height: var(--crm-popup-action-height);
	border-radius: 9px;
	font-family: var(--crm-font-sans) !important;
	font-size: 14px;
	font-weight: 650;
	transition: background-color 160ms ease-out, color 160ms ease-out, border-color 160ms ease-out, transform 100ms ease-out;
}

.wCrmDialogWindow footer button:active,
.wItemCommentCancel:active,
.wItemCommentSave:active { transform: translateY(1px); }

.wCrmDialogCancel {
	border: 1px solid var(--crm-border) !important;
	background: var(--crm-surface) !important;
}

.wCrmDialogCancel:hover { background: var(--crm-surface-2) !important; }

.wCrmDialogConfirm:hover { background: var(--crm-accent-2); filter: none !important; }
.wCrmDialogConfirm.is-danger:hover { background: color-mix(in srgb, var(--crm-danger) 86%, #000); }

#wItemCommentPopover.crmPopupSurface {
	border-radius: var(--crm-popup-radius) !important;
	box-shadow: var(--crm-popup-shadow) !important;
}

.wItemCommentHead h3 {
	font-size: 19px;
	font-weight: 750;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

.wItemCommentHead p {
	margin-top: 3px;
	font-size: 13px;
	line-height: 18px;
}

.wItemCommentActions {
	border-radius: 0 0 var(--crm-popup-radius) var(--crm-popup-radius);
}

#wOverlay.wOverlayClassic.crmPopupSurface:not(.wClientPopup):not(.crmSidePanel) {
	border: 0 !important;
	border-radius: var(--crm-popup-radius) !important;
	box-shadow: var(--crm-popup-shadow) !important;
	font-family: var(--crm-font-sans) !important;
}

#wOverlay.wOverlayClassic.crmPopupSurface:not(.wClientPopup):not(.crmSidePanel) > h2 {
	font-size: 22px !important;
	line-height: 28px !important;
	font-weight: 750 !important;
	letter-spacing: -0.015em;
	text-wrap: balance;
}

#wOverlay.wOverlayClassic.crmPopupSurface:not(.wClientPopup):not(.crmSidePanel) .wBtns {
	justify-content: flex-end;
	margin-right: -24px !important;
	margin-bottom: -18px !important;
	margin-left: -24px !important;
	padding: 14px 24px !important;
	border-radius: 0 0 var(--crm-popup-radius) var(--crm-popup-radius);
	background: var(--crm-surface-3);
}

@media (max-width: 520px) {
	.wCrmDialogWindow { padding: 20px; }
	.wCrmDialogWindow footer { margin: 20px -20px -20px; padding: 14px 20px; }
	.wCrmDialogWindow h2,.wItemCommentHead h3 { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.crmPopupSurface,
	.wCrmDialogWindow footer button,
	.wItemCommentCancel,
	.wItemCommentSave { animation: none !important; transition: none !important; }
}

@media (max-width: 820px) {
	#lpBrand {
		display: none;
	}

	#lpHeaderInner {
		gap: 10px;
	}
}

#wUI_units .crmOrdersSearchWrap {
	position: relative;
	display: flex;
	align-items: center;
	width: 290px;
	min-width: 240px;
	padding: 0 12px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
}

#wUI_units .crmOrdersSearchWrap #wSearch {
	width: 100%;
	height: 36px;
	padding: 0 0 0 30px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 13px !important;
	line-height: 18px !important;
	color: var(--crm-text) !important;
}

#wUI_units .crmOrdersSearchWrap #wSearchBtn {
	position: absolute;
	left: 14px;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	opacity: 0.55;
}

#wUI_units .crmOrdersNewBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 18px;
	border: 1px solid var(--crm-accent);
	border-radius: 10px;
	background: var(--crm-accent);
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
}

#wUI_units .crmOrdersNewBtn:hover {
	background: var(--crm-accent-2);
	border-color: var(--crm-accent-2);
}

#wUI_units .crmOrdersTopTabs {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
	border-bottom: 1px solid var(--crm-border);
	padding-bottom: 1px;
}

#wUI_units .crmOrdersTopTab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0 14px 12px;
	text-decoration: none;
	color: var(--crm-muted);
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
}

#wUI_units .crmOrdersTopTab + .crmOrdersTopTab {
	border-left: 0;
}

#wUI_units .crmOrdersTopTabCount {
	font-size: 12px;
	line-height: 16px;
	color: var(--crm-muted);
	padding: 0 6px;
	border-radius: 999px;
	background: var(--crm-surface-2);
}

#wUI_units .crmOrdersTopTab.is-active {
	color: var(--crm-text);
	border-bottom-color: var(--crm-accent);
}

#wUI_units .crmOrdersTopTab.is-active .crmOrdersTopTabCount {
	color: var(--crm-accent);
	font-weight: 600;
	background: var(--crm-accent-soft);
}

#wUI_units .crmOrdersTableCard {
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	overflow: hidden;
}

#wUI_units .crmOrdersTableWrap {
	padding: 0;
}

#wUI_units #wTable {
	margin: 0 !important;
	border: 0 !important;
	background: var(--crm-surface) !important;
}

#wUI_units #wTable thead th {
	padding: 10px 12px 12px !important;
	border-bottom: 1px solid var(--crm-border) !important;
	background: transparent !important;
	font-size: 11px !important;
	line-height: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--crm-muted) !important;
}

#wUI_units #wTable tbody td {
	padding: 12px 12px !important;
	border-bottom: 1px solid var(--crm-border-soft) !important;
	background: transparent !important;
	font-size: 13px !important;
	line-height: 17px !important;
	color: var(--crm-text) !important;
	vertical-align: middle;
}

#wUI_units #wTable tbody tr:hover td {
	background: var(--crm-accent-soft) !important;
}

#wUI_units #wTable tbody td:nth-child(1) {
	color: var(--crm-accent) !important;
	font-weight: 650;
}

#wUI_units #wTable tbody td:nth-child(6),
#wUI_units #wTable tbody td:nth-child(7) {
	font-weight: 700;
	white-space: nowrap;
}

#wUI_units #wTable .pcClientSub {
	max-width: none;
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
	overflow-wrap: anywhere;
	user-select: text;
	cursor: text;
}

#wUI_units #wTable .wOrderContactText {
	display: inline;
	white-space: normal;
}

#wUI_units #wTable .wOrderContactToken {
	display: inline;
	white-space: normal;
}

#wUI_units #wTable .wOrderContactLink {
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	text-decoration-color: var(--crm-border);
	text-underline-offset: 2px;
	overflow-wrap: anywhere;
}

#wUI_units #wTable .wOrderContactLink:hover {
	color: var(--crm-accent);
	text-decoration-color: currentColor;
}

/* Order rows keep identical typography before, during, and after detail loading. */
#wUI_units #wTable .pcClientCell > span:first-child,
#wUI_units #wTable .pcClientCell > span:first-child.tip,
#wUI_units #wTable .pcClientCell > span:first-child:hover {
	color: var(--crm-text) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	border-bottom: 0 !important;
}

#wUI_units #wTable tbody tr.wTableUnitExpanded td {
	background: transparent !important;
	color: inherit;
}

#wUI_units #wTable tbody tr:nth-child(even).wTableUnitExpanded td {
	background: #fbfcfd !important;
}

/* Stable, resizable order table */
#wUI_units .crmOrdersTableWrap {
	overflow-x: auto;
	overflow-y: visible;
}

#wUI_units #wTable {
	width: auto;
	min-width: 100% !important;
	table-layout: fixed !important;
}

#wUI_units #wTable thead th {
	position: relative;
	box-sizing: border-box;
	padding-right: 28px !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	background-image: none !important;
	cursor: pointer;
	user-select: none;
}

#wUI_units #wTable thead th::after {
	content: "unfold_more";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Material Symbols Outlined";
	font-size: 15px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--crm-muted);
	opacity: 0.65;
}

#wUI_units #wTable thead th.crmSortAsc::after { content: "arrow_upward"; color: var(--crm-accent); opacity: 1; }
#wUI_units #wTable thead th.crmSortDesc::after { content: "arrow_downward"; color: var(--crm-accent); opacity: 1; }
#wUI_units #wTable thead th:last-child::after { content: none; }

#wUI_units #wTable thead th:focus { outline: none; }
#wUI_units #wTable thead th:focus-visible { box-shadow: inset 0 0 0 2px var(--crm-accent); }

#wUI_units #wTable .crmColumnResize {
	position: absolute;
	top: 5px;
	right: 0;
	bottom: 5px;
	width: 12px;
	z-index: 2;
	cursor: col-resize;
}

#wUI_units #wTable .crmColumnResize::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	width: 1px;
	background: transparent;
}

#wUI_units #wTable thead th:hover .crmColumnResize::after,
body.crmOrdersResizing #wUI_units #wTable .crmColumnResize::after {
	background: var(--crm-accent);
}

body.crmOrdersResizing,
body.crmOrdersResizing * {
	cursor: col-resize !important;
	user-select: none !important;
}

/* Task table uses the same stable sorting and resizing affordances as orders. */
#wUI_items #wTable thead th {
	position: relative;
	box-sizing: border-box;
	padding-right: 28px !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	background-image: none !important;
	cursor: pointer;
	user-select: none;
}

#wUI_items #wTable thead th::after {
	content: "unfold_more";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Material Symbols Outlined";
	font-size: 15px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--crm-muted);
	opacity: 0.65;
}

#wUI_items #wTable thead th.crmSortAsc::after { content: "arrow_upward"; color: var(--crm-accent); opacity: 1; }
#wUI_items #wTable thead th.crmSortDesc::after { content: "arrow_downward"; color: var(--crm-accent); opacity: 1; }
#wUI_items #wTable thead th.wi12::after { content: none; }

#wUI_items #wTable .crmColumnResize {
	position: absolute;
	top: 5px;
	right: 0;
	bottom: 5px;
	width: 12px;
	z-index: 2;
	cursor: col-resize;
}

#wUI_items #wTable .crmColumnResize::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	width: 1px;
	background: transparent;
}

#wUI_items #wTable thead th:hover .crmColumnResize::after,
body.crmOrdersResizing #wUI_items #wTable .crmColumnResize::after {
	background: var(--crm-accent);
}

#wUI_units #wTable tbody td,
#wUI_units #wTable tbody td:nth-child(2),
#wUI_units #wTable tbody td:nth-child(3),
#wUI_units #wTable tbody td:nth-child(4),
#wUI_units #wTable tbody td:nth-child(5),
#wUI_units #wTable tbody td:nth-child(6),
#wUI_units #wTable tbody td:nth-child(7),
#wUI_units #wTable tbody td .tip,
#wUI_units #wTable tbody td:nth-child(2) .tip,
#wUI_units #wTable tbody td:nth-child(3) .tip {
	box-sizing: border-box;
	min-width: 0;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
}

#wUI_units #wTable tbody tr,
#wUI_units #wTable tbody td {
	transition: background-color 140ms ease-out;
}

#wUI_units #wTable tbody tr:hover,
#wUI_units #wTable tbody tr:hover td { transform: none !important; }

#wUI_units #wTable tbody td:nth-child(4) small {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-height: 24px;
	height: auto !important;
	padding: 3px 8px !important;
	box-sizing: border-box;
	white-space: normal !important;
	line-height: 16px !important;
	overflow-wrap: anywhere;
}

#wUI_units #wTable tbody td:nth-child(1),
#wUI_units #wTable tbody td:nth-child(8) {
	overflow: visible !important;
	text-overflow: clip !important;
}

#wUI_units #wTable thead th:nth-child(8),
#wUI_units #wTable tbody td:nth-child(8) {
	width: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
	text-align: center;
}

#wUI_units #wTable [data-crm-tooltip],
#wUI_items #wTable [data-crm-tooltip] {
	border-bottom: 1px dotted color-mix(in srgb, currentColor 30%, transparent);
	cursor: help;
}

.crmOrdersTooltip {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1200;
	display: none;
	max-width: min(360px, calc(100vw - 24px));
	padding: 10px 12px;
	border-radius: 9px;
	background: var(--crm-text);
	color: var(--crm-surface);
	font-size: 12px;
	line-height: 17px;
	font-weight: 450;
	box-shadow: 0 4px 8px rgba(24, 32, 43, 0.18);
	pointer-events: none;
}

.crmOrdersTooltip.is-visible { display: block; }
.crmOrdersTooltip b { color: inherit; font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
	#wUI_units #wTable tbody tr,
	#wUI_units #wTable tbody td { transition: none; }
}

#wUI_units #wTable .wOrderContactCopy {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin: 0 0 0 3px;
	padding: 0 !important;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: var(--crm-muted);
	vertical-align: -5px;
	cursor: pointer;
}

#wUI_units #wTable .wOrderContactCopy:hover,
#wUI_units #wTable .wOrderContactCopy:focus-visible {
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
}

#wUI_units #wTable .wOrderContactCopy .material-symbols-outlined { font-size: 15px; }

#wUI_units #wTable .wOrderTaskSummary { display:flex; align-items:center; gap:6px; min-width:0; border-bottom:0 !important; text-decoration:none !important; font-size:12px; line-height:17px; cursor:help; }
#wUI_units #wTable .wOrderTaskSummary + .wOrderTaskSummary { margin-top:1px; }
#wUI_units #wTable .wOrderTaskStage { flex:0 0 auto; width:9px; height:9px; border:1px solid var(--crm-role-border,var(--crm-border)) !important; border-radius:50%; background:var(--crm-role-text,var(--crm-muted)); }
.crmOrdersTooltip.is-role-tooltip { max-width:none; padding:9px 13px; border-radius:8px; background:var(--crm-role-text,var(--crm-text)); color:#fff; font-size:14px; line-height:19px; font-weight:700; white-space:nowrap; }

#wCrmToast { position: fixed; z-index: 230; bottom: 18px; left: 18px; display: flex; align-items: center; gap: 8px; min-height: 42px; max-width: min(360px,calc(100vw - 32px)); padding: 0 14px; border-radius: 10px; background: var(--crm-accent); color: #fff; box-shadow: 0 4px 8px var(--crm-overlay-shadow); font: 650 13px/18px var(--crm-font-sans); opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity 180ms ease-out,transform 180ms cubic-bezier(.22,1,.36,1); }
#wCrmToast.is-visible { opacity: 1; transform: translateY(0); }
#wCrmToast.is-error { background: var(--crm-danger); }
#wCrmToast .material-symbols-outlined { font-size: 18px; }

#wUI_units .crmOrdersFooter {
	display: none;
	align-items: center;
	gap: 18px;
	padding: 12px 16px 14px;
	border-top: 1px solid var(--crm-border);
	background: var(--crm-surface-2);
	font-size: 14px;
	line-height: 18px;
	color: var(--crm-muted);
}

#wUI_units .crmOrdersFooter b {
	font-weight: 700;
	color: var(--crm-text);
}

#wUI_units .crmOrdersFooterDebt {
	color: #c44a33 !important;
}

#wUI_units .crmOrdersLegacyFilters,
#wUI_units #wStats,
#wUI_units #wFunnels {
	display: none !important;
}

/* Shared list shell */
#wUI_items,
#wUI_clients,
#wUI_users {
	padding: var(--crm-page-pad-top) var(--crm-page-pad-x) var(--crm-page-pad-bottom) !important;
}

#wUI_items .crmListPage,
#wUI_clients .crmListPage {
	padding: 0;
	display: grid;
	gap: 18px;
}

#wUI_items .crmItemsLayout {
	display: grid;
	grid-template-columns: 248px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

#wUI_items .crmItemsSidebar,
#wUI_items .crmListPageItems {
	min-width: 0;
}

#wUI_items .crmItemsStats {
	display: block;
}

#wUI_items .crmItemsCountSummary {
	margin-top: 0;
	border-bottom: 1px solid var(--crm-border);
}

#wUI_items .crmOrdersCountRow {
	display: flex;
	align-items: baseline;
	gap: 8px;
	padding: 8px 0 9px;
}

#wUI_items .crmOrdersCountRow + .crmOrdersCountRow {
	border-top: 1px solid var(--crm-border-soft);
}

#wUI_items .crmOrdersCountRow .crmOrdersMetricValue {
	min-width: 28px;
	color: var(--crm-text);
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
}

#wUI_items .crmOrdersCountRow .crmOrdersMetricLabel {
	color: var(--crm-muted);
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
}

#wUI_items .crmOrdersQuickRanges {
	margin-top: var(--crm-section-gap);
}

#wUI_items .crmOrdersQuickRangesTitle {
	margin-bottom: 9px;
	color: var(--crm-text);
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#wUI_items .crmOrdersQuickRangeList {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

#wUI_items .crmOrdersQuickRange {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	width: 100%;
	padding: 9px 11px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	color: var(--crm-text);
	font: inherit;
	cursor: pointer;
	text-align: left;
	transition: border-color 160ms ease-out, background-color 160ms ease-out, color 160ms ease-out;
}

#wUI_items .crmOrdersQuickRange:hover {
	border-color: color-mix(in srgb, var(--crm-accent) 34%, var(--crm-border));
	background: var(--crm-accent-soft);
}

#wUI_items .crmOrdersQuickRange:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}

#wUI_items .crmOrdersQuickRange.is-active {
	border-color: color-mix(in srgb, var(--crm-accent) 40%, var(--crm-border));
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
}

#wUI_items .crmOrdersQuickRangeLabel {
	font-size: 13px;
	line-height: 18px;
	font-weight: 650;
}

#wUI_items .crmOrdersQuickRangeDates {
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 15px;
}

#wUI_items .crmOrdersQuickRange.is-active .crmOrdersQuickRangeDates {
	color: var(--crm-accent);
}

#wUI_items .crmListHeader,
#wUI_clients .crmListHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0;
}

#wUI_items .crmListTitle,
#wUI_clients .crmListTitle {
	position: relative;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: var(--crm-text);
}

#wUI_items .crmListTitle::after,
#wUI_clients .crmListTitle::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	margin-top: 10px;
	border-radius: 999px;
	background: var(--crm-accent);
}

#wUI_items .crmListControls,
#wUI_clients .crmListControls {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-left: auto;
}

#wUI_items .crmListSearchWrap,
#wUI_clients .crmListSearchWrap {
	position: relative;
	display: flex;
	align-items: center;
	width: 290px;
	min-width: 240px;
	padding: 0 12px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
}

#wUI_items .crmListSearchIcon,
#wUI_clients .crmListSearchWrap #wSearchBtn {
	position: absolute;
	left: 14px;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	opacity: 0.55;
}

#wUI_items .crmListSearchIcon:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url('/printme/magnifier.png') center center / contain no-repeat;
}

#wUI_items .crmListSearchInput,
#wUI_clients .crmListSearchWrap #wSearch {
	width: 100%;
	height: 36px;
	padding: 0 0 0 30px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 13px !important;
	line-height: 18px !important;
	color: var(--crm-text) !important;
}

#wUI_clients .crmListActions,
#wUI_clients #wcActions {
	display: flex;
	align-items: center;
	gap: 12px;
}

#wUI_clients #wcActions a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 16px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	color: var(--crm-text);
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
}

#wUI_clients #wcActions a:hover,
#wUI_users #wuActions a:hover {
	border-color: var(--crm-accent) !important;
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

#wUI_clients #wcActions a .material-symbols-outlined {
	font-size: 18px;
	line-height: 18px;
}

#wUI_items .crmListChips {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
	border-bottom: 1px solid var(--crm-border);
	padding-bottom: 1px;
}

#wUI_items .crmListChip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0 14px 12px;
	text-decoration: none;
	color: var(--crm-muted);
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
}

#wUI_items .crmListChip + .crmListChip {
	border-left: 0;
}

#wUI_items .crmListChipCount {
	font-size: 12px;
	line-height: 16px;
	color: var(--crm-muted);
	padding: 0 6px;
	border-radius: 999px;
	background: var(--crm-surface-2);
}

#wUI_items .crmListChip.is-active {
	color: var(--crm-text);
	border-bottom-color: var(--crm-accent);
	background: linear-gradient(180deg, transparent 0%, var(--crm-accent-soft) 100%);
}

#wUI_items .crmListChip.is-active .crmListChipCount {
	color: var(--crm-accent);
	font-weight: 600;
	background: var(--crm-accent-soft);
}

#wUI_items .crmListTableCard,
#wUI_clients .crmListTableCard {
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%);
	overflow: hidden;
}

#wUI_items .crmListTableCard:hover,
#wUI_clients .crmListTableCard:hover {
	border-color: rgba(234, 106, 18, 0.22);
}

#wUI_items .crmListTableWrap,
#wUI_clients .crmListTableWrap {
	padding: 0;
}

#wUI_items #wFilters,
#wUI_items #wFunnels,
#wUI_clients #wFilters {
	display: none !important;
}

#wUI_users #wFilters {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--crm-section-gap);
	margin: 0 24px var(--crm-section-gap) 24px !important;
}

#wUI_users #wuActions {
	display: flex;
	align-items: center;
	gap: 12px;
}

#wUI_users #wuActions a,
#wUI_clients #wcActions a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 16px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	color: var(--crm-text);
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
}

#wUI_users .wuLegacySearch {
	display: flex;
	justify-content: flex-end;
}

#wUI_users .wuLegacySearch #wSearch {
	display: block !important;
	width: 320px;
	height: 42px;
	padding: 0 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: var(--crm-surface) !important;
}

#wUI_users .wuLegacySearch #wSearchBtn {
	display: none !important;
}

#wUI_users #wUsersCards {
	padding: 0 24px 0 24px;
}

#wUI_users .wUserCard {
	border-radius: 12px !important;
	border: 1px solid var(--crm-border) !important;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
	box-shadow: none !important;
}

@media (max-width: 1180px) {
	#wUI_units .crmOrdersLayout {
		grid-template-columns: 1fr;
	}

	#wUI_items .crmItemsLayout {
		grid-template-columns: 1fr;
	}

	#wUI_units .crmOrdersToolbar {
		flex-direction: column;
		align-items: stretch;
	}

	#wUI_units .crmOrdersToolbarControls {
		margin-left: 0;
	}

	#wUI_units .crmOrdersMain {
		padding: 0;
	}

	#wUI_items .crmListPage,
	#wUI_clients .crmListPage {
		padding: 0;
	}

	#wUI_items .crmListHeader,
	#wUI_clients .crmListHeader {
		flex-direction: column;
		align-items: stretch;
	}

	#wUI_items .crmListControls,
	#wUI_clients .crmListControls {
		margin-left: 0;
		flex-wrap: wrap;
	}
}

@media (max-width: 860px) {
	body.lpLocalToolbarViewActive #lpPage {
		padding-top: 18px !important;
	}

	#wUI_units {
		padding: var(--crm-section-gap-mobile) var(--crm-page-pad-x-mobile) 22px !important;
	}

	#wUI_items,
	#wUI_clients,
	#wUI_users {
		padding: var(--crm-section-gap-mobile) var(--crm-page-pad-x-mobile) 22px !important;
	}

	#wUI_units .crmOrdersStats {
		grid-template-columns: 1fr;
	}

	#wUI_units .crmOrdersSidebar {
		padding: 0;
		gap: var(--crm-section-gap-mobile);
	}

	#wUI_units .crmOrdersToolbarControls {
		flex-direction: column;
		align-items: stretch;
	}

	#wUI_units .crmOrdersSearchWrap {
		width: 100%;
	}

	#wUI_units .crmOrdersTopTabs {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#wUI_units .crmOrdersMain {
		padding: 0;
		gap: var(--crm-section-gap-mobile);
	}

	#wUI_items .crmListSearchWrap,
	#wUI_clients .crmListSearchWrap {
		width: 100%;
	}

	#wUI_items .crmListPage,
	#wUI_clients .crmListPage {
		gap: var(--crm-section-gap-mobile);
	}

	#wUI_clients #wcActions {
		flex-wrap: wrap;
	}
}

/* Authoritative shell spacing.
 * These selectors intentionally outrank legacy #lpAppShell/#lpPage rules that also use !important.
 */
#lpAppShell #wElts {
	padding: 0 var(--crm-shell-pad-x) var(--crm-shell-pad-y) !important;
}

#lpAppShell #lpPage {
	padding: 24px 0 0 0 !important;
}

body.lpLocalToolbarViewActive #lpAppShell #lpPage {
	padding-top: 24px !important;
}

#lpAppShell #lpPage > .wContent {
	padding: 0 !important;
}

#lpAppShell #lpPage > #wUI_units.wContent,
#lpAppShell #lpPage > #wUI_items.wContent,
#lpAppShell #lpPage > #wUI_clients.wContent,
#lpAppShell #lpPage > #wUI_users.wContent,
#lpAppShell #lpPage > #wUI_calc.wContent,
#lpAppShell #lpPage > #wUI_manage.wContent,
#lpAppShell #lpPage > #wUI_settings.wContent {
	padding: 0 !important;
}

#lpAppShell #wUI_units .crmOrdersLayout,
#lpAppShell #wUI_items .crmItemsLayout,
#lpAppShell #wUI_items .crmListPage,
#lpAppShell #wUI_clients .crmListPage {
	width: 100%;
	max-width: 100%;
}

@media (max-width: 760px) {
	#lpAppShell #wElts {
		padding: 0 var(--crm-shell-pad-x-mobile) var(--crm-shell-pad-y-mobile) !important;
	}

	#lpAppShell #lpPage,
	body.lpLocalToolbarViewActive #lpAppShell #lpPage {
		padding-top: 20px !important;
	}
}

@media (max-width: 480px) {
	#lpAppShell #wElts {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

/* Unified admin panel */
#lpAppShell #wUI_settings {padding:0 var(--crm-page-pad-x) var(--crm-page-pad-bottom)!important}
#lpAppShell #wUI_settings #wSettings{max-width:1440px;margin:0 auto;padding:0!important;color:var(--crm-text);font-family:var(--crm-font-sans)}
#wSettingsHeader{display:block;margin:0 0 20px!important;padding:0!important}
.wSettingsEyebrow{margin-bottom:5px;color:var(--crm-muted);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
#wSettingsHeader .wSettingsTitle{margin:0;color:var(--crm-text);font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.025em}
.wSettingsSubtitle{margin:7px 0 0;color:var(--crm-muted);font-size:14px;line-height:21px}
#wAdminNav{display:flex;gap:4px;margin:0 0 22px;padding:4px;width:max-content;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface-3)}
#wAdminNav .wAdminNavBtn{height:38px;padding:0 14px;border:0!important;border-radius:9px;background:transparent;color:var(--crm-muted);font:600 13px/18px var(--crm-font-sans);box-shadow:none}
#wAdminNav .wAdminNavBtn .material-symbols-outlined{font-size:18px;line-height:18px}
#wAdminNav .wAdminNavBtn:hover{background:rgba(255,255,255,.72);color:var(--crm-text)}
#wAdminNav .wAdminNavBtn.wActive{background:var(--crm-surface);color:var(--crm-accent);box-shadow:0 1px 4px rgba(15,23,42,.1)}
.wAdminSectionIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.wAdminSectionIntro h2{margin:0;color:var(--crm-text);font-size:20px;line-height:27px;font-weight:700}
.wAdminSectionIntro p{margin:4px 0 0;color:var(--crm-muted);font-size:13px;line-height:19px}
#wAdminSection_notify .wSettingsRowTop{min-height:66px;margin:0 0 16px;padding:13px 16px;border:1px solid var(--crm-border);border-radius:13px;background:var(--crm-surface);box-sizing:border-box}
#wAdminSection_general{max-width:920px}
.wSystemIntegration{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;column-gap:20px;padding:24px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}
.wSystemIntegrationIcon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--crm-accent-soft);color:var(--crm-accent)}
.wSystemIntegrationIcon .material-symbols-outlined{font-size:22px}
.wSystemIntegrationBody{min-width:0;flex:1}
.wSystemIntegrationHead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.wSystemIntegrationHead h3{margin:0;color:var(--crm-text);font-size:16px;line-height:22px;text-wrap:balance}
.wSystemIntegrationHead p{max-width:70ch;margin:6px 0 0;color:var(--crm-muted);font-size:12px;line-height:18px;text-wrap:pretty}
.wSystemState{display:inline-flex;align-items:center;min-height:26px;box-sizing:border-box;flex:0 0 auto;padding:3px 9px;border-radius:999px;background:var(--crm-surface-3);color:var(--crm-muted);font-size:11px;font-weight:700}
.wSystemState.is-ready{background:var(--crm-success-soft);color:var(--crm-success)}
.wSystemState.is-warning{background:var(--crm-warning-soft);color:var(--crm-text)}
.wSystemSecretField{display:grid;gap:8px;max-width:720px;margin:24px 0 0}
.wSystemSecretField .wSettingsLabel{margin:0;color:var(--crm-text);font-size:12px;line-height:16px;font-weight:700}
.wSystemSecretField input{width:100%;height:46px;box-sizing:border-box;margin:0;padding:0 14px}
.wSystemSecretField .wSettingsFieldHint{display:block;margin:0;color:var(--crm-muted);font-size:12px;line-height:18px}
.wSystemIntegrationMeta{display:flex;align-items:flex-start;gap:8px;max-width:70ch;margin-top:16px;color:var(--crm-muted);font-size:12px;line-height:18px}
.wSystemIntegrationMeta>.material-symbols-outlined{flex:0 0 auto;margin-top:1px;color:var(--crm-accent-strong);font-size:17px;line-height:17px}
.wSystemIntegration .wNotifyActions{display:flex;align-items:center;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--crm-border-soft)}
.wSystemIntegration .wNotifyActions button{min-height:42px;margin:0}
.wNotifyTabs{display:flex;gap:22px;margin:0 0 22px;border-bottom:1px solid var(--crm-border)}
.wNotifyTabs button{position:relative;min-height:42px;padding:0 2px;border:0;background:transparent;color:var(--crm-muted);font:600 13px/18px var(--crm-font-sans);cursor:pointer}
.wNotifyTabs button::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}
.wNotifyTabs button:hover{color:var(--crm-text)}.wNotifyTabs button.is-active{color:var(--crm-text)}.wNotifyTabs button.is-active::after{background:var(--crm-accent)}
.wNotifyTabs button:focus-visible,.wNotifyChannelTabs button:focus-visible,.wNotifyVariables button:focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px}
.wNotifyTabPanel[hidden]{display:none!important}
.wNotifyChannelTabs{display:flex;gap:6px;margin:0 0 14px;padding:4px;width:max-content;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface-3)}
.wNotifyChannelTabs button{min-height:34px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:var(--crm-muted);font:600 12px/16px var(--crm-font-sans);cursor:pointer}
.wNotifyChannelTabs button.is-active{background:var(--crm-surface);color:var(--crm-accent);box-shadow:0 1px 4px rgba(15,23,42,.08)}
.wNotifyTemplateWorkspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:14px;align-items:start}
.wNotifyEditorPane,.wNotifyPreviewPane,.wNotifyPromoEditors>section{padding:18px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface);box-sizing:border-box}
.wNotifyEditorFields{display:flex;flex-direction:column;gap:14px}.wNotifyEditorFields .wSettingsField{margin:0}
.wNotifyEditorFields textarea{min-height:170px!important}
.wNotifyRichEditor{overflow:hidden;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface)}
.wNotifyRichEditor:focus-within{border-color:color-mix(in srgb,var(--crm-accent) 55%,var(--crm-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--crm-accent) 11%,transparent)}
.wNotifyRichToolbar{display:flex;align-items:center;gap:3px;min-height:42px;padding:5px 7px;border-bottom:1px solid var(--crm-border-soft);background:var(--crm-surface-3);box-sizing:border-box}
.wNotifyRichToolbar button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--crm-muted);cursor:pointer}
.wNotifyRichToolbar button:hover{background:var(--crm-surface);color:var(--crm-accent)}.wNotifyRichToolbar button:focus-visible{outline:2px solid var(--crm-accent);outline-offset:1px}.wNotifyRichToolbar .material-symbols-outlined{font-size:18px}
.wNotifyRichSurface{max-height:360px;padding:18px;overflow:auto;outline:0;color:var(--crm-text);font:14px/1.55 var(--crm-font-sans);box-sizing:border-box}.wNotifyRichSurface p{margin:0 0 12px}.wNotifyRichSurface p:last-child{margin-bottom:0}.wNotifyRichSurface ul,.wNotifyRichSurface ol{margin:8px 0;padding-left:24px}
.wNotifyPromoToggle{margin:14px 0 0;padding:12px 0;border-top:1px solid var(--crm-border-soft);border-bottom:1px solid var(--crm-border-soft)}
.wNotifyPromoToggle label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.wNotifyVariables{margin-top:16px}.wNotifyVariables>strong{font-size:14px}.wNotifyVariables>p{margin:3px 0 10px;color:var(--crm-muted);font-size:12px}.wNotifyVariables>div{display:flex;gap:7px;flex-wrap:wrap}
.wNotifyVariables button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 9px;border:1px solid var(--crm-border);border-radius:8px;background:var(--crm-surface-3);color:var(--crm-text);font:12px/16px var(--crm-font-sans);cursor:pointer}
.wNotifyVariables button:hover{border-color:var(--crm-accent);background:var(--crm-accent-soft)}.wNotifyVariables code{color:var(--crm-accent-strong);font:600 11px/15px ui-monospace,SFMono-Regular,Menlo,monospace}.wNotifyVariables span{color:var(--crm-muted)}
.wNotifyValidation{min-height:18px;margin-top:10px;color:var(--crm-danger);font-size:12px;line-height:18px}
.wNotifyTestRecipient{margin-top:14px;padding:14px;border:1px solid var(--crm-border-soft);border-radius:10px;background:var(--crm-surface-3)}
.wNotifyTestRecipientHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.wNotifyTestRecipientHead strong{font-size:13px}.wNotifyTestRecipientHead span{color:var(--crm-muted);font-size:11px;line-height:16px;text-align:right}
.wNotifyTestRecipient .wSettingsField{margin:0}.wNotifyTestRecipient.has-error{border-color:var(--crm-danger);background:color-mix(in srgb,var(--crm-danger) 5%,var(--crm-surface))}.wNotifyTestRecipient.has-error input{border-color:var(--crm-danger)!important}
.wNotifyEditorPane>.wNotifyActions{margin-top:8px;padding-top:14px;border-top:0}
.wNotifyPreviewPane{position:sticky;top:16px;min-height:420px}.wNotifyPreviewHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wNotifyPreviewHead strong{font-size:14px}.wNotifyPreviewHead span{color:var(--crm-muted);font-size:11px}
.wNotifyPreview{display:grid;place-items:center;min-height:350px;padding:18px;border-radius:10px;background:var(--crm-surface-3);box-sizing:border-box}.wNotifyPreview.is-loading{opacity:.55}
.wNotifyMessagePreview{width:min(300px,100%);padding:14px;border-radius:12px 12px 12px 4px;background:var(--crm-surface);color:var(--crm-text);font-size:14px;line-height:1.5;box-sizing:border-box;box-shadow:0 1px 4px rgba(15,23,42,.08);white-space:normal}
.wNotifyMessagePreview.telegram{background:color-mix(in srgb,var(--crm-info) 8%,var(--crm-surface))}.wNotifyMessagePreview.max{background:color-mix(in srgb,var(--crm-mark-violet) 8%,var(--crm-surface))}
.wNotifyEmailPreview{width:100%}.wNotifyEmailSubject{padding:10px 12px;border:1px solid var(--crm-border);border-bottom:0;border-radius:8px 8px 0 0;background:var(--crm-surface);font-size:12px;font-weight:700}.wNotifyEmailPreview iframe{display:block;width:100%;height:360px;border:1px solid var(--crm-border);border-radius:0 0 8px 8px;background:#fff;box-sizing:border-box}
.wNotifyPromoEditors{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}.wNotifyPromoEditors h3{margin:0;font-size:16px}.wNotifyPromoEditors p{margin:4px 0 14px;color:var(--crm-muted);font-size:12px}.wNotifyPromoEditors+.wNotifyActions{margin-top:14px}
@media(max-width:980px){.wNotifyTemplateWorkspace{grid-template-columns:1fr}.wNotifyPreviewPane{position:static}.wNotifyPromoEditors{grid-template-columns:1fr}}
@media(max-width:700px){.wNotifyTabs{gap:4px;overflow-x:auto}.wNotifyTabs button{flex:0 0 auto;padding:0 10px}.wNotifyChannelTabs{max-width:100%;overflow-x:auto}.wNotifyTemplateWorkspace{display:block}.wNotifyPreviewPane{margin-top:14px}.wNotifyVariables button span{display:none}.wNotifyTestRecipientHead{display:block}.wNotifyTestRecipientHead span{display:block;margin-top:3px;text-align:left}}
#wAdminSection_notify .wSettingsRowTop>div:first-child{display:flex;flex-direction:column;gap:2px}
#wAdminSection_notify .wSettingsRowTop strong{font-size:14px;line-height:19px}
#wAdminSection_notify .wSettingsRowTop>div:first-child span{color:var(--crm-muted);font-size:12px;line-height:16px}
.wSettingsMasterSwitch{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:600}
#wUI_settings input[type="checkbox"]{width:17px!important;height:17px!important;margin:0;accent-color:var(--crm-accent)}
#wAdminSection_notify .wNotifyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#wAdminSection_notify .wNotifyCard{position:relative;display:flex;flex-direction:column;gap:16px;min-height:100%;padding:18px;border:1px solid var(--crm-border);border-radius:14px;background:var(--crm-surface);box-shadow:none;box-sizing:border-box}
#wAdminSection_notify .wNotifyCard:hover{border-color:#d2d7dd}
#wAdminSection_notify .wNotifyEmailWide{grid-column:1/-1}
#wAdminSection_notify .wNotifyHead{display:flex;align-items:center;gap:9px;margin:0;color:var(--crm-text)!important;font-size:16px;line-height:22px;font-weight:700}
#wAdminSection_notify .wNotifyHead::before{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--crm-accent-soft);color:var(--crm-accent);font-family:'Material Symbols Outlined';font-size:19px;font-weight:400;font-style:normal;line-height:1;content:'notifications';font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 20}
#wAdminSection_notify .wNotifySms .wNotifyHead::before{content:'sms'}
#wAdminSection_notify .wNotifyEmail .wNotifyHead::before{content:'mail'}
#wAdminSection_notify .wNotifyTg .wNotifyHead::before{content:'send'}
#wAdminSection_notify .wNotifyMax .wNotifyHead::before{content:'forum'}
#wAdminSection_notify .wNotifyCard>.wSettingsCheck{position:absolute;top:25px;right:18px;display:flex;align-items:center;gap:7px;color:var(--crm-muted);font-size:12px}
#wAdminSection_notify .wNotifyHint{margin:-7px 0 0;padding-left:43px;color:var(--crm-muted);font-size:12px;line-height:18px}
#wAdminSection_notify .wNotifyFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px;align-items:start}
#wAdminSection_notify .wNotifyFields .wSettingsField{min-width:0;margin:0}
#wAdminSection_notify .wNotifyFields .wSettingsFieldWide{grid-column:1/-1}
#wAdminSection_notify .wNotifyTestDestination{padding:10px 12px;border-radius:10px;background:var(--crm-surface-3)}
#wAdminSection_notify .wNotifyTestDestination .wSettingsLabel{color:var(--crm-text);font-weight:700}
#wAdminSection_notify .wSettingsFieldHint{margin-top:5px;color:var(--crm-muted);font-size:11px;line-height:15px}
.wSecretField{position:relative;min-width:0}.wSecretField input{width:100%;box-sizing:border-box;padding-right:44px!important}.wSecretReveal{position:absolute;top:1px;right:1px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--crm-muted);cursor:pointer;transition:background-color 160ms ease-out,color 160ms ease-out}.wSecretReveal:hover{background:var(--crm-surface-muted);color:var(--crm-text)}.wSecretReveal:focus-visible{outline:2px solid var(--crm-primary);outline-offset:1px}.wSecretReveal:disabled{cursor:wait;opacity:.55}.wSecretReveal .material-symbols-outlined{font-size:20px}.wSecretReveal.is-loading .material-symbols-outlined{animation:wSecretRevealPulse 800ms ease-in-out infinite alternate}@keyframes wSecretRevealPulse{to{opacity:.35}}@media(prefers-reduced-motion:reduce){.wSecretReveal{transition:none}.wSecretReveal.is-loading .material-symbols-outlined{animation:none}}
#wUI_settings .wSettingsLabel{margin:0 0 6px;color:var(--crm-muted);font-size:12px;line-height:16px;font-weight:600}
#wUI_settings input:not([type="checkbox"]):not([type="file"]),#wUI_settings select,#wUI_settings textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface);box-shadow:none;color:var(--crm-text);font:14px/20px var(--crm-font-sans);box-sizing:border-box;transition:border-color .14s ease,box-shadow .14s ease}
#wUI_settings textarea{min-height:76px;resize:vertical}
#wUI_settings input:not([type="checkbox"]):not([type="file"]):focus,#wUI_settings select:focus,#wUI_settings textarea:focus{border-color:color-mix(in srgb,var(--crm-accent) 55%,var(--crm-border));outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--crm-accent) 11%,transparent)}
#wUI_settings input::placeholder,#wUI_settings textarea::placeholder{color:#a0a7af}
#wAdminSection_notify .wNotifyActions{margin-top:auto;padding-top:14px;border-top:1px solid var(--crm-border-soft)}
#wUI_settings .wNotifyActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#wUI_settings .wNotifyBtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid var(--crm-accent);border-radius:9px;background:var(--crm-accent);color:#fff;font:600 13px/18px var(--crm-font-sans);text-decoration:none;box-shadow:none;cursor:pointer;box-sizing:border-box}
#wUI_settings .wNotifyBtn:hover{border-color:var(--crm-accent-2);background:var(--crm-accent-2)}
#wUI_settings .wNotifyBtnGhost{border-color:var(--crm-border);background:var(--crm-surface);color:var(--crm-text)}
#wUI_settings .wNotifyBtnGhost:hover{border-color:#cbd0d6;background:var(--crm-surface-2)}
#wUI_settings .wNotifyBtnDanger{border-color:var(--crm-danger);background:var(--crm-danger)}
#wUI_settings .wNotifyBtn:focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px}
#wUI_settings .wNotifyBtn:disabled,#wUI_settings .wNotifyBtn.wDisabled{opacity:.48;cursor:not-allowed;pointer-events:none}
#wUI_settings .wNotifyStatus{min-height:18px;color:var(--crm-muted);font-size:12px;line-height:18px}
#wUI_settings .wSettingsHelp{margin:14px 2px 0;padding:12px 14px;border-radius:10px;background:var(--crm-surface-3);color:var(--crm-muted);font-size:12px;line-height:18px}
#wAdminSection_db{display:flex;flex-direction:column;gap:14px}
#wAdminSection_db .wDbHealthHero,#wAdminSection_db .wDbMaintenanceCard,#wAdminSection_db .wDbImportCard{margin:0;padding:18px;border:1px solid var(--crm-border);border-radius:14px;background:var(--crm-surface);box-shadow:none;box-sizing:border-box}
#wAdminSection_db .wDbHealthHero{min-height:82px}
#wAdminSection_db .wDbHealthSummary,#wAdminSection_db .wDbDiagnosticsDetails,#wAdminSection_db .wDbMaintenanceGrid{margin:0}
#wAdminSection_db .wDbMaintenanceGrid{gap:14px}
#wAdminSection_db .wDbMaintenanceCard{display:flex;flex-direction:column;min-height:250px}
#wAdminSection_db .wDbCardHead{min-height:64px}
#wAdminSection_db .wDbCardHead>div{gap:5px}
#wAdminSection_db .wDbCardHead strong{font-size:16px;line-height:22px}
#wAdminSection_db .wDbCardHead span{max-width:520px;font-size:12px;line-height:18px}
#wAdminSection_db .wDbMaintenanceCard>.wNotifyActions{margin-top:18px;padding-top:14px;border-top:1px solid var(--crm-border-soft)}
#wAdminSection_db .wDbRepairCard .wSettingsField{margin:16px 0 0}
#wAdminSection_db .wDbRepairCard>.wNotifyActions{margin-top:auto}
#wAdminSection_db .wDbBackupList{margin:14px 0 0}
#wAdminSection_db .wDbImportCard{max-width:none;gap:16px;margin-top:4px}
#wAdminSection_db .wDbImportCard>.wNotifyHead{font-size:18px;line-height:24px;font-weight:700}
#wAdminSection_db .wDbImportWarning{padding:12px 14px;border-radius:10px}
#wAdminSection_db .wDbImportGuide{padding:15px;border-color:var(--crm-border);background:var(--crm-surface-3)}
#wAdminSection_db .wDbImportGuide pre{max-width:100%;overflow:auto;border:1px solid var(--crm-border-soft);border-radius:8px;background:#fff;color:var(--crm-text)}
#wAdminSection_db input[type="file"]{display:block;width:100%;padding:10px;border:1px dashed var(--crm-border);border-radius:10px;background:var(--crm-surface-3);font:13px var(--crm-font-sans);box-sizing:border-box}
#wAdminSection_db .wDbImportStages{padding:16px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface-3)}
.wDbMaintenanceControl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;padding:16px 18px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface)}.wDbMaintenanceControl>div:first-child{display:flex;align-items:flex-start;gap:11px}.wDbMaintenanceControl>div:first-child>.material-symbols-outlined{color:var(--crm-primary-strong);font-size:24px}.wDbMaintenanceControl strong,.wDbMaintenanceControl span{display:block}.wDbMaintenanceControl strong{font-size:14px}.wDbMaintenanceControl div div span{max-width:70ch;margin-top:3px;color:var(--crm-muted);font-size:12px;line-height:1.45}.wDbMaintenanceSwitch{justify-self:end}.wDbMaintenanceMeta{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-height:34px;padding-top:10px;border-top:1px solid var(--crm-border-soft);color:var(--crm-muted);font-size:12px}.wDbMaintenanceMeta.is-owned{color:var(--crm-primary-strong)}.wDbMaintenanceMeta.is-view{color:var(--crm-warning)}.wDbMaintenanceMeta strong,.wDbMaintenanceMeta small{display:block}.wDbMaintenanceMeta small{margin-top:2px;color:var(--crm-muted)}.wDbLockRequirement{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--crm-muted);font-size:12px}.wDbLockRequirement .material-symbols-outlined{font-size:17px}.wDbImportGuide summary{font-size:13px;font-weight:700;cursor:pointer}.wDbImportGuide>p{margin:10px 0;color:var(--crm-muted);font-size:12px}.wDbCommand{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-top:1px solid var(--crm-border-soft)}.wDbCommand code{min-width:0;overflow:auto;color:var(--crm-text);font-size:11px;line-height:1.45;white-space:nowrap}.wDbCommand button{min-height:32px;padding:0 10px;border:1px solid var(--crm-border);border-radius:8px;background:var(--crm-surface);color:var(--crm-text);font-weight:700;cursor:pointer}.wDbCommand button:hover{border-color:var(--crm-primary)}.wDbCommand button:focus-visible{outline:2px solid var(--crm-primary);outline-offset:2px}.wDbImportLog{max-height:180px;overflow:auto;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.wDbImportLog>div{padding:5px 0;border-bottom:1px solid var(--crm-border-soft)}
@media(max-width:760px){.wDbMaintenanceControl{grid-template-columns:1fr}.wDbMaintenanceSwitch{justify-self:start}.wDbCommand{grid-template-columns:1fr}.wDbCommand button{justify-self:start}}
.wDbImportProgressHead{display:flex;justify-content:space-between;gap:16px;font-size:13px}.wDbImportProgressHead span{color:var(--crm-muted);font-variant-numeric:tabular-nums}.wDbImportProgressTrack{height:6px;margin:11px 0 14px;border-radius:999px;background:var(--crm-border);overflow:hidden}.wDbImportProgressTrack i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--crm-accent);transform:scaleX(0);transform-origin:left center;transition:transform .25s ease-out}.wDbImportStages ol{display:flex;justify-content:space-between;gap:8px;margin:0;padding:0;list-style:none}.wDbImportStages li{display:flex;align-items:center;gap:6px;color:var(--crm-muted);font-size:11px}.wDbImportStages li span{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--crm-border);border-radius:999px;background:#fff;font-weight:700}.wDbImportStages li.is-active{color:var(--crm-text);font-weight:700}.wDbImportStages li.is-active span{border-color:var(--crm-accent);color:var(--crm-accent)}.wDbImportStages li.is-done span{border-color:var(--crm-success);background:var(--crm-success);color:#fff}.wDbImportStages.is-error{border-color:color-mix(in srgb,var(--crm-danger) 35%,white);background:color-mix(in srgb,var(--crm-danger) 6%,white)}.wDbImportOrderReview{border-top:1px solid var(--crm-border-soft);padding-top:16px}.wDbImportReviewHead{display:flex;flex-direction:column;gap:4px}.wDbImportReviewHead strong{font-size:15px}.wDbImportReviewHead span{color:var(--crm-muted);font-size:12px}.wDbImportOrderList{max-height:380px;margin-top:12px;overflow:auto;border:1px solid var(--crm-border);border-radius:10px}.wDbImportOrder{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid var(--crm-border-soft)}.wDbImportOrder:first-child{border-top:0}.wDbImportOrder>div{display:flex;min-width:0;flex-direction:column;gap:3px}.wDbImportOrder strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.wDbImportOrder div span{color:var(--crm-muted);font-size:11px}.wDbImportOrder.is-delivered{background:color-mix(in srgb,var(--crm-success) 8%,white)}.wDbImportDelivered{color:var(--crm-success);font-size:12px;font-weight:700}.wDbImportReload{margin-top:14px}
@media(max-width:760px){.wDbImportStages ol{display:grid;grid-template-columns:1fr 1fr}.wDbImportOrder{align-items:flex-start;flex-direction:column}.wDbImportOrder .wNotifyBtn{width:100%}}
@media(prefers-reduced-motion:reduce){.wDbImportProgressTrack i{transition:none}}
#wOverlay.crmSidePanel.wImportReviewPanel{width:min(90vw,1320px)!important}
#wOverlay.wImportReviewPanel .wImportReviewPanelBody{position:absolute!important;inset:72px 0 0!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:clip!important}
.wImportReview{display:grid;height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;overflow:clip;background:var(--crm-surface)}
.wImportReviewToolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--crm-border)}
.wImportReviewToolbar>label{display:flex;align-items:center;gap:8px;width:min(420px,42vw);height:40px;padding:0 12px;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface-3);box-sizing:border-box}.wImportReviewToolbar>label:focus-within{border-color:var(--crm-accent);box-shadow:0 0 0 3px var(--crm-accent-soft)}.wImportReviewToolbar>label .material-symbols-outlined{color:var(--crm-muted);font-size:19px}.wImportReviewToolbar input[type=search]{width:100%;border:0;outline:0;background:transparent;color:var(--crm-text);font:14px/20px var(--crm-font-sans)}
.wImportReviewBulk{display:flex;align-items:center;gap:6px}.wImportReviewBulk>span{margin-right:3px;color:var(--crm-muted);font-size:12px}.wImportReviewBulk button{min-height:34px;padding:0 10px;border:1px solid var(--crm-border);border-radius:8px;background:var(--crm-surface);color:var(--crm-text);font:600 12px/16px var(--crm-font-sans);cursor:pointer}.wImportReviewBulk button:hover{border-color:var(--crm-accent);background:var(--crm-accent-soft)}.wImportReviewBulk button.is-danger:hover{border-color:var(--crm-danger);background:color-mix(in srgb,var(--crm-danger) 7%,var(--crm-surface));color:var(--crm-danger)}
.wImportReviewCount{display:flex;align-items:center;min-height:34px;padding:0 20px;border-bottom:1px solid var(--crm-border-soft);background:var(--crm-surface);color:var(--crm-muted);font-size:12px;box-sizing:border-box}.wImportReviewTableWrap{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.wImportReviewTable{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.wImportReviewTable th{position:sticky;top:0;z-index:1;padding:10px 12px;border-bottom:1px solid var(--crm-border);background:var(--crm-surface-3);color:var(--crm-muted);font-size:11px;font-weight:700;text-align:left}.wImportReviewTable td{padding:11px 12px;border-bottom:1px solid var(--crm-border-soft);color:var(--crm-text);font-size:12px;vertical-align:middle;transition:background-color 160ms ease-out}.wImportReviewTable tbody tr:hover td{background:var(--crm-accent-soft)}.wImportReviewTable tbody tr.is-delivered td{background:color-mix(in srgb,var(--crm-success) 7%,var(--crm-surface))}.wImportReviewTable tbody tr.is-deleted td{background:color-mix(in srgb,var(--crm-danger) 6%,var(--crm-surface))}.wImportReviewTable th:nth-child(1){width:64px}.wImportReviewTable th:nth-child(2){width:auto}.wImportReviewTable th:nth-child(3){width:132px}.wImportReviewTable th:nth-child(4){width:82px}.wImportReviewTable th:nth-child(5){width:78px}.wImportReviewTable th:nth-child(6){width:288px}.wImportReviewTable td>strong{font-size:13px}.wImportReviewTable td:nth-child(2) strong,.wImportReviewTable td:nth-child(2) span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wImportReviewTable td:nth-child(2) span{margin-top:2px;color:var(--crm-muted);font-size:11px}
.wImportReviewCount{justify-content:space-between;gap:16px}.wImportReviewPager{display:flex;align-items:center;gap:7px}.wImportReviewPager button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--crm-border);border-radius:7px;background:var(--crm-surface);color:var(--crm-text);cursor:pointer}.wImportReviewPager button:hover:not(:disabled){border-color:var(--crm-accent);background:var(--crm-accent-soft);color:var(--crm-accent)}.wImportReviewPager button:disabled{opacity:.4;cursor:not-allowed}.wImportReviewPager .material-symbols-outlined{font-size:18px}.wImportReviewPager>span{min-width:52px;color:var(--crm-text);font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.wImportReviewBulk button{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.wImportReviewBulk .material-symbols-outlined{font-size:16px}.wImportReviewTable tbody tr.is-delivered .wImportReviewChoices label:not(:has(input:checked)),.wImportReviewTable tbody tr.is-deleted .wImportReviewChoices label:not(:has(input:checked)){background:color-mix(in srgb,var(--crm-surface) 80%,transparent)}
.wImportReviewChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wImportReviewChoices label{justify-content:center;min-width:0;display:flex;align-items:center;gap:4px;min-height:32px;padding:0 6px;border:1px solid var(--crm-border);border-radius:8px;background:var(--crm-surface);font-weight:600;white-space:nowrap;cursor:pointer}.wImportReviewChoices label:hover{border-color:var(--crm-accent)}.wImportReviewChoices label:has(input:checked){border-color:var(--crm-success);background:var(--crm-success-soft);color:var(--crm-success)}.wImportReviewChoices label.is-delete:has(input:checked){border-color:var(--crm-danger);background:color-mix(in srgb,var(--crm-danger) 8%,var(--crm-surface));color:var(--crm-danger)}.wImportReviewChoices input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}.wImportReviewChoices .material-symbols-outlined{flex:0 0 auto;font-size:17px}.wImportReviewChoices label:focus-within{outline:2px solid var(--crm-accent);outline-offset:2px}
.wImportReviewEmpty{padding:40px 20px;color:var(--crm-muted);font-size:13px;text-align:center}
.wImportReviewFooter{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:12px 20px;border-top:1px solid var(--crm-border);background:var(--crm-surface);box-shadow:0 -3px 8px color-mix(in srgb,var(--crm-text) 6%,transparent);box-sizing:border-box}.wImportReviewFooter>div{display:flex;min-width:0;flex-direction:column;gap:2px}.wImportReviewFooter strong{font-size:13px}.wImportReviewFooter span{color:var(--crm-muted);font-size:11px}.wImportReviewFooter .wNotifyBtn,.wImportReviewDone .wNotifyBtn{min-height:42px;padding:0 16px;border:1px solid var(--crm-accent);border-radius:8px;background:var(--crm-accent);color:#fff;font:600 13px var(--crm-font-sans);cursor:pointer}.wImportReviewFooter .wNotifyBtn:hover:not(:disabled),.wImportReviewDone .wNotifyBtn:hover{border-color:var(--crm-accent-2);background:var(--crm-accent-2)}.wImportReviewFooter .wNotifyBtn:focus-visible,.wImportReviewDone .wNotifyBtn:focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px}.wImportReviewFooter .wNotifyBtn:disabled{opacity:.45;cursor:not-allowed}.wImportReviewDone{display:grid;place-items:center;align-content:center;height:100%;padding:28px;text-align:center}.wImportReviewDone>.material-symbols-outlined{color:var(--crm-success);font-size:44px}.wImportReviewDone h3{margin:12px 0 4px;font-size:20px}.wImportReviewDone p{margin:0 0 18px;color:var(--crm-muted)}
@media(max-width:820px){#wOverlay.crmSidePanel.wImportReviewPanel{width:100vw!important}.wImportReviewToolbar{align-items:stretch;flex-direction:column}.wImportReviewToolbar>label{width:100%}.wImportReviewBulk{overflow-x:auto}.wImportReviewTable{min-width:900px}.wImportReviewFooter{align-items:stretch;flex-direction:column}.wImportReviewFooter .wNotifyBtn{width:100%}}
@media(max-width:900px){#wAdminSection_notify .wNotifyGrid{grid-template-columns:1fr}#wAdminSection_notify .wNotifyEmailWide{grid-column:auto}#wAdminSection_db .wDbMaintenanceGrid{grid-template-columns:1fr}}
@media(max-width:620px){#lpAppShell #wUI_settings{padding-left:16px!important;padding-right:16px!important}#wSettingsHeader .wSettingsTitle{font-size:27px;line-height:33px}#wAdminNav{width:100%;overflow-x:auto;box-sizing:border-box}#wAdminNav .wAdminNavBtn{flex:0 0 auto}.wSystemIntegration{grid-template-columns:minmax(0,1fr);padding:20px}.wSystemIntegrationIcon{display:none}.wSystemIntegrationBody{grid-column:1}.wSystemIntegrationHead{flex-direction:column;gap:12px}.wSystemSecretField{margin-top:20px}.wSystemIntegration .wNotifyActions{align-items:stretch;flex-direction:column}.wSystemIntegration .wNotifyActions button{width:100%}#wAdminSection_notify .wNotifyFields{grid-template-columns:1fr}#wAdminSection_notify .wNotifyFields .wSettingsFieldWide{grid-column:auto}#wAdminSection_notify .wSettingsRowTop{align-items:flex-start;flex-direction:column}.wDbHealthHero .wNotifyBtn{width:100%}}

/* One search field across CRM lists: order geometry, task magnifier. */
#lpAppShell #lpSearch,
#lpAppShell #wUI_units .crmOrdersSearchWrap,
#lpAppShell #wUI_items .crmListSearchWrap,
#lpAppShell #wUI_clients .crmListSearchWrap,
#lpAppShell #wUI_users .wuLegacySearch {
	position: relative;
	display: flex;
	align-items: center;
	width: 290px;
	min-width: 240px;
	height: 38px;
	padding: 0 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: var(--crm-surface) !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

#lpAppShell #lpSearch:focus-within,
#lpAppShell #wUI_units .crmOrdersSearchWrap:focus-within,
#lpAppShell #wUI_items .crmListSearchWrap:focus-within,
#lpAppShell #wUI_clients .crmListSearchWrap:focus-within,
#lpAppShell #wUI_users .wuLegacySearch:focus-within {
	border-color: color-mix(in srgb, var(--crm-accent) 42%, var(--crm-border)) !important;
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--crm-accent) 10%, transparent) !important;
}

#lpAppShell #lpSearch input,
#lpAppShell #wUI_units .crmOrdersSearchWrap input,
#lpAppShell #wUI_items .crmListSearchWrap input,
#lpAppShell #wUI_clients .crmListSearchWrap input,
#lpAppShell #wUI_users .wuLegacySearch input {
	display: block !important;
	width: 100% !important;
	height: 36px !important;
	min-width: 0;
	padding: 0 0 0 30px !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--crm-text) !important;
	font-size: 13px !important;
	line-height: 18px !important;
}

#lpAppShell #lpSearch button,
#lpAppShell #wUI_units .crmOrdersSearchWrap #wSearchBtn,
#lpAppShell #wUI_clients .crmListSearchWrap #wSearchBtn,
#lpAppShell #wUI_users .wuLegacySearch #wSearchBtn,
#lpAppShell #wUI_items .crmListSearchIcon {
	position: absolute;
	left: 13px;
	top: 50%;
	display: block !important;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent url('/printme/magnifier.png') center center / 16px 16px no-repeat !important;
	box-shadow: none !important;
	opacity: 0.58;
}

#lpAppShell #lpSearch button,
#lpAppShell #wUI_units .crmOrdersSearchWrap #wSearchBtn,
#lpAppShell #wUI_clients .crmListSearchWrap #wSearchBtn,
#lpAppShell #wUI_users .wuLegacySearch #wSearchBtn {
	z-index: 1;
	cursor: pointer;
}

#lpAppShell #lpSearch button .material-symbols-outlined,
#lpAppShell #wUI_units .crmOrdersSearchWrap #wSearchBtn .material-symbols-outlined,
#lpAppShell #wUI_clients .crmListSearchWrap #wSearchBtn .material-symbols-outlined,
#lpAppShell #wUI_users .wuLegacySearch #wSearchBtn .material-symbols-outlined,
#lpAppShell #wUI_items .crmListSearchIcon::before {
	display: none !important;
}

#lpAppShell #wUI_users .wuLegacySearch {
	margin-left: auto;
}

/* Management section */
#lpAppShell #wUI_manage {
	padding: 0 var(--crm-page-pad-x) var(--crm-page-pad-bottom) !important;
}

#lpAppShell #wUI_manage .wManageWorkspace {
	display: grid;
	grid-template-columns: 228px minmax(0,1fr);
	gap: 24px;
	align-items: start;
}

#lpAppShell #wUI_manage .wManageSidebar {
	position: sticky;
	top: 16px;
	min-width: 0;
	padding: 4px 0;
}

#lpAppShell #wUI_manage .wManageSidebarTitle {
	padding: 0 10px 8px;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
}

#lpAppShell #wUI_manage .wManageNav { display: flex; flex-direction: column; gap: 4px; }
#lpAppShell #wUI_manage .wManageNav button {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 52px;
	padding: 8px 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--crm-text);
	font-family: var(--crm-font-sans);
	text-align: left;
	cursor: pointer;
	transition: background-color 160ms ease-out,color 160ms ease-out;
}
#lpAppShell #wUI_manage .wManageNav button:hover { color: var(--crm-accent); }
#lpAppShell #wUI_manage .wManageNav button.wActive { background: transparent; color: var(--crm-accent); }
#lpAppShell #wUI_manage .wManageNav button:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }
#lpAppShell #wUI_manage .wManageNav .material-symbols-outlined { flex: 0 0 auto; font-size: 21px; }
#lpAppShell #wUI_manage .wManageNav button > span:last-child { display: flex; min-width: 0; flex-direction: column; gap: 1px; }
#lpAppShell #wUI_manage .wManageNav b { font-size: 13px; line-height: 18px; font-weight: 700; }
#lpAppShell #wUI_manage .wManageNav small { color: var(--crm-muted); font-size: 11px; line-height: 15px; }
#lpAppShell #wUI_manage .wManageNavDivider { margin: 12px 10px 6px; border-top: 1px solid var(--crm-border); }
#lpAppShell #wUI_manage .wManageNavDivider span { display: block; padding-top: 10px; color: var(--crm-muted); font-size: 11px; line-height: 15px; font-weight: 600; }
#lpAppShell #wUI_manage .wManageSidebarHint { margin: 14px 10px 0; padding-top: 12px; color: var(--crm-muted); font-size: 11px; line-height: 17px; }
#lpAppShell #wUI_manage .wManageMain { min-width: 0; }

#lpAppShell #wUI_manage .wManagePage {
	padding: 0 !important;
	gap: 22px !important;
}

#lpAppShell #wUI_manage .wManageHeader {
	padding: 0 !important;
	gap: 18px !important;
}

#lpAppShell #wUI_manage .wManageEyebrow {
	margin-bottom: 6px !important;
	font-size: 12px !important;
	line-height: 16px !important;
	letter-spacing: 0.06em !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wManageHeader h1 {
	font-size: 44px !important;
	line-height: 48px !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_manage .wManageHeader p {
	margin-top: 10px !important;
	max-width: 760px !important;
	font-size: 14px !important;
	line-height: 24px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wManageTabs {
	display: none !important;
}

#lpAppShell #wUI_manage .wManagePanel {
	border: 1px solid var(--crm-border) !important;
	border-radius: 18px !important;
	background: #fff !important;
	padding: 20px !important;
	box-shadow: none !important;
}

#lpAppShell #wUI_manage .wManageStatsPanel {
	display: block;
}

/* Customer notification delivery log */
#lpAppShell #wUI_manage .wNotificationToolbar { display: flex; align-items: flex-end; gap: 10px; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--crm-border-soft); }
#lpAppShell #wUI_manage .wNotificationToolbar label { display: flex; flex-direction: column; gap: 6px; min-width: 130px; color: var(--crm-muted); font-size: 11px; line-height: 15px; font-weight: 600; }
#lpAppShell #wUI_manage .wNotificationToolbar select,#lpAppShell #wUI_manage .wNotificationToolbar input { height: 40px; padding: 0 11px; border: 1px solid var(--crm-border); border-radius: 9px; background: var(--crm-surface); color: var(--crm-text); font: 400 13px/18px var(--crm-font-sans); }
#lpAppShell #wUI_manage .wNotificationToolbar select:focus,#lpAppShell #wUI_manage .wNotificationToolbar input:focus { border-color: var(--crm-accent); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb,var(--crm-accent) 12%,transparent); }
#lpAppShell #wUI_manage .wNotificationToolbar .wNotificationSearch { flex: 1; min-width: 190px; }
#lpAppShell #wUI_manage .wNotificationToolbar .wManageActionBtn { display: inline-flex; align-items: center; gap: 6px; height: 40px; }
#lpAppShell #wUI_manage .wNotificationToolbar .material-symbols-outlined { font-size: 18px; }
#lpAppShell #wUI_manage .wNotificationKpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); }
#lpAppShell #wUI_manage .wNotificationKpis > div { min-width: 0; padding: 14px 16px; }
#lpAppShell #wUI_manage .wNotificationKpis > div + div { border-left: 1px solid var(--crm-border-soft); }
#lpAppShell #wUI_manage .wNotificationKpis span,#lpAppShell #wUI_manage .wNotificationKpis small { display: block; color: var(--crm-muted); font-size: 11px; line-height: 16px; }
#lpAppShell #wUI_manage .wNotificationKpis b { display: block; margin-top: 3px; color: var(--crm-text); font-size: 22px; line-height: 28px; font-weight: 700; }
#lpAppShell #wUI_manage .wNotificationChannelStrip { display: flex; gap: 8px; margin: 12px 0 18px; }
#lpAppShell #wUI_manage .wNotificationChannel { display: flex; align-items: center; gap: 9px; flex: 1; min-width: 0; padding: 10px 12px; border-radius: 10px; background: var(--crm-surface-3); }
#lpAppShell #wUI_manage .wNotificationChannel > .material-symbols-outlined { flex: 0 0 auto; color: var(--crm-info); font-size: 20px; }
#lpAppShell #wUI_manage .wNotificationChannel div { min-width: 0; }
#lpAppShell #wUI_manage .wNotificationChannel b,#lpAppShell #wUI_manage .wNotificationChannel small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#lpAppShell #wUI_manage .wNotificationChannel b { color: var(--crm-text); font-size: 12px; line-height: 17px; }
#lpAppShell #wUI_manage .wNotificationChannel small { margin-top: 1px; color: var(--crm-muted); font-size: 10px; line-height: 15px; }
#lpAppShell #wUI_manage .wNotificationChannel.is-future { opacity: .66; }
#lpAppShell #wUI_manage .wNotificationChannel.is-future > .material-symbols-outlined { color: var(--crm-muted); }
#lpAppShell #wUI_manage .wNotificationTableWrap { overflow-x: auto; border: 1px solid var(--crm-border); border-radius: 12px; }
#lpAppShell #wUI_manage .wNotificationTable { width: 100%; min-width: 880px; border-collapse: collapse; table-layout: fixed; color: var(--crm-text); font-size: 12px; line-height: 17px; }
#lpAppShell #wUI_manage .wNotificationTable th { padding: 10px 12px; border-bottom: 1px solid var(--crm-border); background: var(--crm-surface-3); color: var(--crm-muted); font-size: 11px; font-weight: 700; text-align: left; }
#lpAppShell #wUI_manage .wNotificationTable th:nth-child(1) { width: 130px; } #lpAppShell #wUI_manage .wNotificationTable th:nth-child(2) { width: 80px; } #lpAppShell #wUI_manage .wNotificationTable th:nth-child(3) { width: 180px; } #lpAppShell #wUI_manage .wNotificationTable th:nth-child(4) { width: 180px; } #lpAppShell #wUI_manage .wNotificationTable th:nth-child(5) { width: 155px; }
#lpAppShell #wUI_manage .wNotificationTable td { padding: 11px 12px; border-bottom: 1px solid var(--crm-border-soft); vertical-align: middle; }
#lpAppShell #wUI_manage .wNotificationTable tbody tr { cursor: pointer; transition: background-color 150ms ease-out; }
#lpAppShell #wUI_manage .wNotificationTable tbody tr:hover,#lpAppShell #wUI_manage .wNotificationTable tbody tr:focus { background: color-mix(in srgb,var(--crm-accent) 5%,var(--crm-surface)); outline: 0; }
#lpAppShell #wUI_manage .wNotificationTable tbody tr:last-child td { border-bottom: 0; }
#lpAppShell #wUI_manage .wNotificationTable td small { display: block; overflow: hidden; margin-top: 2px; color: var(--crm-muted); text-overflow: ellipsis; white-space: nowrap; }
#lpAppShell #wUI_manage .wNotificationTable td:last-child { display: flex; align-items: center; gap: 5px; }
#lpAppShell #wUI_manage .wNotificationTable td:last-child > .material-symbols-outlined { flex: 0 0 auto; color: var(--crm-muted); font-size: 17px; }
#lpAppShell #wUI_manage .wNotificationOrderLink { padding: 0; border: 0; background: transparent; color: var(--crm-info); font: 600 12px/17px var(--crm-font-sans); cursor: pointer; }
#lpAppShell #wUI_manage .wNotificationOrderLink:hover { text-decoration: underline; }
#lpAppShell #wUI_manage .wNotificationChannelTag { display: inline-flex; padding: 3px 7px; border-radius: 999px; background: var(--crm-surface-2); color: var(--crm-text); font-weight: 600; }
#lpAppShell #wUI_manage .wNotificationChannelTag.is-email { background: color-mix(in srgb,var(--crm-info) 10%,var(--crm-surface)); color: var(--crm-info); }
#lpAppShell #wUI_manage .wNotificationChannelTag.is-sms { background: color-mix(in srgb,var(--crm-accent) 10%,var(--crm-surface)); color: var(--crm-accent); }
#lpAppShell #wUI_manage .wNotificationStatus { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; white-space: nowrap; }
#lpAppShell #wUI_manage .wNotificationStatus i { width: 7px; height: 7px; border-radius: 999px; background: var(--crm-muted); }
#lpAppShell #wUI_manage .wNotificationStatus.is-confirmed { color: var(--crm-success); } #lpAppShell #wUI_manage .wNotificationStatus.is-confirmed i { background: var(--crm-success); }
#lpAppShell #wUI_manage .wNotificationStatus.is-failed { color: var(--crm-danger); } #lpAppShell #wUI_manage .wNotificationStatus.is-failed i { background: var(--crm-danger); }
#lpAppShell #wUI_manage .wNotificationStatus.is-sent { color: var(--crm-warning); } #lpAppShell #wUI_manage .wNotificationStatus.is-sent i { background: var(--crm-warning); }
#lpAppShell #wUI_manage .wNotificationResponsePreview { flex: 1; overflow: hidden; color: var(--crm-muted); text-overflow: ellipsis; white-space: nowrap; }
#lpAppShell #wUI_manage .wNotificationEmpty { padding: 32px !important; color: var(--crm-muted); text-align: center; cursor: default; }
#lpAppShell #wUI_manage .wNotificationFoot { padding-top: 10px; color: var(--crm-muted); font-size: 11px; line-height: 16px; text-align: right; }
#wOverlay.wNotificationDetailPopup { width: clamp(620px,48vw,760px) !important; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailPopupBody { padding: 24px !important; background: var(--crm-bg); }
#wOverlay.wNotificationDetailPopup .wNotificationDetail { display: flex; flex-direction: column; gap: 16px; max-width: 720px; margin: 0 auto; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero { display: flex; align-items: flex-start; gap: 14px; padding: 18px; border-radius: 12px; background: var(--crm-surface); }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero > .material-symbols-outlined { flex: 0 0 auto; padding: 9px; border-radius: 999px; background: var(--crm-surface-2); color: var(--crm-muted); font-size: 23px; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero.is-confirmed > .material-symbols-outlined { background: var(--crm-success-soft); color: var(--crm-success); }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero.is-failed > .material-symbols-outlined { background: var(--crm-danger-soft); color: var(--crm-danger); }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero.is-sent > .material-symbols-outlined { background: var(--crm-warning-soft); color: var(--crm-warning); }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero div { min-width: 0; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero div > span { color: var(--crm-muted); font-size: 11px; line-height: 15px; font-weight: 600; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero h3 { margin: 2px 0 3px; color: var(--crm-text); font-size: 18px; line-height: 24px; font-weight: 700; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailHero p { max-width: 58ch; margin: 0; color: var(--crm-muted); font-size: 13px; line-height: 19px; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailSection { overflow: hidden; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); }
#wOverlay.wNotificationDetailPopup .wNotificationDetailSectionHead { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--crm-border-soft); }
#wOverlay.wNotificationDetailPopup .wNotificationDetailSectionHead h3 { margin: 0; color: var(--crm-text); font-size: 13px; line-height: 18px; font-weight: 700; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailSectionHead span { padding: 3px 8px; border-radius: 999px; background: var(--crm-surface-2); color: var(--crm-muted); font-size: 11px; line-height: 16px; font-weight: 600; }
#wOverlay.wNotificationDetailPopup .wNotificationDetail dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; }
#wOverlay.wNotificationDetailPopup .wNotificationDetail dl > div { min-width: 0; padding: 13px 16px; }
#wOverlay.wNotificationDetailPopup .wNotificationDetail dl > div:nth-child(even) { border-left: 1px solid var(--crm-border-soft); }
#wOverlay.wNotificationDetailPopup .wNotificationDetail dl > div:nth-child(n+3) { border-top: 1px solid var(--crm-border-soft); }
#wOverlay.wNotificationDetailPopup .wNotificationDetail dt { margin-bottom: 3px; color: var(--crm-muted); font-size: 11px; line-height: 15px; }
#wOverlay.wNotificationDetailPopup .wNotificationDetail dd { min-width: 0; margin: 0; color: var(--crm-text); font-size: 13px; line-height: 18px; font-weight: 500; overflow-wrap: anywhere; }
#wOverlay.wNotificationDetailPopup .wNotificationDetail code { padding: 2px 5px; border-radius: 4px; background: var(--crm-surface-2); color: var(--crm-text); font: 11px/16px var(--crm-font-mono); }
#wOverlay.wNotificationDetailPopup .wNotificationDetailError { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border: 1px solid color-mix(in srgb,var(--crm-danger) 22%,var(--crm-border)); border-radius: 12px; background: var(--crm-danger-soft); }
#wOverlay.wNotificationDetailPopup .wNotificationDetailError > .material-symbols-outlined { flex: 0 0 auto; color: var(--crm-danger); font-size: 20px; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailError h3 { margin: 0 0 3px; color: var(--crm-danger); font-size: 13px; line-height: 18px; }
#wOverlay.wNotificationDetailPopup .wNotificationDetailError p { margin: 0; color: var(--crm-text); font-size: 13px; line-height: 19px; overflow-wrap: anywhere; }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics { overflow: hidden; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics summary { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 8px 14px; list-style: none; cursor: pointer; box-sizing: border-box; }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics summary::-webkit-details-marker { display: none; }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics summary:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: -3px; }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics summary > .material-symbols-outlined:first-child { color: var(--crm-muted); font-size: 20px; }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics summary > span:nth-child(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics summary b { color: var(--crm-text); font-size: 12px; line-height: 17px; }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics summary small { color: var(--crm-muted); font-size: 11px; line-height: 15px; }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnosticsArrow { color: var(--crm-muted); font-size: 20px; transition: transform 180ms cubic-bezier(.22,1,.36,1); }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics[open] .wNotificationDiagnosticsArrow { transform: rotate(180deg); }
#wOverlay.wNotificationDetailPopup .wNotificationDiagnostics > div { padding: 0 14px 14px; }
#wOverlay.wNotificationDetailPopup .wNotificationDetail pre { max-height: 320px; margin: 0; padding: 12px; overflow: auto; border-radius: 8px; background: var(--crm-surface-3); color: var(--crm-text); font: 11px/17px var(--crm-font-mono); white-space: pre-wrap; overflow-wrap: anywhere; }

@media (max-width: 980px) {
	#lpAppShell #wUI_manage .wNotificationToolbar { flex-wrap: wrap; }
	#lpAppShell #wUI_manage .wNotificationToolbar .wNotificationSearch { flex-basis: 240px; }
	#lpAppShell #wUI_manage .wNotificationChannelStrip { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 640px) {
	#lpAppShell #wUI_manage .wManageNavDivider { min-width: 1px; margin: 8px 2px; border-top: 0; border-left: 1px solid var(--crm-border); }
	#lpAppShell #wUI_manage .wManageNavDivider span { display: none; }
	#lpAppShell #wUI_manage .wNotificationToolbar label,#lpAppShell #wUI_manage .wNotificationToolbar .wNotificationSearch { flex: 1 1 100%; }
	#lpAppShell #wUI_manage .wNotificationToolbar .wManageActionBtn { width: 100%; justify-content: center; }
	#lpAppShell #wUI_manage .wNotificationKpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
	#lpAppShell #wUI_manage .wNotificationKpis > div + div { border-left: 0; }
	#lpAppShell #wUI_manage .wNotificationKpis > div:nth-child(even) { border-left: 1px solid var(--crm-border-soft); }
	#lpAppShell #wUI_manage .wNotificationKpis > div:nth-child(n+3) { border-top: 1px solid var(--crm-border-soft); }
	#lpAppShell #wUI_manage .wNotificationChannelStrip { grid-template-columns: 1fr; }
	#wOverlay.wNotificationDetailPopup { width: 100vw !important; }
	#wOverlay.wNotificationDetailPopup .wNotificationDetailPopupBody { padding: 14px !important; }
	#wOverlay.wNotificationDetailPopup .wNotificationDetail dl { grid-template-columns: 1fr; }
	#wOverlay.wNotificationDetailPopup .wNotificationDetail dl > div:nth-child(even) { border-left: 0; }
	#wOverlay.wNotificationDetailPopup .wNotificationDetail dl > div + div { border-top: 1px solid var(--crm-border-soft); }
}

@media (prefers-reduced-motion: reduce) {
	#lpAppShell #wUI_manage .wNotificationTable tbody tr { transition: none; }
}

#lpAppShell #wUI_manage .wManageStatsToolbar {
	display: flex;
	align-items: flex-end;
	gap: 14px;
	margin: -2px -2px 20px;
	padding: 2px 2px 18px;
	border-bottom: 1px solid var(--crm-border);
}

#lpAppShell #wUI_manage .wManageStatsPeriodGroup {
	display: flex;
	align-items: flex-end;
	gap: 10px;
}

#lpAppShell #wUI_manage .wManageStatsToolbar label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	color: var(--crm-text);
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

#lpAppShell #wUI_manage .wManageStatsToolbar select {
	min-width: 132px;
	height: 40px;
	padding: 0 34px 0 12px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background-color: var(--crm-surface-3);
	color: var(--crm-text);
	font: 600 14px/20px var(--crm-font-sans);
	transition: border-color 160ms ease-out,box-shadow 160ms ease-out,background-color 160ms ease-out;
}

#lpAppShell #wUI_manage .wManageStatsToolbar select:hover { border-color: color-mix(in srgb,var(--crm-accent) 38%,var(--crm-border)); }
#lpAppShell #wUI_manage .wManageStatsToolbar select:focus { border-color: var(--crm-accent); background: var(--crm-surface); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb,var(--crm-accent) 12%,transparent); }
#lpAppShell #wUI_manage .wManageStatsCompareMark { align-self: flex-end; height: 40px; color: var(--crm-muted); font-size: 12px; line-height: 40px; white-space: nowrap; }
#lpAppShell #wUI_manage .wManageStatsMonthField select { min-width: 150px; }
#lpAppShell #wUI_manage .wManageStatsApply { display: inline-flex !important; align-items: center; gap: 7px; height: 40px !important; }
#lpAppShell #wUI_manage .wManageStatsApply .material-symbols-outlined { font-size: 18px; }
#lpAppShell #wUI_manage .wManageStatsUpdated { margin-left: auto; padding-bottom: 10px; color: var(--crm-muted); font-size: 11px; line-height: 16px; white-space: nowrap; }

#lpAppShell #wUI_manage .wManageStatsContent { display: flex; flex-direction: column; gap: 16px; }
#lpAppShell #wUI_manage .wManageStatsKpis { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; }
#lpAppShell #wUI_manage .wManageStatsKpi { min-width: 0; padding: 14px; border: 1px solid var(--crm-border-soft); border-radius: 12px; background: var(--crm-surface-3); }
#lpAppShell #wUI_manage .wManageStatsKpiLabel { margin-bottom: 7px; color: var(--crm-muted); font-size: 12px; line-height: 16px; font-weight: 600; }
#lpAppShell #wUI_manage .wManageStatsKpiValue { overflow: hidden; color: var(--crm-text); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
#lpAppShell #wUI_manage .wManageStatsKpiFoot { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; color: var(--crm-muted); font-size: 11px; line-height: 15px; }
#lpAppShell #wUI_manage .wManageStatsDelta { width: max-content; padding: 2px 6px; border-radius: 999px; font-weight: 700; }
#lpAppShell #wUI_manage .wManageStatsDelta.is-up { background: color-mix(in srgb,var(--crm-success) 11%,var(--crm-surface)); color: var(--crm-success); }
#lpAppShell #wUI_manage .wManageStatsDelta.is-down { background: color-mix(in srgb,var(--crm-danger) 9%,var(--crm-surface)); color: var(--crm-danger); }
#lpAppShell #wUI_manage .wManageStatsDelta.is-neutral { background: var(--crm-surface-2); color: var(--crm-muted); }

#lpAppShell #wUI_manage .wManageStatsCard { min-width: 0; padding: 18px; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); }
#lpAppShell #wUI_manage .wManageStatsCardHead { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
#lpAppShell #wUI_manage .wManageStatsCardHead h2 { margin: 0; color: var(--crm-text); font-size: 16px; line-height: 22px; font-weight: 700; }
#lpAppShell #wUI_manage .wManageStatsCardHead p { margin: 3px 0 0; color: var(--crm-muted); font-size: 12px; line-height: 17px; }
#lpAppShell #wUI_manage .wManageStatsLegend { display: flex; align-items: center; gap: 12px; color: var(--crm-muted); font-size: 12px; line-height: 18px; }
#lpAppShell #wUI_manage .wManageStatsLegend span { display: inline-flex; align-items: center; gap: 5px; }
#lpAppShell #wUI_manage .wManageStatsLegend i { width: 9px; height: 9px; border-radius: 4px; }
#lpAppShell #wUI_manage .wManageStatsLegend i.is-primary { background: var(--crm-accent); }
#lpAppShell #wUI_manage .wManageStatsLegend i.is-compare { background: var(--crm-info); }

#lpAppShell #wUI_manage .wManageStatsChart { display: grid; grid-template-columns: repeat(12,minmax(42px,1fr)); gap: 8px; height: 238px; padding-top: 8px; overflow-x: auto; }
#lpAppShell #wUI_manage .wManageStatsMonth { display: grid; grid-template-rows: minmax(0,1fr) 24px; min-width: 42px; }
#lpAppShell #wUI_manage .wManageStatsBars { display: flex; align-items: flex-end; justify-content: center; gap: 4px; border-bottom: 1px solid var(--crm-border); background: linear-gradient(to bottom,transparent 49.5%,var(--crm-border-soft) 50%,transparent 50.5%); }
#lpAppShell #wUI_manage .wManageStatsBars span { width: min(16px,38%); min-height: 0; border-radius: 4px 4px 0 0; transition: opacity 150ms ease-out; }
#lpAppShell #wUI_manage .wManageStatsBars span:hover { opacity: .72; }
#lpAppShell #wUI_manage .wManageStatsBars .is-primary { background: var(--crm-accent); }
#lpAppShell #wUI_manage .wManageStatsBars .is-compare { background: var(--crm-info); }
#lpAppShell #wUI_manage .wManageStatsMonthName { padding-top: 6px; color: var(--crm-muted); font-size: 11px; line-height: 16px; text-align: center; }

#lpAppShell #wUI_manage .wManageStatsGrid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
#lpAppShell #wUI_manage .wManageStatsRankList { display: flex; flex-direction: column; gap: 11px; }
#lpAppShell #wUI_manage .wManageStatsRankMeta { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 5px; color: var(--crm-text); font-size: 12px; line-height: 17px; }
#lpAppShell #wUI_manage .wManageStatsRankMeta span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#lpAppShell #wUI_manage .wManageStatsRankMeta b { flex: 0 0 auto; font-weight: 700; }
#lpAppShell #wUI_manage .wManageStatsRankTrack { height: 5px; overflow: hidden; border-radius: 999px; background: var(--crm-surface-3); }
#lpAppShell #wUI_manage .wManageStatsRankTrack i { display: block; height: 100%; border-radius: inherit; background: var(--crm-accent); }
#lpAppShell #wUI_manage .wManageStatsGrid .wManageStatsCard:nth-child(2) .wManageStatsRankTrack i { background: var(--crm-info); }
#lpAppShell #wUI_manage .wManageStatsGrid .wManageStatsCard:nth-child(3) .wManageStatsRankTrack i { background: var(--crm-warning); }
#lpAppShell #wUI_manage .wManageStatsEmpty { padding: 24px 0; color: var(--crm-muted); font-size: 13px; line-height: 18px; text-align: center; }

#lpAppShell #wUI_manage .wManageStatsClientTables { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
#lpAppShell #wUI_manage .wManageStatsClientTables > div { min-width: 0; overflow-x: auto; }
#lpAppShell #wUI_manage .wManageStatsClientTables h3 { margin: 0 0 8px; color: var(--crm-accent); font-size: 14px; line-height: 20px; }
#lpAppShell #wUI_manage .wManageStatsClientTables table { width: 100%; border-collapse: collapse; }
#lpAppShell #wUI_manage .wManageStatsClientTables th,#lpAppShell #wUI_manage .wManageStatsClientTables td { padding: 9px 8px; border-bottom: 1px solid var(--crm-border-soft); color: var(--crm-text); font-size: 12px; line-height: 17px; text-align: right; }
#lpAppShell #wUI_manage .wManageStatsClientTables th { color: var(--crm-muted); font-weight: 600; }
#lpAppShell #wUI_manage .wManageStatsClientTables th:first-child,#lpAppShell #wUI_manage .wManageStatsClientTables td:first-child { text-align: left; }
#lpAppShell #wUI_manage .wManageStatsPlace { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 8px; border-radius: 999px; background: var(--crm-accent-soft); color: var(--crm-accent); font-weight: 700; }

#lpAppShell #wUI_manage .wManageStatsSkeleton { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
#lpAppShell #wUI_manage .wManageStatsSkeleton div { height: 112px; border-radius: 12px; background: linear-gradient(90deg,var(--crm-surface-3),var(--crm-surface-2),var(--crm-surface-3)); background-size: 200% 100%; animation: wManageStatsSkeleton 1.2s linear infinite; }
@keyframes wManageStatsSkeleton { to { background-position: -200% 0; } }
#lpAppShell #wUI_manage .wManageStatsError { display: flex; align-items: center; gap: 14px; min-height: 92px; padding: 18px; border-radius: 12px; background: color-mix(in srgb,var(--crm-danger) 6%,var(--crm-surface)); color: var(--crm-text); }
#lpAppShell #wUI_manage .wManageStatsError > .material-symbols-outlined { color: var(--crm-danger); font-size: 26px; }
#lpAppShell #wUI_manage .wManageStatsError div { flex: 1 1 auto; }
#lpAppShell #wUI_manage .wManageStatsError b { font-size: 14px; line-height: 20px; }
#lpAppShell #wUI_manage .wManageStatsError p { margin: 2px 0 0; color: var(--crm-muted); font-size: 12px; line-height: 17px; }

@media (prefers-reduced-motion: reduce) {
	#lpAppShell #wUI_manage .wManageStatsSkeleton div { animation: none; }
}

#lpAppShell #wUI_manage .wLostClientsFilters {
	display: grid !important;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
	gap: 18px !important;
	margin-bottom: 20px !important;
}

#lpAppShell #wUI_manage .wLostClientsFilterGroup {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	gap: 10px !important;
	min-width: 0 !important;
}

#lpAppShell #wUI_manage .wLostClientsFilterIntro {
	min-height: 58px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#lpAppShell #wUI_manage .wLostClientsFilterGroupMetrics {
	grid-column: auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-content: start !important;
}

#lpAppShell #wUI_manage .wLostClientsMetricsGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 14px;
}

#lpAppShell #wUI_manage .wLostClientsFilterGroupCompact {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 16px !important;
	align-content: start !important;
}

#lpAppShell #wUI_manage .wLostClientsFilterTitle {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px !important;
	line-height: 20px !important;
	letter-spacing: 0 !important;
	color: var(--crm-text) !important;
	font-weight: 700 !important;
}

#lpAppShell #wUI_manage .wLostClientsFilterTitle .material-symbols-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background: var(--crm-accent-soft);
	color: var(--crm-accent);
	font-size: 17px;
}

#lpAppShell #wUI_manage .wLostClientsFilterHint {
	max-width: none !important;
	font-size: 12px !important;
	line-height: 17px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wLostClientsDateRange {
	grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) !important;
	gap: 12px !important;
}

#lpAppShell #wUI_manage .wLostClientsDateField,
#lpAppShell #wUI_manage .wLostClientsFilterGroup label {
	gap: 6px !important;
	font-size: 12px !important;
	line-height: 16px !important;
	color: var(--crm-text) !important;
	font-weight: 600 !important;
}

#lpAppShell #wUI_manage .wLostClientsDateDivider {
	width: 28px;
	height: 28px;
	min-height: 28px !important;
	align-self: end;
	margin-bottom: 7px;
	border-radius: 999px;
	background: var(--crm-accent-soft);
	font-size: 16px !important;
	line-height: 16px !important;
	color: var(--crm-accent) !important;
	font-weight: 700;
}

#lpAppShell #wUI_manage .wLostClientsFilterGroup input:not([type="checkbox"]),
#lpAppShell #wUI_manage .wLostClientsFilterGroup select,
#lpAppShell #wUI_manage .wLostClientFormRow input,
#lpAppShell #wUI_manage .wLostClientFormRow select,
#lpAppShell #wUI_manage .wLostClientFormRow textarea {
	min-height: 36px !important;
	padding: 9px 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 8px !important;
	background: var(--crm-surface-3) !important;
	font-family: var(--crm-font-sans) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: var(--crm-text) !important;
	box-shadow: none !important;
	transition: border-color 160ms ease-out, background-color 160ms ease-out, box-shadow 160ms ease-out;
}

#lpAppShell #wUI_manage .wLostClientsFilterGroup input:not([type="checkbox"]):hover,
#lpAppShell #wUI_manage .wLostClientsFilterGroup select:hover {
	border-color: color-mix(in srgb, var(--crm-accent) 38%, var(--crm-border)) !important;
}

#lpAppShell #wUI_manage .wLostClientsFilterGroup input:not([type="checkbox"]):focus,
#lpAppShell #wUI_manage .wLostClientsFilterGroup select:focus {
	border-color: var(--crm-accent) !important;
	background: var(--crm-surface) !important;
	outline: 0 !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-accent) 12%, transparent) !important;
}

#lpAppShell #wUI_manage .wLostClientsDateField .wLostClientsDateInput {
	min-height: 38px !important;
	padding: 8px 12px !important;
	padding-right: 38px !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	background-image: linear-gradient(transparent,transparent) !important;
	cursor: pointer;
}

#lpAppShell #wUI_manage .wLostClientsDateField {
	position: relative;
}

#lpAppShell #wUI_manage .wLostClientsDateField::after {
	content: "calendar_month";
	position: absolute;
	right: 11px;
	bottom: 9px;
	color: var(--crm-accent);
	font-family: "Material Symbols Outlined";
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	pointer-events: none;
}

#lpAppShell #wUI_manage .wLostClientsCheckbox {
	margin-top: 0 !important;
	align-self: start !important;
	display: flex !important;
	align-items: center !important;
	min-height: 36px;
	padding: 0 10px;
	border-radius: 8px;
	background: var(--crm-surface-3);
	cursor: pointer;
}

#lpAppShell #wUI_manage .wLostClientsCheckbox input {
	width: 16px !important;
	height: 16px !important;
}

#lpAppShell #wUI_manage .wLostClientsFilterActions {
	grid-column: 1 / -1 !important;
	display: flex !important;
	flex-direction: row !important;
	gap: 12px !important;
	align-items: center !important;
	padding-top: 18px !important;
	border-top: 1px solid var(--crm-border) !important;
}

#lpAppShell #wUI_manage .wManageActionBtn {
	min-height: 36px !important;
	padding: 0 16px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background: var(--crm-surface) !important;
	color: var(--crm-text) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
}

#lpAppShell #wUI_manage .wManageActionBtn:hover {
	border-color: rgba(234, 106, 18, 0.34) !important;
	background: var(--crm-accent-soft) !important;
}

#lpAppShell #wUI_manage .wManageActionBtn.wPrimary {
	border-color: var(--crm-accent) !important;
	background: var(--crm-accent) !important;
	color: #fff !important;
}

#lpAppShell #wUI_manage .wLostClientsKpis {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 14px !important;
	margin-bottom: 20px !important;
}

#lpAppShell #wUI_manage .wLostClientsKpi {
	padding: 16px 16px 14px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
}

#lpAppShell #wUI_manage .wLostClientsKpi:nth-child(1) {
	background: linear-gradient(180deg, var(--crm-accent-soft) 0%, var(--crm-surface) 100%) !important;
}

#lpAppShell #wUI_manage .wLostClientsKpi:nth-child(2) {
	background: linear-gradient(180deg, var(--crm-info-soft) 0%, var(--crm-surface) 100%) !important;
}

#lpAppShell #wUI_manage .wLostClientsKpi:nth-child(3) {
	background: linear-gradient(180deg, var(--crm-success-soft) 0%, var(--crm-surface) 100%) !important;
}

#lpAppShell #wUI_manage .wLostClientsKpi:nth-child(4) {
	background: linear-gradient(180deg, var(--crm-warning-soft) 0%, var(--crm-surface) 100%) !important;
}

#lpAppShell #wUI_manage .wLostClientsKpiValue {
	font-size: 18px !important;
	line-height: 22px !important;
	font-weight: 700 !important;
	color: var(--crm-text) !important;
	white-space: nowrap !important;
}

#lpAppShell #wUI_manage .wLostClientsKpi:nth-child(1) .wLostClientsKpiValue {
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_manage .wLostClientsKpiLabel {
	margin-top: 4px !important;
	font-size: 12px !important;
	line-height: 18px !important;
	color: var(--crm-muted) !important;
	text-transform: uppercase !important;
}

#lpAppShell #wUI_manage .wLostClientsLayout {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 20px !important;
}

#lpAppShell #wUI_manage .wLostClientsTableCard,
#lpAppShell #wUI_manage .wLostClientsDetailCard {
	border: 1px solid var(--crm-border) !important;
	border-radius: 16px !important;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
	box-shadow: none !important;
}

#lpAppShell #wUI_manage .wLostClientsTableHead {
	padding: 16px 20px !important;
	align-items: center !important;
	border-bottom: 1px solid var(--crm-border) !important;
}

#lpAppShell #wUI_manage .wLostClientsTableTitle {
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 700 !important;
}

#lpAppShell #wUI_manage .wLostClientsTableHint {
	margin-top: 0 !important;
	font-size: 12px !important;
	line-height: 18px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wLostClientsTableWrap {
	overflow-x: auto !important;
	overflow-y: visible !important;
}

#lpAppShell #wUI_manage .wLostClientsTable {
	table-layout: auto !important;
}

#lpAppShell #wUI_manage .wLostClientsTable th,
#lpAppShell #wUI_manage .wLostClientsTable td {
	padding: 14px 20px !important;
	border-bottom: 1px solid var(--crm-border) !important;
	font-size: 14px !important;
	line-height: 20px !important;
}

#lpAppShell #wUI_manage .wLostClientsTable th {
	position: static !important;
	background: var(--crm-surface) !important;
	font-size: 12px !important;
	line-height: 16px !important;
	letter-spacing: 0.04em !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wLostClientRow:hover td {
	background: var(--crm-surface-3) !important;
}

#lpAppShell #wUI_manage .wLostClientRow.wSelected td {
	background: var(--crm-accent-soft) !important;
}

#lpAppShell #wUI_manage .wLostClientName,
#lpAppShell #wUI_manage .wLostClientPrimary {
	font-size: 14px !important;
	line-height: 22px !important;
	font-weight: 600 !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_manage .wLostClientMeta {
	margin-top: 4px !important;
	font-size: 12px !important;
	line-height: 18px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wLostClientBadge {
	padding: 3px 8px !important;
	border: 1px solid var(--crm-border) !important;
	background: var(--crm-surface-2) !important;
	color: var(--crm-muted) !important;
	font-size: 11px !important;
	line-height: 16px !important;
	font-weight: 500 !important;
}

#lpAppShell #wUI_manage .wLostClientScore {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 50px !important;
	padding: 2px 10px !important;
	border-radius: 999px !important;
	background: var(--crm-accent-soft) !important;
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_manage .wLostClientsDetailCard {
	padding: 18px !important;
}

#lpAppShell #wUI_manage .wLostClientDetailHead {
	gap: 16px !important;
	margin-bottom: 18px !important;
}

#lpAppShell #wUI_manage .wLostClientDetailTitle {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 700 !important;
}

#lpAppShell #wUI_manage .wLostClientContactCard,
#lpAppShell #wUI_manage .wLostClientDetailCardInner {
	padding: 16px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
}

#lpAppShell #wUI_manage .wLostClientContactLabel {
	font-size: 11px !important;
	line-height: 16px !important;
	letter-spacing: 0.04em !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wLostClientContactPerson {
	margin-top: 6px !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
}

#lpAppShell #wUI_manage .wLostClientContactPhone {
	margin-top: 6px !important;
	font-size: 16px !important;
	line-height: 22px !important;
	font-weight: 700 !important;
}

#lpAppShell #wUI_manage .wLostClientContactEmail {
	margin-top: 6px !important;
	gap: 8px !important;
	font-size: 13px !important;
	line-height: 20px !important;
}

#lpAppShell #wUI_manage .wLostClientCopyBtn {
	min-height: 28px !important;
	padding: 0 10px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 8px !important;
	background: var(--crm-surface) !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 500 !important;
}

#lpAppShell #wUI_manage .wLostClientDetailActions {
	gap: 8px !important;
}

#lpAppShell #wUI_manage .wLostClientDetailGrid {
	column-gap: 14px !important;
	row-gap: 14px !important;
}

#lpAppShell #wUI_manage .wLostClientBlockTitle {
	margin-bottom: 12px !important;
	font-size: 12px !important;
	line-height: 16px !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wLostClientStatList {
	gap: 8px !important;
}

#lpAppShell #wUI_manage .wLostClientStatList div {
	font-size: 13px !important;
	line-height: 18px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wLostClientStatList b {
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_manage .wLostClientFormRow {
	margin-bottom: 12px !important;
}

#lpAppShell #wUI_manage .wLostClientFormRow label {
	font-size: 12px !important;
	line-height: 18px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_manage .wLostClientFormActions {
	margin-top: 4px !important;
}

#lpAppShell #wUI_manage .wLostClientMiniTable th,
#lpAppShell #wUI_manage .wLostClientMiniTable td {
	padding: 10px 8px !important;
	border-bottom: 1px solid var(--crm-border) !important;
	font-size: 12px !important;
	line-height: 18px !important;
}

#lpAppShell #wUI_manage .wLostClientMiniTable th {
	background: var(--crm-surface) !important;
	color: var(--crm-muted) !important;
}

/* Reactivation detail uses the same right-sheet pattern as orders and tasks. */
#wOverlay.crmSidePanel.wLostClientPopup { width: clamp(760px,68vw,1100px) !important; }
#wOverlay.wLostClientPopup .wLostClientPopupBody { overflow: auto; background: var(--crm-bg); }
#wOverlay.wLostClientPopup #wLostClientsDetail { min-height: 100%; padding: 22px 24px 28px; box-sizing: border-box; font-family: var(--crm-font-sans); }
#wOverlay.wLostClientPopup .wManageEmptyState { display: flex; min-height: 360px; max-width: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#wOverlay.wLostClientPopup .wManageEmptyIcon { display: grid; width: 44px; height: 44px; margin-bottom: 12px; place-items: center; border-radius: 10px; background: var(--crm-accent-soft); color: var(--crm-accent); }
#wOverlay.wLostClientPopup .wManageEmptyTitle { margin-bottom: 5px; color: var(--crm-text); font-size: 18px; line-height: 24px; font-weight: 700; }
#wOverlay.wLostClientPopup .wManageEmptyText { color: var(--crm-muted); font-size: 13px; line-height: 20px; }
#wOverlay.wLostClientPopup .wLostClientDetailHead { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
#wOverlay.wLostClientPopup .wManageEyebrow { margin-bottom: 4px; color: var(--crm-muted); font-size: 12px; line-height: 16px; }
#wOverlay.wLostClientPopup .wLostClientDetailTitle { color: var(--crm-text); font-size: 26px; line-height: 32px; font-weight: 750; letter-spacing: -0.02em; text-wrap: balance; }
#wOverlay.wLostClientPopup .wLostClientContactCard { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 0 0 14px; padding: 0; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); overflow: hidden; }
#wOverlay.wLostClientPopup .wLostClientContactRow { min-width: 0; padding: 13px 14px; }
#wOverlay.wLostClientPopup .wLostClientContactRow + .wLostClientContactRow { margin: 0; padding-top: 13px; border-top: 0; border-left: 1px solid var(--crm-border-soft); }
#wOverlay.wLostClientPopup .wLostClientContactLabel { color: var(--crm-muted); font-size: 11px; line-height: 15px; font-weight: 700; }
#wOverlay.wLostClientPopup .wLostClientContactPerson,#wOverlay.wLostClientPopup .wLostClientContactPhone,#wOverlay.wLostClientPopup .wLostClientContactEmail { margin-top: 5px; color: var(--crm-text); font-size: 14px; line-height: 20px; font-weight: 650; overflow-wrap: anywhere; }
#wOverlay.wLostClientPopup .wLostClientContactPhone a,#wOverlay.wLostClientPopup .wLostClientContactEmail a { color: var(--crm-text); }
#wOverlay.wLostClientPopup .wLostClientContactEmail { display:flex; align-items:center; gap:4px; }
#wOverlay.wLostClientPopup .wLostClientCopyBtn { display:inline-flex; align-items:center; justify-content:center; min-width:26px; min-height:26px; padding:0 5px; border:0; border-radius:6px; background:transparent; color:var(--crm-muted); font:inherit; cursor:pointer; }
#wOverlay.wLostClientPopup .wLostClientCopyBtn:hover { background:var(--crm-accent-soft); color:var(--crm-accent); }
#wOverlay.wLostClientPopup .wLostClientCopyBtn .material-symbols-outlined { font-size:16px; }
#wOverlay.wLostClientPopup .wLostClientEmailValue { min-width:0; padding:0; color:var(--crm-text); overflow-wrap:anywhere; text-align:left; }

@media (max-width:640px) { #wCrmToast { right:12px; bottom:12px; left:12px; justify-content:center; max-width:none; } }
@media (prefers-reduced-motion:reduce) { #wCrmToast { transition:opacity 120ms linear; transform:none; } }
#wOverlay.wLostClientPopup .wLostClientDetailActions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
#wOverlay.wLostClientPopup .wManageActionBtn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 13px; border: 1px solid var(--crm-border); border-radius: 10px; background: var(--crm-surface); color: var(--crm-text); font: 650 13px/18px var(--crm-font-sans); text-decoration: none; white-space: nowrap; transition: border-color 160ms ease-out,background-color 160ms ease-out,color 160ms ease-out; }
#wOverlay.wLostClientPopup .wManageActionBtn:hover { border-color: color-mix(in srgb,var(--crm-accent) 34%,var(--crm-border)); background: var(--crm-accent-soft); }
#wOverlay.wLostClientPopup .wManageActionBtn.wPrimary { border-color: var(--crm-accent); background: var(--crm-accent); color: #fff; }
#wOverlay.wLostClientPopup .wManageActionBtn:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }
#wOverlay.wLostClientPopup .wManageActionBtn:active { transform: translateY(1px); }
#wOverlay.wLostClientPopup .wLostClientInlineStatus { flex-basis: 100%; color: var(--crm-muted); font-size: 12px; line-height: 17px; text-align: right; }
#wOverlay.wLostClientPopup .wLostClientDetailGrid { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.82fr); gap: 14px; }
#wOverlay.wLostClientPopup .wLostClientDetailCardInner { min-width: 0; padding: 16px; border: 0; border-radius: 12px; background: var(--crm-surface); box-shadow: 0 1px 4px rgba(15,23,42,.1); }
#wOverlay.wLostClientPopup .wLostClientDetailCardInner.wFull { grid-column: 1/-1; overflow-x: auto; }
#wOverlay.wLostClientPopup .wLostClientBlockTitle { margin-bottom: 12px; color: var(--crm-text); font-size: 14px; line-height: 20px; font-weight: 700; }
#wOverlay.wLostClientPopup .wLostClientStatList { display: grid; gap: 8px; }
#wOverlay.wLostClientPopup .wLostClientStatList div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 7px; border-bottom: 1px solid var(--crm-border-soft); color: var(--crm-muted); font-size: 13px; line-height: 18px; }
#wOverlay.wLostClientPopup .wLostClientStatList b { color: var(--crm-text); text-align: right; }
#wOverlay.wLostClientPopup .wLostClientFormRow { margin-bottom: 12px; }
#wOverlay.wLostClientPopup .wLostClientFormRow label { display: block; color: var(--crm-muted); font-size: 12px; line-height: 18px; }
#wOverlay.wLostClientPopup .wLostClientFormRow input,#wOverlay.wLostClientPopup .wLostClientFormRow select,#wOverlay.wLostClientPopup .wLostClientFormRow textarea { width: 100%; min-height: 40px; margin-top: 5px; padding: 9px 11px; border: 1px solid var(--crm-border); border-radius: 10px; background: var(--crm-surface); color: var(--crm-text); font: 500 14px/20px var(--crm-font-sans); box-sizing: border-box; }
#wOverlay.wLostClientPopup .wLostClientFormRow textarea { min-height: 90px; resize: vertical; }
#wOverlay.wLostClientPopup .wLostClientFormRow input:focus,#wOverlay.wLostClientPopup .wLostClientFormRow select:focus,#wOverlay.wLostClientPopup .wLostClientFormRow textarea:focus { border-color: var(--crm-accent); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb,var(--crm-accent) 12%,transparent); }
#wOverlay.wLostClientPopup .wLostClientFormActions { display: flex; align-items: center; gap: 10px; }
#wOverlay.wLostClientPopup .wLostClientMiniTable { width: 100%; border-collapse: collapse; }
#wOverlay.wLostClientPopup .wLostClientMiniTable th,#wOverlay.wLostClientPopup .wLostClientMiniTable td { padding: 10px 9px; border-bottom: 1px solid var(--crm-border-soft); color: var(--crm-text); font-size: 12px; line-height: 17px; text-align: left; vertical-align: top; }
#wOverlay.wLostClientPopup .wLostClientMiniTable th { background: var(--crm-surface-3); color: var(--crm-muted); font-weight: 700; }

@media (max-width: 1280px) {
	#lpAppShell #wUI_manage .wManageStatsKpis { grid-template-columns: repeat(3,minmax(0,1fr)); }
	#lpAppShell #wUI_manage .wManageStatsGrid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	#lpAppShell #wUI_manage .wManageStatsGrid .wManageStatsCard:last-child { grid-column: 1/-1; }
	#lpAppShell #wUI_manage .wManageStatsToolbar { flex-wrap: wrap; }
	#lpAppShell #wUI_manage .wManageStatsUpdated { width: 100%; margin-left: 0; padding: 0; }
	#lpAppShell #wUI_manage .wLostClientsFilters {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#lpAppShell #wUI_manage .wLostClientsFilterGroupMetrics,
	#lpAppShell #wUI_manage .wLostClientsFilterGroupCompact,
	#lpAppShell #wUI_manage .wLostClientsFilterActions {
		grid-column: 1 / -1 !important;
	}

	#lpAppShell #wUI_manage .wLostClientsKpis {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	#wOverlay.wLostClientPopup .wLostClientDetailHead { align-items: flex-start; flex-direction: column; }
	#wOverlay.wLostClientPopup .wLostClientDetailActions { justify-content: flex-start; }
	#wOverlay.wLostClientPopup .wLostClientInlineStatus { text-align: left; }
}

@media (max-width: 900px) {
	#lpAppShell #wUI_manage {
		padding: 0 var(--crm-page-pad-x-mobile) var(--crm-page-pad-bottom) !important;
	}

	#lpAppShell #wUI_manage .wManageHeader h1 {
		font-size: 34px !important;
		line-height: 38px !important;
	}

	#lpAppShell #wUI_manage .wLostClientsFilters,
	#lpAppShell #wUI_manage .wLostClientsKpis,
	#lpAppShell #wUI_manage .wLostClientDetailGrid {
		grid-template-columns: 1fr !important;
	}
	#lpAppShell #wUI_manage .wManageStatsToolbar,#lpAppShell #wUI_manage .wManageStatsPeriodGroup { align-items: stretch; flex-direction: column; }
	#lpAppShell #wUI_manage .wManageStatsCompareMark { align-self: auto; height: auto; line-height: 16px; }
	#lpAppShell #wUI_manage .wManageStatsToolbar select { width: 100%; }
	#lpAppShell #wUI_manage .wManageStatsKpis,#lpAppShell #wUI_manage .wManageStatsGrid,#lpAppShell #wUI_manage .wManageStatsClientTables { grid-template-columns: 1fr; }
	#lpAppShell #wUI_manage .wManageStatsGrid .wManageStatsCard:last-child { grid-column: auto; }
	#lpAppShell #wUI_manage .wManageStatsChart { min-width: 680px; }
	#lpAppShell #wUI_manage .wManageStatsChartCard { overflow-x: auto; }

	#lpAppShell #wUI_manage .wLostClientsLayout {
		grid-template-columns: 1fr !important;
	}

	#lpAppShell #wUI_manage .wLostClientsFilterActions {
		flex-wrap: wrap !important;
	}
	#lpAppShell #wUI_manage .wManageWorkspace { grid-template-columns: 1fr; }
	#lpAppShell #wUI_manage .wManageSidebar { position: static; padding: 10px; }
	#lpAppShell #wUI_manage .wManageSidebarTitle,#lpAppShell #wUI_manage .wManageSidebarHint { display: none; }
	#lpAppShell #wUI_manage .wManageNav { flex-direction: row; overflow-x: auto; }
	#lpAppShell #wUI_manage .wManageNav button { width: auto; min-width: 190px; }
	#wOverlay.crmSidePanel.wLostClientPopup { width: 100vw !important; }
	#wOverlay.wLostClientPopup .wLostClientDetailHead,#wOverlay.wLostClientPopup .wLostClientDetailGrid { grid-template-columns: 1fr; }
	#wOverlay.wLostClientPopup .wLostClientDetailActions { max-width: none; justify-content: flex-start; }
	#wOverlay.wLostClientPopup .wLostClientContactCard { grid-template-columns: 1fr; }
	#wOverlay.wLostClientPopup .wLostClientContactRow + .wLostClientContactRow { border-left: 0; border-top: 1px solid var(--crm-border-soft); }
}

/* Header fit policy: collapse controls before they can overlap. */
body.crmHeaderCondensed #lpHeaderNav #wTab_clients,
body.crmHeaderCondensed #lpHeaderNav #wTab_manage,
body.crmHeaderCondensed #lpHeaderNav #wTab_users {
	flex: 0 0 40px;
	width: 40px;
	min-width: 40px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

body.crmHeaderCondensed #lpHeaderNav #wTab_clients .lpTabLabel,
body.crmHeaderCondensed #lpHeaderNav #wTab_manage .lpTabLabel,
body.crmHeaderCondensed #lpHeaderNav #wTab_users .lpTabLabel,
body.crmHeaderTight #wDateRangeBtn .wDateRangeLabel {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

body.crmHeaderCondensed #lpHeaderNavRight,
body.crmHeaderTight #lpHeaderNavRight {
	grid-template-columns: minmax(0, 1fr) auto auto auto;
	gap: 8px;
}

body.crmHeaderTight #wDateRangeBtn,
body.crmHeaderTight #wTopBarDate .wDateRangeWrapper {
	width: 42px !important;
	min-width: 42px !important;
	max-width: 42px !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	justify-content: center;
}

body.crmHeaderTight .lpUserMeta {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	gap: 2px;
	width: auto;
	max-width: 54px;
}

body.crmHeaderTight .lpUserNameRow {
	display: flex !important;
	flex: 0 0 24px;
	width: 24px;
	min-width: 24px;
}

body.crmHeaderTight #wCurrentUserName,
body.crmHeaderTight #wRoleName {
	display: none !important;
}

body.crmHeaderTight .lpUserNameRow .lpAdminGear,
body.crmHeaderTight #wRoleDropdownToggle {
	width: 24px;
	min-width: 24px;
	height: 28px;
	padding: 0 !important;
	justify-content: center;
}

body.crmHeaderTight #wCurrentUserRole {
	flex: 0 0 24px;
	width: 24px;
}

body.crmHeaderTight #lpHeaderNav #wTabs button {
	gap: 4px !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
}

body.crmHeaderTight #lpHeaderNav #wTab_clients,
body.crmHeaderTight #lpHeaderNav #wTab_manage,
body.crmHeaderTight #lpHeaderNav #wTab_users {
	flex-basis: 36px;
	width: 36px;
	min-width: 36px;
}

body.crmHeaderMinimal #wTopBarDate {
	display: none !important;
}

@media (max-width: 1600px) {
	#lpHeaderNav #wTab_clients,
	#lpHeaderNav #wTab_manage,
	#lpHeaderNav #wTab_users {
		flex: 0 0 40px;
		width: 40px;
		min-width: 40px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	#lpHeaderNav #wTab_clients .lpTabLabel,
	#lpHeaderNav #wTab_manage .lpTabLabel,
	#lpHeaderNav #wTab_users .lpTabLabel {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}
}

/* Calculator integration: keep the site calculator logic, but seat it in the CRM shell. */
#lpAppShell #wUI_calc.wContent {
	padding: 0 var(--crm-page-pad-x) var(--crm-page-pad-bottom) !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc .crmCalcPage {
	width: 100% !important;
	max-width: 1700px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: block !important;
	box-sizing: border-box !important;
}

#lpAppShell #wUI_calc .crmCalcPage__main {
	min-width: 0 !important;
	display: block !important;
}

#lpAppShell #wUI_calc #xCalc {
	width: 100% !important;
	max-width: none !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
	column-gap: 24px !important;
	row-gap: 24px !important;
	align-items: start !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc #xCalc::after {
	content: none !important;
}

#lpAppShell #wUI_calc .product-types-scroller {
	grid-column: 2 !important;
	grid-row: 1 !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc #menu-types {
	width: 100% !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important;
	gap: 4px !important;
	border: 0 !important;
	list-style: none !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: thin;
}

#lpAppShell #wUI_calc #menu-types li {
	float: none !important;
	flex: 0 0 auto !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#lpAppShell #wUI_calc #menu-types li a,
#lpAppShell #wUI_calc #menu-types li span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	width: auto !important;
	min-width: 0 !important;
	height: 34px !important;
	min-height: 34px !important;
	padding: 0 9px !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
	text-align: left !important;
	box-sizing: border-box !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 8px !important;
	color: var(--crm-muted) !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	overflow: hidden !important;
	transition: background-color 0.18s ease, color 0.18s ease !important;
}

#lpAppShell #wUI_calc #menu-types li a:hover,
#lpAppShell #wUI_calc #menu-types li span:hover {
	background-color: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc #menu-types li.active a,
#lpAppShell #wUI_calc #menu-types li.active span {
	background-color: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
	box-shadow: none !important;
}

#lpAppShell #wUI_calc #menu-types .type-list {
	background-image: url(../img/icons.png) !important;
	background-position: center 8px !important;
}

#lpAppShell #wUI_calc #menu-types .type-multi {
	width: 156px !important;
	min-width: 156px !important;
	background-image: url(../img/icons.png) !important;
	background-position: center -142px !important;
}

#lpAppShell #wUI_calc #menu-types .type-buklet {
	background-image: url(../img/icons.png) !important;
	background-position: center -292px !important;
}

#lpAppShell #wUI_calc #menu-types .type-card {
	background-image: url(../img/icons.png) !important;
	background-position: center -442px !important;
}

#lpAppShell #wUI_calc #menu-types .type-calendar {
	background-image: none !important;
	position: relative !important;
}

#lpAppShell #wUI_calc #menu-types .type-calendar::before {
	content: "" !important;
	position: absolute !important;
	top: 10px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: block !important;
	width: 50px !important;
	height: 51px !important;
	background: url(../img/calendar_mask.png) center center / contain no-repeat !important;
	filter: grayscale(1) brightness(0.86) !important;
	pointer-events: none !important;
}

#lpAppShell #wUI_calc #menu-types .type-calendar-lite {
	width: 156px !important;
	min-width: 156px !important;
	background-image: none !important;
	position: relative !important;
}

#lpAppShell #wUI_calc #menu-types .type-calendar-lite::before {
	content: "" !important;
	position: absolute !important;
	top: 10px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: block !important;
	width: 50px !important;
	height: 51px !important;
	background: url(../img/calendar_lite_mask.png) center center / contain no-repeat !important;
	filter: grayscale(1) brightness(0.86) !important;
	pointer-events: none !important;
}

#lpAppShell #wUI_calc #menu-types .type-spine {
	width: 156px !important;
	min-width: 156px !important;
	background-image: url(../img/icons.png) !important;
	background-position: center -742px !important;
}

#lpAppShell #wUI_calc #menu-types .type-universal {
	background-image: none !important;
	position: relative !important;
}

#lpAppShell #wUI_calc #menu-types .type-universal::before {
	content: "" !important;
	position: absolute !important;
	top: 10px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: block !important;
	width: 40px !important;
	height: 51px !important;
	background: url(../img/universal_calc_mask.png) center center / contain no-repeat !important;
	filter: grayscale(1) brightness(0.86) !important;
	pointer-events: none !important;
}

#lpAppShell #wUI_calc #menu-types li.active .type-calendar::before,
#lpAppShell #wUI_calc #menu-types .type-calendar:hover::before,
#lpAppShell #wUI_calc #menu-types li.active .type-calendar-lite::before,
#lpAppShell #wUI_calc #menu-types .type-calendar-lite:hover::before,
#lpAppShell #wUI_calc #menu-types li.active .type-universal::before,
#lpAppShell #wUI_calc #menu-types .type-universal:hover::before {
	filter: none !important;
}

#lpAppShell #wUI_calc #menu-types li.active .type-list,
#lpAppShell #wUI_calc #menu-types .type-list:hover {
	background-position: center -1042px !important;
}

#lpAppShell #wUI_calc #menu-types li.active .type-multi,
#lpAppShell #wUI_calc #menu-types .type-multi:hover {
	background-position: center -1192px !important;
}

#lpAppShell #wUI_calc #menu-types li.active .type-buklet,
#lpAppShell #wUI_calc #menu-types .type-buklet:hover {
	background-position: center -1342px !important;
}

#lpAppShell #wUI_calc #menu-types li.active .type-card,
#lpAppShell #wUI_calc #menu-types .type-card:hover {
	background-position: center -1492px !important;
}

#lpAppShell #wUI_calc #menu-types li.active .type-spine,
#lpAppShell #wUI_calc #menu-types .type-spine:hover {
	background-position: center -1792px !important;
}

#lpAppShell #wUI_calc #menu-types .type-list,
#lpAppShell #wUI_calc #menu-types .type-multi,
#lpAppShell #wUI_calc #menu-types .type-buklet,
#lpAppShell #wUI_calc #menu-types .type-card,
#lpAppShell #wUI_calc #menu-types .type-calendar,
#lpAppShell #wUI_calc #menu-types .type-calendar-lite,
#lpAppShell #wUI_calc #menu-types .type-spine,
#lpAppShell #wUI_calc #menu-types .type-universal {
	width: auto !important;
	min-width: 0 !important;
	background-image: none !important;
	background-position: initial !important;
}

#lpAppShell #wUI_calc #menu-types li a::before,
#lpAppShell #wUI_calc #menu-types li span::before {
	content: "description" !important;
	position: static !important;
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	transform: none !important;
	background: none !important;
	font: normal 18px/18px "Material Symbols Outlined" !important;
	color: currentColor !important;
	filter: none !important;
	flex: 0 0 18px !important;
}

#lpAppShell #wUI_calc #menu-types li .type-list::before,
#lpAppShell #wUI_calc #menu-types li .type-multi::before,
#lpAppShell #wUI_calc #menu-types li .type-buklet::before,
#lpAppShell #wUI_calc #menu-types li .type-card::before,
#lpAppShell #wUI_calc #menu-types li .type-calendar::before,
#lpAppShell #wUI_calc #menu-types li .type-calendar-lite::before,
#lpAppShell #wUI_calc #menu-types li .type-spine::before,
#lpAppShell #wUI_calc #menu-types li .type-universal::before {
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	width: 18px !important;
	height: 18px !important;
	background: none !important;
	filter: none !important;
}

#lpAppShell #wUI_calc #menu-types .type-multi::before { content: "menu_book" !important; }
#lpAppShell #wUI_calc #menu-types .type-buklet::before { content: "menu" !important; }
#lpAppShell #wUI_calc #menu-types .type-card::before { content: "badge" !important; }
#lpAppShell #wUI_calc #menu-types .type-calendar::before,
#lpAppShell #wUI_calc #menu-types .type-calendar-lite::before { content: "calendar_month" !important; }
#lpAppShell #wUI_calc #menu-types .type-spine::before { content: "book_2" !important; }
#lpAppShell #wUI_calc #menu-types .type-universal::before { content: "tune" !important; }

#lpAppShell #wUI_calc .product-types-arrow {
	display: inline-flex !important;
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 3 !important;
	width: 30px !important;
	height: 30px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.98) !important;
	color: var(--crm-muted) !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: border-color 0.18s ease, color 0.18s ease, opacity 0.18s ease !important;
}

#lpAppShell #wUI_calc .product-types-arrow:hover:not(:disabled) {
	border-color: rgba(234, 106, 18, 0.35) !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc #menu-types li a:focus-visible,
#lpAppShell #wUI_calc .product-types-arrow:focus-visible,
#lpAppShell #wUI_calc .calc-cta__btn:focus-visible,
#lpAppShell #wUI_calc .crmCalcOrderLink:focus-visible,
#lpAppShell #wUI_calc .btn-more:focus-visible,
#lpAppShell #wUI_calc .paper-header a:focus-visible,
#lpAppShell #wUI_calc .category-preview-link:focus-visible,
#lpAppShell #wUI_calc .rect a:focus-visible,
#lpAppShell #wUI_calc .amount a:focus-visible,
#lpAppShell #wUI_calc a.amount-change:focus-visible,
#lpAppShell #wUI_calc .crmCalcModal__close:focus-visible,
#lpAppShell #wUI_calc .paper-block:focus-visible {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(234, 106, 18, 0.14) !important;
}

#lpAppShell #wUI_calc .product-types-arrow:disabled {
	opacity: 0.35 !important;
	cursor: default !important;
}

#lpAppShell #wUI_calc .product-types-scroller.no-scroll .product-types-arrow {
	display: none !important;
}

#lpAppShell #wUI_calc .product-types-arrow--left {
	left: -12px !important;
}

#lpAppShell #wUI_calc .product-types-arrow--right {
	right: -12px !important;
}

/* Product navigation must remain fully visible instead of scrolling sideways. */
#lpAppShell #wUI_calc .product-types-scroller {
	overflow: visible !important;
}

#lpAppShell #wUI_calc #menu-types {
	height: auto !important;
	min-height: 36px !important;
	flex-wrap: wrap !important;
	overflow: visible !important;
	scrollbar-width: none !important;
}

#lpAppShell #wUI_calc .product-types-arrow {
	display: none !important;
}

#lpAppShell #wUI_calc .calc-main {
	grid-column: 1 !important;
	grid-row: 1 !important;
	order: 0 !important;
	width: 100% !important;
	float: none !important;
	display: grid !important;
	grid-template-columns: minmax(340px, 360px) minmax(0, 1fr) !important;
	grid-template-rows: auto auto auto minmax(0, 1fr) !important;
	column-gap: 24px !important;
	row-gap: 8px !important;
	align-items: start !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc .crmCalcItemTitle {
	grid-column: 2 !important;
	grid-row: 2 !important;
}

#lpAppShell #wUI_calc .col-buttons {
	grid-column: 2 !important;
	grid-row: 3 !important;
	width: 100% !important;
	float: none !important;
	display: block !important;
	border: 0 !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc .col-buttons:empty {
	display: none !important;
}

#lpAppShell #wUI_calc .col-paper {
	grid-column: 1 !important;
	grid-row: 1 / span 4 !important;
	width: auto !important;
	margin: 0 !important;
	padding: 18px !important;
	float: none !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 14px !important;
	max-height: calc(100vh - 150px) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	scrollbar-gutter: stable !important;
	text-align: left !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
}

/* Tooltipster overlays are informational and must not intercept wheel scrolling. */
.tooltipster-base {
	pointer-events: none !important;
}

#lpAppShell #wUI_calc .col-paper > br {
	display: none !important;
}

#lpAppShell #wUI_calc .col-paper.is-calendar-picker {
	overflow-y: auto !important;
}

#lpAppShell #wUI_calc .is-calendar-picker #product-category {
	display: grid !important;
	gap: 12px;
}

#lpAppShell #wUI_calc .is-calendar-picker .category-preview,
#lpAppShell #wUI_calc .is-calendar-picker .category-preview:empty {
	display: none !important;
}

#lpAppShell #wUI_calc .calendar-choice-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

#lpAppShell #wUI_calc .calendar-choice {
	display: grid !important;
	grid-template-rows: 88px auto !important;
	gap: 7px !important;
	min-width: 0 !important;
	padding: 8px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background: var(--crm-surface) !important;
	color: var(--crm-text) !important;
	font: 600 12px/16px var(--crm-font-sans) !important;
	text-align: left !important;
	cursor: pointer !important;
}

#lpAppShell #wUI_calc .calendar-choice img {
	display: block !important;
	width: 100% !important;
	height: 88px !important;
	object-fit: contain !important;
	object-position: center !important;
	border-radius: 6px !important;
	background: var(--crm-surface-3) !important;
}

#lpAppShell #wUI_calc .calendar-choice:hover {
	border-color: rgba(234, 106, 18, 0.35) !important;
	background: var(--crm-accent-soft) !important;
}

#lpAppShell #wUI_calc .calendar-choice.is-selected {
	border-color: var(--crm-accent) !important;
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc .category-preview-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 8px !important;
	background: var(--crm-surface) !important;
	color: var(--crm-text) !important;
	font: 600 12px/16px var(--crm-font-sans) !important;
	text-decoration: none !important;
}

#lpAppShell #wUI_calc .category-preview-link::before {
	content: "open_in_full";
	margin-right: 6px;
	font: normal 17px/1 "Material Symbols Outlined";
	color: var(--crm-muted);
}

#lpAppShell #wUI_calc .category-preview-link:hover {
	border-color: rgba(234, 106, 18, 0.35) !important;
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc .crmCalcModal__body #category-preview,
#lpAppShell #wUI_calc .calendar-parameter-preview {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
}

#lpAppShell #wUI_calc #category-preview img {
	display: block !important;
	max-width: 100% !important;
	max-height: calc(100vh - 110px) !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

#lpAppShell #wUI_calc .col-properties {
	grid-column: 2 !important;
	grid-row: 4 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 18px 20px !important;
	float: none !important;
	display: grid !important;
	grid-template-columns: minmax(116px, 128px) minmax(0, 1fr) !important;
	column-gap: 20px !important;
	row-gap: 18px !important;
	align-items: start !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc .crmCalcSection__header {
	display: grid !important;
	gap: 4px !important;
	margin-bottom: 4px !important;
}

#lpAppShell #wUI_calc .crmCalcSection__title {
	margin: 0 !important;
	font: 700 16px/1.35 var(--crm-font-sans) !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_calc .crmCalcSection__meta {
	margin: 0 !important;
	font: 400 12px/1.5 var(--crm-font-sans) !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_calc .col-label {
	width: auto !important;
	height: auto !important;
	min-height: 44px !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
	display: flex !important;
	align-items: center !important;
	color: var(--crm-text) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

#lpAppShell #wUI_calc .col-label span {
	display: block !important;
	line-height: 20px !important;
}

#lpAppShell #wUI_calc .col-select {
	min-width: 0 !important;
	width: 100% !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc .form-element,
#lpAppShell #wUI_calc .rect,
#lpAppShell #wUI_calc .rect-l {
	min-height: 44px !important;
	height: auto !important;
	margin: 0 !important;
	line-height: 44px !important;
}

#lpAppShell #wUI_calc .rect {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	align-items: center !important;
}

#lpAppShell #wUI_calc .rect a,
#lpAppShell #wUI_calc .rect a:active,
#lpAppShell #wUI_calc .rect a:visited {
	float: none !important;
	height: 36px !important;
	line-height: 34px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 8px !important;
	box-sizing: border-box !important;
	background: var(--crm-surface) !important;
	color: var(--crm-text) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

#lpAppShell #wUI_calc .rect a:hover {
	padding: 0 14px !important;
	border-color: var(--crm-accent) !important;
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc .rect a.active {
	height: 36px !important;
	line-height: 34px !important;
	padding: 0 14px !important;
	border-radius: 8px !important;
	background: var(--crm-accent) !important;
	border-color: var(--crm-accent) !important;
	color: #fff !important;
}

#lpAppShell #wUI_calc input.styler[type="text"] {
	width: 100% !important;
	max-width: 100% !important;
}

#lpAppShell #wUI_calc .jq-selectbox {
	position: relative !important;
	z-index: 20 !important;
	width: min(440px, 100%) !important;
	max-width: 100% !important;
	margin: 0 !important;
}

#lpAppShell #wUI_calc .jq-selectbox__select {
	width: 100% !important;
	max-width: 100% !important;
}

#lpAppShell #wUI_calc .jq-selectbox.opened {
	z-index: 200 !important;
}

#lpAppShell #wUI_calc .jq-selectbox__select {
	height: 44px !important;
	line-height: 42px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--crm-text) !important;
	box-shadow: none !important;
	padding: 0 40px 0 12px !important;
}

#lpAppShell #wUI_calc .jq-selectbox__select-text {
	font: 500 14px/42px var(--crm-font-sans) !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_calc .jq-selectbox__trigger {
	top: 0 !important;
	right: 0 !important;
	display: grid !important;
	place-items: center !important;
	width: 40px !important;
	height: 100% !important;
}

#lpAppShell #wUI_calc .jq-selectbox__trigger-arrow {
	position: static !important;
	width: 8px !important;
	height: 8px !important;
	border: 0 !important;
	border-right: 1.5px solid var(--crm-muted) !important;
	border-bottom: 1.5px solid var(--crm-muted) !important;
	background: none !important;
	transform: translateY(-2px) rotate(45deg) !important;
	opacity: 1 !important;
}

#lpAppShell #wUI_calc .jq-selectbox__select:hover,
#lpAppShell #wUI_calc .jq-selectbox.opened .jq-selectbox__select {
	border-color: rgba(234, 106, 18, 0.32) !important;
	background: var(--crm-surface) !important;
}

#lpAppShell #wUI_calc .jq-selectbox__dropdown {
	z-index: 300 !important;
	max-height: 260px !important;
	margin: 0 !important;
	overflow: auto !important;
	border: 1px solid var(--crm-border) !important;
	border-top: 0 !important;
	border-radius: 0 0 10px 10px !important;
	box-shadow: none !important;
	background: var(--crm-surface) !important;
}

/* Calculator selects behave like ordinary expanded fields: the options are
 * attached directly below the control and never detach into an upper popover. */
#lpAppShell #wUI_calc .jq-selectbox.opened > .jq-selectbox__select {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

#lpAppShell #wUI_calc .jq-selectbox.opened > .jq-selectbox__dropdown,
#lpAppShell #wUI_calc .jq-selectbox.dropup > .jq-selectbox__dropdown,
#lpAppShell #wUI_calc .jq-selectbox.dropdown > .jq-selectbox__dropdown {
	top: 100% !important;
	bottom: auto !important;
}

#lpAppShell #wUI_calc .jq-selectbox.opened .jq-selectbox__trigger-arrow {
	transform: translateY(2px) rotate(225deg) !important;
}

#lpAppShell .jq-selectbox.dropdown > .jq-selectbox__dropdown,
#wOverlay .jq-selectbox.dropdown > .jq-selectbox__dropdown {
	top: 100% !important;
	bottom: auto !important;
}

#lpAppShell .jq-selectbox.dropup > .jq-selectbox__dropdown,
#wOverlay .jq-selectbox.dropup > .jq-selectbox__dropdown {
	top: auto !important;
	bottom: 100% !important;
}

#lpAppShell #wUI_calc .jq-selectbox li:hover,
#lpAppShell #wUI_calc .jq-selectbox li.selected {
	background: var(--crm-accent-soft) !important;
	color: var(--crm-text) !important;
}

/* Shared single-select component: management, statistics, calendar season,
 * notifications and dynamically opened record forms use the same control. */
#lpAppShell .jq-selectbox.crmSystemSelect,
#wOverlay .jq-selectbox.crmSystemSelect {
	position: relative !important;
	z-index: 20 !important;
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect.opened,
#wOverlay .jq-selectbox.crmSystemSelect.opened {
	z-index: 300 !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect > .jq-selectbox__select,
#wOverlay .jq-selectbox.crmSystemSelect > .jq-selectbox__select {
	box-sizing: border-box !important;
	width: 100% !important;
	height: 42px !important;
	padding: 0 40px 0 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background: var(--crm-surface) !important;
	box-shadow: none !important;
	color: var(--crm-text) !important;
	font: 500 14px/40px var(--crm-font-sans) !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect > .jq-selectbox__select:hover,
#wOverlay .jq-selectbox.crmSystemSelect > .jq-selectbox__select:hover {
	border-color: color-mix(in srgb,var(--crm-accent) 38%,var(--crm-border)) !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect.focused > .jq-selectbox__select,
#wOverlay .jq-selectbox.crmSystemSelect.focused > .jq-selectbox__select {
	border-color: var(--crm-accent) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb,var(--crm-accent) 14%,transparent) !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect.opened > .jq-selectbox__select,
#wOverlay .jq-selectbox.crmSystemSelect.opened > .jq-selectbox__select {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect .jq-selectbox__select-text,
#wOverlay .jq-selectbox.crmSystemSelect .jq-selectbox__select-text {
	font: 500 14px/40px var(--crm-font-sans) !important;
	color: var(--crm-text) !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect .jq-selectbox__trigger,
#wOverlay .jq-selectbox.crmSystemSelect .jq-selectbox__trigger {
	top: 0 !important;
	right: 0 !important;
	display: grid !important;
	place-items: center !important;
	width: 40px !important;
	height: 100% !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect .jq-selectbox__trigger-arrow,
#wOverlay .jq-selectbox.crmSystemSelect .jq-selectbox__trigger-arrow {
	position: static !important;
	width: 8px !important;
	height: 8px !important;
	border: 0 !important;
	border-right: 1.5px solid var(--crm-muted) !important;
	border-bottom: 1.5px solid var(--crm-muted) !important;
	background: none !important;
	transform: translateY(-2px) rotate(45deg) !important;
	opacity: 1 !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect.opened .jq-selectbox__trigger-arrow,
#wOverlay .jq-selectbox.crmSystemSelect.opened .jq-selectbox__trigger-arrow {
	transform: translateY(2px) rotate(225deg) !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect > .jq-selectbox__dropdown,
#wOverlay .jq-selectbox.crmSystemSelect > .jq-selectbox__dropdown {
	top: 100% !important;
	right: auto !important;
	bottom: auto !important;
	left: 0 !important;
	z-index: 300 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 100% !important;
	max-height: 260px !important;
	margin: 0 !important;
	border: 1px solid var(--crm-border) !important;
	border-top: 0 !important;
	border-radius: 0 0 10px 10px !important;
	background: var(--crm-surface) !important;
	box-shadow: none !important;
	overflow: auto !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect ul,
#wOverlay .jq-selectbox.crmSystemSelect ul {
	max-height: 258px !important;
	margin: 0 !important;
	padding: 4px 0 !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect li,
#wOverlay .jq-selectbox.crmSystemSelect li {
	min-height: 36px !important;
	padding: 8px 12px !important;
	box-sizing: border-box !important;
	color: var(--crm-text) !important;
	font: 500 14px/20px var(--crm-font-sans) !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect li:hover,
#lpAppShell .jq-selectbox.crmSystemSelect li.selected,
#wOverlay .jq-selectbox.crmSystemSelect li:hover,
#wOverlay .jq-selectbox.crmSystemSelect li.selected {
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent-strong) !important;
}

#lpAppShell .jq-selectbox.crmSystemSelect.disabled > .jq-selectbox__select,
#wOverlay .jq-selectbox.crmSystemSelect.disabled > .jq-selectbox__select {
	border-color: var(--crm-border) !important;
	background: var(--crm-surface-2) !important;
	color: var(--crm-muted) !important;
	cursor: not-allowed !important;
}

#lpAppShell #wUI_calc .form-element input.styler[type="text"] {
	float: left !important;
	width: 58px !important;
	height: 40px !important;
	padding: 0 12px !important;
	border: 1px solid var(--crm-border) !important;
	border-right: 0 !important;
	border-radius: 10px 0 0 10px !important;
	text-align: center !important;
	box-sizing: border-box !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	background: #fff !important;
}

#lpAppShell #wUI_calc .amount {
	float: left !important;
	display: flex !important;
	align-items: stretch !important;
	width: 82px !important;
	height: 40px !important;
	padding-top: 0 !important;
	margin: 0 8px 0 0 !important;
	border: 1px solid var(--crm-border) !important;
	border-left: 0 !important;
	background: var(--crm-surface-3) !important;
	border-radius: 0 10px 10px 0 !important;
	box-sizing: border-box !important;
}

#lpAppShell #wUI_calc .amount a {
	display: block !important;
	float: left !important;
	width: 40px !important;
	height: 38px !important;
}

#lpAppShell #wUI_calc .amount a:hover {
	background-color: var(--crm-surface) !important;
}

#lpAppShell #wUI_calc .amount a.btn-m {
	background: url(../img/amount.png) no-repeat 9px 10px !important;
	border-right: 1px solid var(--crm-border) !important;
}

#lpAppShell #wUI_calc .amount a.btn-m:hover {
	background-position: 9px -19px !important;
}

#lpAppShell #wUI_calc .amount a.btn-p {
	background: url(../img/amount.png) no-repeat -28px 10px !important;
}

#lpAppShell #wUI_calc .amount a.btn-p:hover {
	background-position: -28px -19px !important;
}

#lpAppShell #wUI_calc a.amount-change {
	display: inline-block !important;
	height: 40px !important;
	line-height: 40px !important;
	align-items: center !important;
	padding: 0 0 0 12px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--crm-muted) !important;
	text-decoration: none !important;
}

#lpAppShell #wUI_calc a.amount-change:hover {
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc .form-check {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 32px !important;
	padding: 8px 0 0 !important;
}

#lpAppShell #wUI_calc .form-check input[type="checkbox"] {
	position: static !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 1px solid var(--crm-accent) !important;
	border-radius: 4px !important;
	background: var(--crm-surface) !important;
	box-shadow: none !important;
	cursor: pointer !important;
	vertical-align: middle !important;
}

#lpAppShell #wUI_calc .form-check input[type="checkbox"]:checked {
	background: var(--crm-accent) !important;
	box-shadow: inset 0 0 0 3px var(--crm-surface) !important;
}

#lpAppShell #wUI_calc .form-check input[type="checkbox"]:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--crm-accent) 32%, transparent) !important;
	outline-offset: 2px !important;
}

#lpAppShell #wUI_calc .form-check label {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 20px !important;
	float: none !important;
	margin: 0 !important;
	line-height: 20px !important;
	cursor: pointer !important;
}

#lpAppShell #wUI_calc .form-check .form-check-tooltip {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	align-self: center !important;
	float: none !important;
	height: 20px !important;
	margin: 0 !important;
	top: auto !important;
	line-height: 20px !important;
}

#lpAppShell #wUI_calc #product-paper,
#lpAppShell #wUI_calc #product-paper1,
#lpAppShell #wUI_calc #product-category {
	width: 100% !important;
	margin: 0 !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc #product-paper > .paper-block,
#lpAppShell #wUI_calc #product-paper1 > .paper-block {
	width: 100% !important;
	height: 108px !important;
	min-height: 108px !important;
	max-height: 108px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	box-sizing: border-box !important;
	background-color: var(--crm-surface-3) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	padding: 14px 16px !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

#lpAppShell #wUI_calc .crmPaperListToggle {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	width: 100% !important;
	min-height: 32px !important;
	margin: 8px 0 0 !important;
	padding: 0 8px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: var(--crm-muted) !important;
	font: 600 11px/16px var(--crm-font-sans) !important;
	text-align: left !important;
	cursor: pointer !important;
}

#lpAppShell #wUI_calc .crmPaperListToggle:hover {
	background: var(--crm-surface-2) !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_calc .crmPaperListToggle .material-symbols-outlined {
	font-size: 18px !important;
	line-height: 18px !important;
	color: currentColor !important;
}

#lpAppShell #wUI_calc .paper-lists-collapsed .crmCalcPaperList {
	display: none !important;
}

#lpAppShell #wUI_calc .paper-lists-collapsed #product-paper,
#lpAppShell #wUI_calc .paper-lists-collapsed #product-paper1 {
	margin-bottom: 4px !important;
}

.crmPaperPopover[hidden] {
	display: none !important;
}

.crmPaperPopover {
	--paper-arrow-y: 48px;
	position: fixed;
	z-index: 10030;
	box-sizing: border-box;
	padding: 18px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
	box-shadow: 0 16px 40px rgba(24, 27, 31, 0.18);
	overflow: visible;
}

.crmPaperPopover::before {
	content: "";
	position: absolute;
	left: -7px;
	top: calc(var(--paper-arrow-y) - 7px);
	width: 12px;
	height: 12px;
	border-left: 1px solid var(--crm-border);
	border-bottom: 1px solid var(--crm-border);
	background: var(--crm-surface);
	transform: rotate(45deg);
}

.crmPaperPopover.opens-over-content::before {
	display: none;
}

.crmPaperPopover__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.crmPaperPopover__head h3 {
	margin: 0;
	font: 700 18px/24px var(--crm-font-sans);
	color: var(--crm-text);
}

.crmPaperPopover__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font-size: 22px;
	cursor: pointer;
}

.crmPaperPopover__body {
	overflow: visible;
	padding-right: 4px;
}

.crmPaperPopover__choices {
	display: block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.crmPaperPopover .paper-group {
	margin: 0 0 10px;
}

.crmPaperPopover .paper-group-title {
	margin: 0 0 8px;
	font: 600 12px/16px var(--crm-font-sans);
	color: var(--crm-muted);
}

.crmPaperPopover .paper-group-items {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
}

.crmPaperPopover .paper-block {
	box-sizing: border-box;
	width: auto !important;
	height: clamp(62px, 8vh, 82px) !important;
	margin: 0 !important;
	padding: 6px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 10px !important;
	background-size: cover !important;
	background-position: center !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

.crmPaperPopover .paper-block p {
	width: fit-content;
	max-width: 100%;
	margin: 0;
	padding: 4px 5px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.9);
	font: 600 10px/12px var(--crm-font-sans);
	color: var(--crm-text);
}

.crmPaperPopover .paper-block.is-selected {
	outline: 2px solid var(--crm-accent);
	outline-offset: -2px;
}

.crmPaperPopover .paper-block:hover {
	border-color: var(--crm-accent) !important;
}

@media (max-width: 760px) {
	.crmPaperPopover {
		left: 12px !important;
		right: 12px !important;
		width: auto !important;
	}

	.crmPaperPopover::before {
		display: none;
	}

	.crmPaperPopover .paper-group-items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

#lpAppShell #wUI_calc .paper-block:hover {
	border-color: rgba(234, 106, 18, 0.34) !important;
	background-color: var(--crm-accent-soft) !important;
}

#lpAppShell #wUI_calc #product-paper > .paper-block p,
#lpAppShell #wUI_calc #product-paper1 > .paper-block p {
	margin: 0 !important;
	width: fit-content !important;
	max-width: calc(100% - 24px) !important;
	padding: 7px 9px !important;
	border-radius: 8px !important;
	background: rgba(255, 255, 255, 0.9) !important;
	font: 500 13px/1.5 var(--crm-font-sans) !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_calc #product-paper > .paper-block p em,
#lpAppShell #wUI_calc #product-paper1 > .paper-block p em {
	display: block !important;
	margin-top: 3px !important;
	font-style: normal !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_calc .paper-selected-name {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
}

#lpAppShell #wUI_calc span.paper-header {
	float: none !important;
	top: 0 !important;
	right: 0 !important;
	margin: 0 0 8px !important;
	display: flex !important;
	align-items: center !important;
}

#lpAppShell #wUI_calc span.paper-header a {
	color: var(--crm-accent) !important;
	font: 600 13px/1.4 var(--crm-font-sans) !important;
	text-decoration: none !important;
}

#lpAppShell #wUI_calc .btn-more {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	top: 6px !important;
	right: 8px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 999px !important;
	background: var(--crm-surface) !important;
	color: var(--crm-muted) !important;
	text-decoration: none !important;
}

#lpAppShell #wUI_calc .btn-more::before {
	content: "+";
	font: 700 16px/1 var(--crm-font-sans);
}

#lpAppShell #wUI_calc .btn-more:hover {
	border-color: rgba(234, 106, 18, 0.34) !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc .category-preview-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 2px !important;
	font: 500 12px/1.45 var(--crm-font-sans) !important;
	color: var(--crm-muted) !important;
	text-decoration: none !important;
}

#lpAppShell #wUI_calc .category-preview-link::before {
	content: ">";
	font: 700 14px/1 var(--crm-font-sans);
}

#lpAppShell #wUI_calc .category-preview-link:hover {
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc .mobile-paper-wrap {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	margin: 0 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 12px !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc .mobile-paper-wrap #product-paper,
#lpAppShell #wUI_calc .mobile-paper-wrap #product-paper1 {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

#lpAppShell #wUI_calc .crmCalcRail {
	grid-column: 2 !important;
	grid-row: 1 !important;
	display: grid !important;
	gap: 16px !important;
	align-content: start !important;
	position: sticky !important;
	top: 96px !important;
}

#lpAppShell #wUI_calc .col-price {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
	padding: 22px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, var(--crm-accent-soft) 0%, var(--crm-surface) 100%) !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#lpAppShell #wUI_calc .crmCalcPanel__label {
	margin: 0 0 10px !important;
	font: 700 11px/1.4 var(--crm-font-sans) !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_calc .crmCalcPanel__label--summary {
	margin: 0 0 8px !important;
}

#lpAppShell #wUI_calc .price-full {
	font-size: 40px !important;
	line-height: 42px !important;
	margin: 0 0 6px !important;
	color: var(--crm-accent) !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
}

#lpAppShell #wUI_calc .price-one {
	margin: 0 0 16px !important;
	color: var(--crm-muted) !important;
	font-size: 14px !important;
	line-height: 18px !important;
}

#lpAppShell #wUI_calc .price-dogovor-txt {
	margin: 0 0 16px !important;
	padding-top: 14px !important;
	border-top: 1px solid var(--crm-border-soft) !important;
	line-height: 20px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_calc .summary-box {
	position: static !important;
	margin: 0 !important;
}

#lpAppShell #wUI_calc .summary-copy-btn {
	display: none !important;
}

#lpAppShell #wUI_calc .summary {
	margin: 0 !important;
}

#lpAppShell #wUI_calc .summary-rich,
#lpAppShell #wUI_calc .summary-alert {
	border-radius: 10px !important;
	max-height: none !important;
	overflow: visible !important;
	padding: 14px 14px !important;
	border-color: var(--crm-border) !important;
	background: var(--crm-surface-3) !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_calc .summary-rich {
	display: grid !important;
	gap: 8px !important;
}

#lpAppShell #wUI_calc .summary-chip {
	margin: 0 !important;
	color: var(--crm-text) !important;
	font: 500 13px/1.45 var(--crm-font-sans) !important;
}

#lpAppShell #wUI_calc .summary-chip:last-child {
	margin-bottom: 0 !important;
}

#lpAppShell #wUI_calc .summary-chip::before {
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc .summary-alert--error {
	border-color: rgba(219, 44, 43, 0.18) !important;
	background: rgba(219, 44, 43, 0.06) !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_calc .summary-alert--error .summary-alert__title {
	color: var(--crm-danger) !important;
	font-weight: 600 !important;
}

#lpAppShell #wUI_calc .summary-alert__text {
	color: var(--crm-text) !important;
	font: 400 13px/1.45 var(--crm-font-sans) !important;
}

#lpAppShell #wUI_calc .calc-cta {
	margin: 16px 0 0 !important;
}

#lpAppShell #wUI_calc .calc-cta__btn {
	width: 100% !important;
	min-height: 42px !important;
	border-radius: 10px !important;
	background: var(--crm-accent) !important;
	border-color: var(--crm-accent) !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

#lpAppShell #wUI_calc .calc-cta__btn:hover {
	background: var(--crm-accent-2) !important;
}

#lpAppShell #wUI_calc .calc-cta__btn:not(:disabled):active,
#lpAppShell #wUI_calc .crmCalcOrderLink:not(.is-disabled):active {
	transform: none !important;
}

#lpAppShell #wUI_calc .calc-cta__btn:disabled {
	background: var(--crm-surface-2) !important;
	border-color: var(--crm-border) !important;
	color: var(--crm-muted-2) !important;
}

#lpAppShell #wUI_calc .crmCalcStack {
	width: auto !important;
	padding: 20px !important;
	display: flex !important;
	flex-direction: column !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
	box-shadow: none !important;
}

#lpAppShell #wUI_calc .crmCalcStack h3 {
	margin: 0 0 8px !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
	color: var(--crm-text) !important;
	font-family: var(--crm-font-sans) !important;
}

#lpAppShell #wUI_calc .crmCalcStack p {
	font-size: 14px !important;
	line-height: 20px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_calc #xAbout {
	display: grid !important;
	gap: 6px !important;
	order: 1 !important;
}

#lpAppShell #wUI_calc #xAbout h3,
#lpAppShell #wUI_calc #xAbout p:not(.crmCalcPanel__label) {
	display: none !important;
}

#lpAppShell #wUI_calc #xStackPane {
	order: 2 !important;
}

#lpAppShell #wUI_calc #xStack.is-visible {
	display: flex !important;
	flex-direction: column !important;
	order: 3 !important;
}

#lpAppShell #wUI_calc #xStackSum {
	order: 1 !important;
}

#lpAppShell #wUI_calc #xStackItems {
	display: grid !important;
	order: 2 !important;
	gap: 10px !important;
	margin-top: 4px !important;
}

#lpAppShell #wUI_calc #xStack .xItem {
	position: relative !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 12px !important;
	padding: 14px 16px !important;
	background: linear-gradient(180deg, var(--crm-surface) 0%, var(--crm-surface-3) 100%) !important;
}

#lpAppShell #wUI_calc #xStack .xItem h3 {
	margin: 0 24px 6px 0 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	font-family: var(--crm-font-sans) !important;
}

#lpAppShell #wUI_calc #xStack .xItem h3 a {
	color: var(--crm-text) !important;
	text-decoration: none !important;
}

#lpAppShell #wUI_calc #xStack .xItem h3 a:hover {
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc #xStack .xItem p {
	display: block !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: initial !important;
	overflow: visible !important;
	margin: 0 0 6px !important;
	font-size: 12px !important;
	line-height: 18px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_calc #xStack .xItemDescription {
	display: flex !important;
	align-items: flex-start !important;
	gap: 6px !important;
}

#lpAppShell #wUI_calc #xStack .xItemDescription p {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

#lpAppShell #wUI_calc #xStack .xItemDescription > div {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

#lpAppShell #wUI_calc #xStack .xItemSpecs {
	display: flex !important;
	margin: 0 !important;
	flex-wrap: wrap !important;
	gap: 4px 10px !important;
}

#lpAppShell #wUI_calc #xStack .xItemSpecs > div {
	display: inline-flex !important;
	min-width: 0 !important;
	align-items: baseline !important;
	gap: 4px !important;
	font-size: 11px !important;
	line-height: 16px !important;
}

#lpAppShell #wUI_calc #xStack .xItemSpecs dt {
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_calc #xStack .xItemSpecs dd {
	margin: 0 !important;
	color: var(--crm-text) !important;
	font-weight: 650 !important;
}

#lpAppShell #wUI_calc #xStack .xItemCopy {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 26px !important;
	width: 26px !important;
	height: 26px !important;
	margin: -4px -4px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: var(--crm-muted) !important;
	cursor: pointer !important;
}

#lpAppShell #wUI_calc #xStack .xItemCopy:hover,
#lpAppShell #wUI_calc #xStack .xItemCopy:focus-visible,
#lpAppShell #wUI_calc #xStack .xItemCopy.is-copied {
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc #xStack .xItemCopy:focus-visible {
	outline: 2px solid var(--crm-accent) !important;
	outline-offset: 1px !important;
}

#lpAppShell #wUI_calc #xStack .xItemCopy .material-symbols-outlined {
	font-size: 17px !important;
	line-height: 1 !important;
}

#lpAppShell #wUI_calc #xStack .xItem p strong {
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_calc #xStack .xItem .xClose {
	opacity: 0.72 !important;
}

#lpAppShell #wUI_calc #xStack .xItem .xClose::before,
#lpAppShell #wUI_calc #xStack .xItem .xClose::after {
	background: var(--crm-muted-2) !important;
}

#lpAppShell #wUI_calc #xStack .xItem .xClose:hover::before,
#lpAppShell #wUI_calc #xStack .xItem .xClose:hover::after {
	background: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc #xStackSum {
	margin-top: 14px !important;
	padding-top: 14px !important;
	border-top: 1px solid var(--crm-border) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: var(--crm-muted) !important;
	font-family: var(--crm-font-sans) !important;
}

#lpAppShell #wUI_calc #xStackSum b {
	color: var(--crm-text) !important;
	font-size: 18px !important;
}

#lpAppShell #wUI_calc #xStackPane {
	margin-top: 16px !important;
}

#lpAppShell #wUI_calc .crmCalcOrderLink {
	display: inline-flex !important;
	width: 100% !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	border-radius: 10px !important;
	border: 1px solid var(--crm-border) !important;
	background: var(--crm-surface-2) !important;
	color: var(--crm-text) !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	font-family: var(--crm-font-sans) !important;
	cursor: pointer !important;
}

#lpAppShell #wUI_calc .crmCalcOrderLink:not(.is-disabled) {
	border-color: var(--crm-accent) !important;
	background: var(--crm-accent) !important;
	color: #fff !important;
}

#lpAppShell #wUI_calc .crmCalcOrderLink:not(.is-disabled):hover {
	background: var(--crm-accent-2) !important;
	border-color: var(--crm-accent-2) !important;
}

#lpAppShell #wUI_calc .crmCalcOrderLink.is-disabled {
	background: var(--crm-surface-2) !important;
	color: var(--crm-muted) !important;
	cursor: default !important;
}

#lpAppShell #wUI_calc .crmCalcModal {
	padding: 24px !important;
}

#lpAppShell #wUI_calc .crmCalcModal__dialog {
	width: min(1040px, calc(100vw - 72px)) !important;
	max-height: calc(100vh - 72px) !important;
	padding: 24px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 18px !important;
	background: var(--crm-surface) !important;
	overflow: auto !important;
}

#lpAppShell #wUI_calc .crmCalcModal__close {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 999px !important;
	background: var(--crm-surface) !important;
	color: var(--crm-muted) !important;
	transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease !important;
}

#lpAppShell #wUI_calc .crmCalcModal__close:hover {
	border-color: rgba(234, 106, 18, 0.34) !important;
	background: var(--crm-accent-soft) !important;
	color: var(--crm-accent) !important;
}

@media (prefers-reduced-motion: no-preference) {
	#wUI_units .crmOrdersMetricCard,
	#wUI_items .crmListTableCard,
	#wUI_clients .crmListTableCard,
	#wUI_users .wUserCard,
	#lpAppShell #wUI_manage .wLostClientsKpi,
	#lpAppShell #wUI_manage .wLostClientsTableCard,
	#lpAppShell #wUI_manage .wLostClientsDetailCard,
	#lpAppShell #wUI_calc .product-types-scroller,
	#lpAppShell #wUI_calc .col-paper,
	#lpAppShell #wUI_calc .col-properties,
	#lpAppShell #wUI_calc .col-price,
	#lpAppShell #wUI_calc .crmCalcStack,
	#lpAppShell #wUI_calc #menu-types li a,
	#lpAppShell #wUI_calc .calc-cta__btn,
	#lpAppShell #wUI_calc .crmCalcOrderLink,
	#lpAppShell #wUI_calc .paper-block,
	#lpAppShell #wUI_calc .btn-more {
		transition:
			border-color 180ms ease-out,
			background-color 180ms ease-out,
			color 180ms ease-out,
			transform 180ms ease-out,
			box-shadow 180ms ease-out !important;
	}
}

@media (prefers-reduced-motion: no-preference) {
	#wUI_units .crmOrdersMetricCard:hover,
	#wUI_items .crmListTableCard:hover,
	#wUI_clients .crmListTableCard:hover,
	#wUI_users .wUserCard:hover,
	#lpAppShell #wUI_manage .wLostClientsKpi:hover,
	#lpAppShell #wUI_manage .wLostClientsTableCard:hover,
	#lpAppShell #wUI_manage .wLostClientsDetailCard:hover,
	#lpAppShell #wUI_calc .product-types-scroller:hover,
	#lpAppShell #wUI_calc .col-paper:hover,
	#lpAppShell #wUI_calc .col-properties:hover,
	#lpAppShell #wUI_calc .col-price:hover,
	#lpAppShell #wUI_calc .crmCalcStack:hover {
		transform: translateY(-1px);
		border-color: rgba(234, 106, 18, 0.18);
	}
}

/* Calculator is an operational surface: hover must never move its geometry. */
#lpAppShell #wUI_calc .product-types-scroller,
#lpAppShell #wUI_calc .col-paper,
#lpAppShell #wUI_calc .col-properties,
#lpAppShell #wUI_calc .col-price,
#lpAppShell #wUI_calc .crmCalcStack,
#lpAppShell #wUI_calc .calendar-choice,
#lpAppShell #wUI_calc .paper-block,
#lpAppShell #wUI_calc #menu-types li a,
#lpAppShell #wUI_calc .calc-cta__btn,
#lpAppShell #wUI_calc .crmCalcOrderLink,
#lpAppShell #wUI_calc .crmPaperListToggle,
.crmPaperPopover .paper-block {
	transform: none !important;
	transition-property: border-color, background-color, color, box-shadow !important;
}

#lpAppShell #wUI_calc .product-types-scroller:hover,
#lpAppShell #wUI_calc .col-paper:hover,
#lpAppShell #wUI_calc .col-properties:hover,
#lpAppShell #wUI_calc .col-price:hover,
#lpAppShell #wUI_calc .crmCalcStack:hover,
#lpAppShell #wUI_calc .calendar-choice:hover,
#lpAppShell #wUI_calc .paper-block:hover,
#lpAppShell #wUI_calc #menu-types li a:hover,
#lpAppShell #wUI_calc .calc-cta__btn:hover,
#lpAppShell #wUI_calc .crmCalcOrderLink:hover,
#lpAppShell #wUI_calc .crmPaperListToggle:hover,
.crmPaperPopover .paper-block:hover {
	transform: none !important;
}

#lpAppShell #wUI_calc .crmCalcModal__body #paper-choose,
#lpAppShell #wUI_calc .crmCalcModal__body #paper1-choose,
#lpAppShell #wUI_calc .crmCalcModal__body #category-preview {
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
}

/* Calendar picker: one coherent calculator component, with parameters per card. */
#lpAppShell #wUI_calc .is-calendar-picker #product-category {
	gap: 14px !important;
}

#lpAppShell #wUI_calc .calendar-choice-grid {
	gap: 10px !important;
}

#lpAppShell #wUI_calc .calendar-choice-card {
	position: relative !important;
	min-width: 0 !important;
}

#lpAppShell #wUI_calc .calendar-choice {
	grid-template-rows: 94px minmax(34px, auto) !important;
	gap: 8px !important;
	width: 100% !important;
	height: 100% !important;
	padding: 8px 8px 9px !important;
	border-radius: 10px !important;
	text-align: center !important;
}

#lpAppShell #wUI_calc .calendar-choice img {
	height: 94px !important;
}

#lpAppShell #wUI_calc .calendar-choice__label {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 4px !important;
	text-align: center !important;
	text-wrap: balance;
}

#lpAppShell #wUI_calc .calendar-choice__details {
	position: absolute !important;
	right: 8px !important;
	top: 8px !important;
	z-index: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	padding: 0 !important;
	border: 1px solid var(--crm-border) !important;
	border-radius: 6px !important;
	background: var(--crm-surface) !important;
	color: var(--crm-muted) !important;
	cursor: pointer !important;
}

#lpAppShell #wUI_calc .calendar-choice__details .material-symbols-outlined {
	font-size: 16px !important;
	line-height: 1 !important;
}

#lpAppShell #wUI_calc .calendar-choice__details:hover,
#lpAppShell #wUI_calc .calendar-choice__details:focus-visible,
#lpAppShell #wUI_calc .calendar-choice-card.is-selected .calendar-choice__details {
	border-color: var(--crm-accent) !important;
	background: var(--crm-surface) !important;
	color: var(--crm-accent) !important;
}

#lpAppShell #wUI_calc .calendar-choice__details:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--crm-accent) 28%, transparent) !important;
	outline-offset: 2px !important;
}

#lpAppShell #wUI_calc .is-calendar-picker .category-preview-link {
	display: none !important;
}

#wOverlay.crmSidePanel.wCalendarPreviewPanel {
	width: min(90vw, 920px) !important;
}

#wOverlay.crmSidePanel.wCalendarPreviewPanel .wCalendarPreviewPanelBody {
	display: grid !important;
	place-items: center !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 20px !important;
	overflow: hidden !important;
	background: var(--crm-bg) !important;
}

#wOverlay.crmSidePanel.wCalendarPreviewPanel .crmCalendarPreviewFigure {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
}

#wOverlay.crmSidePanel.wCalendarPreviewPanel .crmCalendarPreviewFigure img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center !important;
}

@media (max-width: 820px) {
	#wOverlay.crmSidePanel.wCalendarPreviewPanel {
		width: 100vw !important;
		max-width: 100vw !important;
	}

	#wOverlay.crmSidePanel.wCalendarPreviewPanel .wCalendarPreviewPanelBody {
		padding: 12px !important;
	}
}

#lpAppShell #wUI_calc .crmCalcModal__body #paper-choose .paper-block,
#lpAppShell #wUI_calc .crmCalcModal__body #paper1-choose .paper-block {
	width: calc((100% - 40px) / 5) !important;
	min-width: 150px !important;
	height: 118px !important;
	margin: 0 0 10px 10px !important;
}

/* Wide calculator workspace: paper, calculator controls, and one result/order rail. */
@media (min-width: 1181px) {
	#lpAppShell #wUI_calc #xCalc {
		position: relative !important;
		grid-template-columns:
			clamp(300px, 22vw, 360px)
			minmax(420px, 1fr)
			clamp(280px, 18vw, 320px) !important;
		grid-template-rows: auto auto auto minmax(0, 1fr) !important;
		column-gap: 12px !important;
		row-gap: 8px !important;
	}

	#lpAppShell #wUI_calc .calc-main {
		display: contents !important;
	}

	#lpAppShell #wUI_calc .product-types-scroller {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}

	#lpAppShell #wUI_calc .crmCalcItemTitle {
		grid-column: 2 !important;
		grid-row: 2 !important;
	}

	#lpAppShell #wUI_calc .col-buttons {
		grid-column: 2 !important;
		grid-row: 3 !important;
	}

	#lpAppShell #wUI_calc .col-paper {
		grid-column: 1 !important;
		grid-row: 1 / span 4 !important;
		position: sticky !important;
		top: 96px !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: auto !important;
		max-width: 360px !important;
		align-self: start !important;
	}

	#lpAppShell #wUI_calc .col-properties {
		grid-column: 2 !important;
		grid-row: 4 !important;
		align-self: start !important;
		height: auto !important;
		min-height: 0 !important;
	}

	#lpAppShell #wUI_calc .crmCalcRail {
		grid-column: 3 !important;
		grid-row: 1 / span 4 !important;
		position: sticky !important;
		top: 96px !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 16px !important;
		align-content: start !important;
		align-self: start !important;
		min-width: 0 !important;
		max-height: calc(100vh - 112px) !important;
		overflow-y: auto !important;
		scrollbar-gutter: stable !important;
	}

	#lpAppShell #wUI_calc .col-price {
		position: static !important;
		height: auto !important;
		padding: 16px !important;
	}

	#lpAppShell #wUI_calc .col-price .price-full {
		font-size: 32px !important;
		line-height: 36px !important;
	}

	#lpAppShell #wUI_calc .crmCalcStack {
		position: static !important;
		display: flex !important;
		flex-direction: column !important;
		align-self: start !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 16px !important;
		overflow: visible !important;
	}

	#lpAppShell #wUI_calc #xAbout {
		order: 1 !important;
		flex: 0 0 auto !important;
	}

	#lpAppShell #wUI_calc #xStackPane {
		order: 2 !important;
		flex: 0 0 auto !important;
		margin-top: 12px !important;
	}

	#lpAppShell #wUI_calc #xStack {
		order: 3 !important;
		flex: 1 1 auto !important;
		min-height: 0 !important;
		margin-top: 12px !important;
		overflow: visible !important;
	}
}

@media (max-width: 1180px) {
	#lpAppShell #wUI_calc #xCalc {
		grid-template-columns: 1fr !important;
	}

	#lpAppShell #wUI_calc .crmCalcRail {
		grid-column: 1 !important;
		grid-row: 2 !important;
		position: static !important;
	}
}

@media (max-width: 900px) {
	#lpAppShell #wUI_calc .calc-main,
	#lpAppShell #wUI_calc .col-properties {
		grid-template-columns: 1fr !important;
	}

	#lpAppShell #wUI_calc .calc-main {
		grid-template-columns: 1fr !important;
		grid-template-rows: auto auto auto auto auto !important;
	}

	#lpAppShell #wUI_calc .product-types-scroller {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	#lpAppShell #wUI_calc .crmCalcItemTitle {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	#lpAppShell #wUI_calc .col-buttons {
		grid-column: 1 !important;
		grid-row: 3 !important;
	}

	#lpAppShell #wUI_calc .col-paper,
	#lpAppShell #wUI_calc .col-properties {
		grid-column: 1 !important;
	}

	#lpAppShell #wUI_calc .col-paper {
		grid-row: 4 !important;
		max-height: none !important;
		overflow: visible !important;
		scrollbar-gutter: auto !important;
	}

	#lpAppShell #wUI_calc .col-properties {
		grid-row: 5 !important;
	}

	#lpAppShell #wUI_calc .col-label {
		min-height: 0 !important;
		margin-top: 4px !important;
	}

	#lpAppShell #wUI_calc .mobile-paper-wrap {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 760px) {
	#lpAppShell #wUI_calc.wContent {
		padding: 0 var(--crm-page-pad-x-mobile) var(--crm-page-pad-bottom) !important;
	}

	#lpAppShell #wUI_calc #xCalc {
		padding: 0 !important;
		gap: 14px !important;
	}

	#lpAppShell #wUI_calc .calc-main,
	#lpAppShell #wUI_calc .col-properties {
		grid-template-columns: 1fr !important;
	}

	#lpAppShell #wUI_calc .col-label {
		min-height: 0 !important;
		margin-top: 4px !important;
	}

	#lpAppShell #wUI_calc .mobile-paper-wrap {
		grid-column: 1 / -1 !important;
		grid-template-columns: 1fr !important;
	}

	#lpAppShell #wUI_calc .product-types-scroller {
		padding: 0 0 8px !important;
	}

	#lpAppShell #wUI_calc #menu-types {
		min-height: 0 !important;
	}

	#lpAppShell #wUI_calc #menu-types li a,
	#lpAppShell #wUI_calc #menu-types li span {
		width: auto !important;
		min-width: 0 !important;
		height: 34px !important;
		min-height: 34px !important;
		padding: 0 9px !important;
	}

	#lpAppShell #wUI_calc .crmCalcModal {
		padding: 12px !important;
	}

	#lpAppShell #wUI_calc .crmCalcModal__dialog {
		width: calc(100vw - 24px) !important;
		max-height: calc(100vh - 24px) !important;
		padding: 18px 14px !important;
	}

	#lpAppShell #wUI_calc .crmCalcModal__body #paper-choose .paper-block,
	#lpAppShell #wUI_calc .crmCalcModal__body #paper1-choose .paper-block {
		width: calc((100% - 10px) / 2) !important;
		min-width: 0 !important;
	}
}

/* Sticky secondary bar for compact helper applications */
#lpHeader {
	z-index: 1000 !important;
	overflow: visible !important;
}

#lpHeaderInner,
#lpHeaderUser,
.lpUserMeta {
	overflow: visible !important;
}

#wCurrentUserRole.wOpen {
	z-index: 1001 !important;
}

#wRoleDropdownMenu {
	z-index: 1002 !important;
}

#lpAppShell {
	padding-top: 111px;
}

#lpNavigationStack {
	display: block;
	flex: 0 1 auto;
	min-width: 0;
}

#lpHeaderNav #lpNavigationStack #wTabs {
	height: 79px !important;
}

#lpUtilityNav {
	position: fixed;
	top: 79px;
	left: 0;
	right: 0;
	z-index: 79;
	display: flex;
	align-items: center;
	height: 32px;
	padding: 0 24px 0 216px;
	gap: 6px;
	border-bottom: 1px solid var(--crm-border);
	background: var(--crm-surface-2);
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
}

#lpUtilityNav::-webkit-scrollbar { display: none; }

#lpUtilityNav a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: max-content;
	height: 26px;
	padding: 0 9px;
	border-radius: 4px;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	text-decoration: none;
	transition: color 150ms ease, background-color 150ms ease;
}

#lpUtilityNav a .material-symbols-outlined {
	font-size: 14px;
	line-height: 14px;
}

#lpUtilityNav a:hover {
	color: var(--crm-text);
	background: var(--crm-surface);
}

#lpUtilityNav a:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 1px;
}

.wSmsGatewayHealth {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: max-content;
	height: 26px;
	margin-left: auto;
	padding: 0 4px 0 9px;
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 16px;
	font-weight: 600;
}

.wSmsGatewayHealthLamp {
	font-size: 16px;
	line-height: 16px;
	font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 20;
	transition: color 180ms ease, filter 180ms ease;
}

.wSmsGatewayHealth.is-checking .wSmsGatewayHealthLamp { color: var(--crm-muted-2); }
.wSmsGatewayHealth.is-online .wSmsGatewayHealthLamp {
	color: var(--crm-success);
	filter: drop-shadow(0 0 3px color-mix(in srgb, var(--crm-success) 48%, transparent));
}
.wSmsGatewayHealth.is-offline .wSmsGatewayHealthLamp {
	color: var(--crm-danger);
	filter: drop-shadow(0 0 3px color-mix(in srgb, var(--crm-danger) 38%, transparent));
}
.wSmsGatewayHealth.is-online .wSmsGatewayHealthLabel { color: color-mix(in srgb, var(--crm-success) 72%, var(--crm-text)); }
.wSmsGatewayHealth.is-offline .wSmsGatewayHealthLabel { color: color-mix(in srgb, var(--crm-danger) 68%, var(--crm-text)); }

@media (prefers-reduced-motion: reduce) {
	.wSmsGatewayHealthLamp { transition: none; }
}

@media (max-width: 980px) {
	#lpUtilityNav { padding-right: 14px; padding-left: 170px; }
}

@media (max-width: 820px) {
	#lpUtilityNav { padding-left: 70px; }
}

@media (max-width: 700px) {
	#lpAppShell { padding-top: 102px; }
	#lpHeaderNav #lpNavigationStack #wTabs { height: 70px !important; }
	#lpUtilityNav { top: 70px; height: 32px; padding-right: 8px; padding-left: 70px; }
}

/* A6 print preview */
.wPrintPreview {
	position: fixed;
	inset: 0;
	z-index: 17000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease;
}

.wPrintPreview.is-open { opacity: 1; pointer-events: auto; }

.wPrintPreviewBackdrop {
	position: absolute;
	inset: 0;
	background: var(--crm-overlay-backdrop);
}

.wPrintPreviewWindow {
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(1120px, calc(100vw - 48px));
	height: min(820px, calc(100vh - 48px));
	border-radius: 12px;
	background: var(--crm-surface);
	box-shadow: 0 28px 80px var(--crm-overlay-shadow);
	overflow: hidden;
	transform: translateY(8px) scale(.99);
	transition: transform 180ms ease;
}

.wPrintPreview.is-open .wPrintPreviewWindow { transform: translateY(0) scale(1); }

.wPrintPreviewWindow > header,
.wPrintPreviewWindow > footer {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	padding: 14px 18px;
	background: var(--crm-surface);
}

.wPrintPreviewWindow > header {
	justify-content: space-between;
	border-bottom: 1px solid var(--crm-border-soft);
}

.wPrintPreviewWindow > header h2 {
	margin: 0;
	color: var(--crm-text);
	font-size: 18px;
	line-height: 24px;
}

.wPrintPreviewWindow > header p {
	margin: 2px 0 0;
	color: var(--crm-muted);
	font-size: 12px;
}

.wPrintPreviewClose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: var(--crm-surface-2);
	color: var(--crm-text);
	cursor: pointer;
}

.wPrintPreviewCanvas {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	min-height: 0;
	padding: 24px;
	background: var(--crm-surface-2);
	overflow: auto;
}

.wPrintPreviewCanvas iframe {
	display: block;
	width: min(148mm, 100%);
	height: auto;
	aspect-ratio: 148 / 105;
	border: 0;
	background: var(--crm-surface);
	box-shadow: 0 2px 8px var(--crm-overlay-shadow);
}

.wPrintPreviewLoading {
	position: absolute;
	color: var(--crm-muted);
	font-size: 13px;
}

.wPrintPreviewWindow > footer {
	justify-content: flex-end;
	gap: 16px;
	border-top: 1px solid var(--crm-border-soft);
}

.wPrintPreviewWindow > footer > span { color: var(--crm-muted); font-size: 12px; }

.wPrintPreviewPrint {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 42px;
	padding: 0 16px;
	border: 0;
	border-radius: 8px;
	background: var(--crm-accent);
	color: var(--crm-surface);
	font-size: 14px;
	font-weight: 650;
	cursor: pointer;
}

.wPrintPreviewPrint:disabled { opacity: .55; cursor: wait; }
.wPrintPreviewClose:hover { background: var(--crm-border-soft); }
.wPrintPreviewPrint:not(:disabled):hover { background: var(--crm-accent-2); }
.wPrintPreviewClose:focus-visible,
.wPrintPreviewPrint:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }

@media (max-width: 700px) {
	.wPrintPreview { padding: 8px; }
	.wPrintPreviewWindow { width: 100%; height: calc(100vh - 16px); }
	.wPrintPreviewCanvas { padding: 10px; }
	.wPrintPreviewWindow > footer { justify-content: stretch; }
	.wPrintPreviewWindow > footer > span { display: none; }
	.wPrintPreviewPrint { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.wPrintPreview,
	.wPrintPreviewWindow { transition: none; }
}

/* Compact employees directory and archive */
#wUI_users #wFilters.wUsersToolbar {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: auto;
	min-height: 46px;
	margin: 0 24px 16px !important;
	padding: 0 !important;
	gap: 18px;
	border: 0 !important;
	background: transparent !important;
}

#wUI_users .wUsersViewTabs,
#wUI_users .wUsersToolbarActions {
	display: flex;
	align-items: center;
	gap: 8px;
}

#wUI_users .wUsersToolbarActions { margin-left: auto; }

#wUI_users .wUsersViewTab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 38px;
	padding: 0 11px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	color: var(--crm-muted);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

#wUI_users .wUsersViewTab > span:last-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--crm-surface-2);
	font-size: 11px;
}

#wUI_users .wUsersViewTab .material-symbols-outlined { font-size: 16px; }
#wUI_users .wUsersViewTab:hover { color: var(--crm-text); }
#wUI_users .wUsersViewTab.is-active { border-bottom-color: var(--crm-accent); color: var(--crm-accent); }
#wUI_users .wUsersViewTab:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; }

#wUI_users .wuLegacySearch {
	width: 280px !important;
	height: 38px !important;
	margin: 0 !important;
}

#wUI_users #wuActions a {
	height: 38px;
	padding: 0 13px;
	border-radius: 8px;
}

#wUI_users #wUsersCards {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
	grid-auto-rows: 1fr;
	align-items: stretch;
	gap: 10px;
	padding: 0 24px 24px;
}

#wUI_users .wUserCard {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 296px;
	min-width: 0;
	min-height: 296px;
	aspect-ratio: auto;
	padding: 12px;
	border-radius: 10px !important;
	background: var(--crm-surface) !important;
	overflow: visible;
}

#wUI_users .wUserCardHead {
	min-height: 42px;
	max-height: none;
	gap: 10px;
	overflow: visible;
}

#wUI_users .wUserCardAvatar {
	width: 40px;
	height: 40px;
}

#wUI_users .wUserCardAvatar span { font-size: 15px; line-height: 18px; }

#wUI_users .wUserCardName {
	color: var(--crm-text);
	font-size: 15px;
	line-height: 20px;
}

#wUI_users .wUserCardMeta { margin-top: 1px; }

#wUI_users .wUserCardBody {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 8px;
	margin-top: 9px;
	padding-top: 9px;
	overflow: visible;
}

#wUI_users .wUserCardRoles,
#wUI_users .wUserCardRoles .wRoleChips {
	min-height: 64px;
	max-height: 64px;
	overflow: hidden;
}

#wUI_users .wRoleChip { padding: 2px 7px; font-size: 11px; line-height: 15px; }

#wOverlay.wUserEditPanel .wUserRoleChoices .wRoleChoiceList { gap: 7px; }
#wOverlay.wUserEditPanel .wUserRoleChoices .wRoleChoiceOption { min-height: 32px; padding: 5px 10px; font-size: 12px; }
#wOverlay.wUserEditPanel .wUserRoleChoices .wRoleChoiceOption:disabled { cursor: not-allowed; opacity: .66; }

#wUI_users .wUserCardContacts { display: grid; gap: 3px; }
#wUI_users .wUserCardContactRow {
	display: grid;
	grid-template-columns: 18px 68px minmax(0,1fr);
	align-items: center;
	gap: 7px;
	min-height: 22px;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 18px;
}
#wUI_users .wUserCardContactStatus {
	display: grid;
	place-items: center;
	width: 16px;
	height: 16px;
	border: 1px solid var(--crm-border);
	border-radius: 50%;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
}
#wUI_users .wUserCardContactStatus .material-symbols-outlined { font-size: 12px; font-weight: 700; }
#wUI_users .wUserCardContactRow.is-complete .wUserCardContactStatus {
	border-color: var(--crm-success);
	background: var(--crm-success);
	color: var(--crm-surface);
}
#wUI_users .wUserCardContactLabel { color: var(--crm-muted); font-weight: 600; }
#wUI_users .wUserCardContactValue,
#wUI_users .wUserCardContactValue a {
	min-width: 0;
	overflow: hidden;
	color: var(--crm-text);
	text-overflow: ellipsis;
	white-space: nowrap;
}
#wUI_users .wUserCardContactValue a:hover { color: var(--crm-accent-strong); }
#wUI_users .wUserCardContactEmpty { color: var(--crm-muted); }
#wUI_users .wUserCardContactRow.is-notify-enabled .wUserCardContactLabel::after {
	margin-left: 4px;
	color: var(--crm-accent-strong);
	content: "•";
}

#wUI_users .wUserCardFooter {
	min-height: 29px;
	margin-top: auto;
	padding-top: 8px;
}

#wUI_users .wUserCardIconBtn { width: 28px; height: 28px; }

#wUI_users .wUserCardArchiveBtn,
#wUI_users .wUserCardRestoreBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	height: 28px;
	padding: 0 9px;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-muted);
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
}

#wUI_users .wUserCardArchiveBtn .material-symbols-outlined,
#wUI_users .wUserCardRestoreBtn .material-symbols-outlined { font-size: 15px; }
#wUI_users .wUserCardArchiveBtn:hover { border-color: var(--crm-warning); color: var(--crm-warning); }
#wUI_users .wUserCardRestoreBtn { border-color: var(--crm-success); color: var(--crm-success); }
#wUI_users .wUserCardRestoreBtn:hover { background: var(--crm-success-soft); }

#wUI_users .wUserArchiveBadge {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 7px;
	border-radius: 999px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
}

#wUI_users .wUserCard.is-archived { background: var(--crm-surface-3) !important; }
#wUI_users .wUserCard.is-archived .wUserCardAvatar { filter: grayscale(1); opacity: .72; }

@media (max-width: 860px) {
	#wUI_users #wFilters.wUsersToolbar { align-items: stretch; flex-direction: column; margin-right: 0 !important; margin-left: 0 !important; }
	#wUI_users .wUsersToolbarActions { width: 100%; margin-left: 0; }
	#wUI_users .wuLegacySearch { flex: 1 1 auto; width: auto !important; }
	#wUI_users #wUsersCards { grid-template-columns: 1fr; padding-right: 0; padding-left: 0; }
}

@media (max-width: 560px) {
	#wUI_users .wUsersToolbarActions { align-items: stretch; flex-direction: column; }
	#wUI_users #wuActions a { justify-content: center; width: 100%; }
}

/* Compact workstation mode: a narrow desktop window beside production tools. */
.crmCompactSidebarToggle,
.crmCompactSidebarBackdrop {
	display: none;
}

@media (max-width: 1180px) {
	:root {
		--crm-compact-edge: 38px;
	}

	#wOverlay.crmSidePanel {
		width: 80vw !important;
		max-width: 80vw !important;
	}

	#wOverlay.wItemPopup:not(.wItemPopupEditMode) .wItemPopupBody {
		padding: 0 !important;
	}

	#lpHeaderInner {
		padding-right: 12px !important;
		padding-left: 12px !important;
		gap: 10px !important;
	}

	#lpHeaderNavInner {
		gap: 8px !important;
	}

	#lpHeaderNav #wTabs a,
	#lpHeaderNav #wTabs button {
		padding-right: 7px !important;
		padding-left: 7px !important;
		font-size: 13px !important;
	}

	#lpHeaderNav #wTabs .material-symbols-outlined {
		display: inline-block !important;
	}

	#lpHeaderNav #wTab_clients,
	#lpHeaderNav #wTab_manage,
	#lpHeaderNav #wTab_users {
		width: 38px;
		min-width: 38px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	#lpHeaderNav #wTab_clients .lpTabLabel,
	#lpHeaderNav #wTab_manage .lpTabLabel,
	#lpHeaderNav #wTab_users .lpTabLabel {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	#lpUtilityNav {
		padding-right: 12px;
		padding-left: 132px;
	}

	#lpAppShell #wElts {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	#wUI_units .crmOrdersLayout,
	#wUI_items .crmItemsLayout {
		display: block;
	}

	#wUI_units .crmOrdersMain,
	#wUI_items .crmListPageItems {
		width: 100%;
		min-width: 0;
	}

	.crmCompactSidebarToggle {
		position: fixed;
		top: 126px;
		left: 0;
		z-index: 118;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		width: var(--crm-compact-edge);
		height: 92px;
		padding: 8px 0;
		border: 1px solid var(--crm-border);
		border-left: 0;
		border-radius: 0 10px 10px 0;
		background: var(--crm-surface);
		color: var(--crm-muted);
		font: 600 10px/13px var(--crm-font-sans);
		box-shadow: 0 2px 7px rgba(15, 23, 42, 0.12);
		cursor: pointer;
	}

	.crmCompactSidebarToggle > span:last-child {
		writing-mode: vertical-rl;
		transform: rotate(180deg);
	}

	.crmCompactSidebarToggle .material-symbols-outlined {
		font-size: 18px;
		line-height: 18px;
	}

	.crmCompactSidebarToggle:hover,
	.crmCompactSidebarToggle:focus-visible,
	.crmCompactSidebarToggle[aria-expanded="true"] {
		border-color: color-mix(in srgb, var(--crm-accent) 34%, var(--crm-border));
		background: var(--crm-accent-soft);
		color: var(--crm-accent);
		outline: none;
	}

	.crmCompactSidebar {
		position: fixed !important;
		top: 111px;
		bottom: 0;
		left: 0;
		z-index: 121;
		display: block !important;
		width: min(320px, calc(100vw - 56px));
		padding: 20px 18px 28px !important;
		box-sizing: border-box;
		border-right: 1px solid var(--crm-border);
		background: var(--crm-surface);
		box-shadow: 8px 0 18px rgba(15, 23, 42, 0.16);
		overflow-y: auto;
		overscroll-behavior: contain;
		transform: translateX(-102%);
		transition: transform 180ms cubic-bezier(.22, 1, .36, 1);
	}

	.crmCompactSidebar.is-compact-open {
		transform: translateX(0);
	}

	.crmCompactSidebarBackdrop {
		position: fixed;
		inset: 111px 0 0;
		z-index: 120;
		width: auto;
		height: auto;
		padding: 0;
		border: 0;
		background: var(--crm-overlay-backdrop);
		cursor: default;
	}

	body.crmCompactSidebarOpen .crmCompactSidebarBackdrop {
		display: block;
	}

	#wUI_units .crmOrdersToolbar,
	#wUI_items .crmListHeader {
		padding-left: calc(var(--crm-compact-edge) + 6px);
	}

	#wUI_units .crmOrdersTitle,
	#wUI_items .crmListTitle,
	#wUI_clients .crmListTitle {
		font-size: 21px;
		line-height: 27px;
	}

	#wUI_units .crmOrdersToolbar,
	#wUI_items .crmListHeader,
	#wUI_clients .crmListHeader {
		gap: 10px;
	}

	#wUI_units .crmOrdersToolbarControls,
	#wUI_items .crmListControls,
	#wUI_clients .crmListControls {
		gap: 8px;
	}

	#wUI_units .crmOrdersTableWrap,
	#wUI_items .crmListTableWrap,
	#wUI_clients .crmListTableWrap,
	#wUI_clients .crmOrdersTableWrap {
		overflow-x: auto;
		overflow-y: visible;
		overscroll-behavior-x: contain;
		scrollbar-gutter: stable;
	}

	#wUI_units #wTable {
		min-width: 1040px !important;
	}

	#wUI_items #wTable {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	#wUI_items #wTable thead th,
	#wUI_items #wTable tbody td {
		padding-right: 7px !important;
		padding-left: 7px !important;
	}

	#wUI_clients #wTable {
		min-width: 1080px !important;
	}

	#wUI_units #wTable thead th,
	#wUI_units #wTable tbody td,
	#wUI_items #wTable thead th,
	#wUI_items #wTable tbody td,
	#wUI_clients #wTable thead th,
	#wUI_clients #wTable tbody td {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	#wUI_units .crmOrdersTopTabs,
	#wUI_items .crmListChips {
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
		scrollbar-width: thin;
	}
}

@media (max-width: 820px) {
	#wOverlay.crmSidePanel {
		width: 100vw !important;
		max-width: 100vw !important;
	}
}

/* The orders table already fits the desktop grid. Do not create a scrollbar
 * for fractional column rounding when the section is mounted or switched. */
@media (min-width: 901px) {
	#wUI_items .crmListTableWrap {
		overflow-x: clip !important;
		scrollbar-gutter: auto !important;
	}

	#wUI_items .crmListTableCard,
	#wUI_items .crmListTableWrap,
	#wUI_items #wTable {
		box-sizing: border-box;
		min-width: 0 !important;
		max-width: 100% !important;
	}
}

/* Shared record drawer contract: orders, tasks, and clients keep one width. */
@media (min-width: 821px) {
	#wOverlay.crmSidePanel.wItemPopup:not(.wItemPopupEditMode),
	#wOverlay.crmSidePanel.wUnitPopup:not(.wUnitPopupEditMode),
	#wOverlay.crmSidePanel.wClientPopup {
		width: var(--crm-record-drawer-width) !important;
		max-width: var(--crm-record-drawer-width) !important;
	}

	#wOverlay.wItemPopup:not(.wItemPopupEditMode) #wiWrapper,
	#wOverlay.wItemPopup:not(.wItemPopupEditMode) #wiWrapper.wiNoNote,
	#wOverlay.wUnitPopup:not(.wUnitPopupEditMode) .wUnitPopupBody > #wuWrapper {
		grid-template-columns: minmax(0, 1fr) var(--crm-record-drawer-aside-width) !important;
	}
}

@media (min-width: 901px) and (max-width: 1180px) {
	#lpAppShell #wUI_calc .crmCalcRail {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		align-items: start !important;
	}

	#lpAppShell #wUI_calc .col-price,
	#lpAppShell #wUI_calc .crmCalcStack {
		height: auto !important;
		min-height: 100% !important;
	}
}

@media (max-width: 900px) {
	#lpUtilityNav {
		padding-left: 76px;
	}

	.crmCompactSidebar,
	.crmCompactSidebarBackdrop {
		top: 111px;
	}

	#lpAppShell #wUI_calc .crmCalcRail {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 860px) {
	#wUI_units .crmOrdersTopTabs {
		display: flex;
		grid-template-columns: none;
		width: 100%;
		gap: 0;
		justify-content: space-between;
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
	}

	#wUI_units .crmOrdersTopTab {
		flex: 1 0 auto;
		justify-content: center;
		min-width: max-content;
		padding-right: 8px;
		padding-left: 8px;
	}

	#wUI_items .crmListChips {
		display: flex;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	.crmCompactSidebar {
		transition: none;
	}
}

@media (max-width: 1260px) {
	.lpUserMeta {
		display: flex !important;
		flex-direction: row !important;
		align-items: center;
		gap: 2px;
		width: auto;
		max-width: 54px;
	}

	.lpUserNameRow {
		display: flex !important;
		flex: 0 0 24px;
		width: 24px;
		min-width: 24px;
	}

	#wCurrentUserName,
	#wRoleName {
		display: none !important;
	}

	.lpUserNameRow .lpAdminGear,
	#wRoleDropdownToggle {
		width: 24px;
		min-width: 24px;
		height: 28px;
		padding: 0 !important;
		justify-content: center;
	}

	#wCurrentUserRole {
		flex: 0 0 24px;
		width: 24px;
	}
}

@media (max-width: 1050px) {
	#lpHeaderInner {
		flex-wrap: nowrap !important;
		gap: 8px !important;
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	#lpHeaderNavInner {
		flex-wrap: nowrap !important;
		gap: 6px !important;
	}

	#lpNavigationStack {
		flex: 0 1 auto;
		min-width: 0;
	}

	#lpHeaderNav #wTabs {
		flex: 0 1 auto;
		min-width: 0;
		gap: 1px !important;
		overflow: visible;
	}

	#lpHeaderNav #wTabs button {
		flex: 0 0 38px !important;
		width: 38px !important;
		min-width: 38px !important;
		padding: 0 !important;
		gap: 0 !important;
	}

	#lpHeaderNav #wTabs .lpTabLabel {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	#lpAppShell #lpHeaderNavRight {
		display: flex !important;
		flex: 0 0 auto !important;
		align-items: center;
		flex-wrap: nowrap !important;
		margin-left: auto !important;
		width: auto !important;
		min-width: 0 !important;
		height: 44px;
		gap: 6px !important;
	}

	#lpSearch {
		display: none !important;
	}

	#lpAppShell #wTopBarDate {
		display: flex !important;
		flex: 0 0 42px;
		width: 42px;
		min-width: 42px !important;
	}

	#lpAppShell #wTopBarDate .wDateRangeWrapper,
	#lpAppShell #wDateRangeBtn {
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		justify-content: center;
	}

	#lpAppShell #wDateRangeBtn .wDateRangeLabel {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	#wInternalNotifications {
		display: block;
		flex: 0 0 38px;
	}

	#lpHeaderUser {
		display: flex !important;
		flex: 0 0 auto;
		align-items: center;
		flex-wrap: nowrap !important;
		gap: 5px !important;
		width: auto;
		min-width: 0;
	}

	.lpUserMeta {
		display: block !important;
		flex: 0 0 28px;
		width: 28px;
		max-width: 28px;
	}

	.lpUserNameRow {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 28px;
		min-width: 28px;
		height: 36px;
	}

	.lpUserNameRow .lpAdminGear {
		width: 28px;
		min-width: 28px;
		height: 36px;
	}

	#wCurrentUserName,
	#wCurrentUserRole,
	.lpUserDivider {
		display: none !important;
	}

	.lpUserAvatar,
	.lpLogoutBtn {
		flex: 0 0 auto;
	}
}

/* Compact calculator result and order column. */
#lpAppShell #wUI_calc .crmCalcTitleRow {
	grid-column: 2 !important;
	grid-row: 2 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 200px) 54px !important;
	align-items: stretch !important;
	gap: 12px !important;
	min-width: 0 !important;
}

#lpAppShell #wUI_calc .crmCalcTitleRow .crmCalcItemTitle {
	grid-column: 1 !important;
	grid-row: 1 !important;
	min-width: 0 !important;
}

#lpAppShell #wUI_calc .crmCalcCompactPrice {
	grid-column: 2 !important;
	grid-row: 1 !important;
	order: 0 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 12px !important;
	width: auto !important;
	height: 61px !important;
	min-height: 61px !important;
	max-height: 61px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 1px solid color-mix(in srgb, var(--crm-accent) 24%, var(--crm-border)) !important;
	border-radius: 10px !important;
	background: var(--crm-accent-soft) !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

#lpAppShell #wUI_calc .crmCalcCompactPrice > .crmCalcPanel__label {
	margin: 0 !important;
	font-size: 10px !important;
	letter-spacing: .04em !important;
}

#lpAppShell #wUI_calc .crmCalcCompactPrice__values {
	display: flex !important;
	min-width: 0 !important;
	align-items: flex-end !important;
	justify-content: center !important;
	flex-direction: column !important;
}

#lpAppShell #wUI_calc .crmCalcCompactPrice .price-full {
	margin: 0 !important;
	min-height: 27px !important;
	font-size: 24px !important;
	line-height: 27px !important;
	font-weight: 750 !important;
	white-space: nowrap !important;
}

#lpAppShell #wUI_calc .crmCalcCompactPrice .price-one {
	margin: 1px 0 0 !important;
	min-height: 15px !important;
	font-size: 11px !important;
	line-height: 15px !important;
	white-space: nowrap !important;
}

#lpAppShell #wUI_calc .crmCalcSummaryData {
	display: none !important;
}

#lpAppShell #wUI_calc .crmCalcTitleAdd {
	grid-column: 3 !important;
	grid-row: 1 !important;
	order: 0 !important;
	display: flex !important;
	align-items: stretch !important;
	margin: 0 !important;
}

#lpAppShell #wUI_calc .crmCalcTitleAdd .calc-cta__btn {
	display: inline-flex !important;
	flex: 1 1 auto !important;
	align-self: stretch !important;
	align-items: center !important;
	justify-content: center !important;
	width: 54px !important;
	min-width: 54px !important;
	height: auto !important;
	min-height: 54px !important;
	padding: 0 !important;
	border-radius: 10px !important;
}

#lpAppShell #wUI_calc .crmCalcTitleAdd .material-symbols-outlined {
	font-size: 23px !important;
}

#lpAppShell #wUI_calc .crmCalcRail {
	grid-template-columns: minmax(0, 1fr) !important;
}

#lpAppShell #wUI_calc .crmCalcStack {
	padding: 14px !important;
}

#lpAppShell #wUI_calc .crmCalcStack .calc-cta {
	order: 1 !important;
	margin: 0 !important;
}

#lpAppShell #wUI_calc .crmCalcStack #xAbout {
	order: 2 !important;
	gap: 4px !important;
	margin: 0 0 2px !important;
}

#lpAppShell #wUI_calc .crmCalcStack #xAbout .crmCalcEmptyTitle {
	display: block !important;
	margin: 0 !important;
	font-size: 15px !important;
	line-height: 20px !important;
	font-weight: 700 !important;
	color: var(--crm-text) !important;
}

#lpAppShell #wUI_calc .crmCalcStack #xAbout .crmCalcEmptyText {
	display: block !important;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 18px !important;
	color: var(--crm-muted) !important;
}

#lpAppShell #wUI_calc .crmCalcStack #xAbout.is-hidden {
	display: none !important;
}

#lpAppShell #wUI_calc .crmCalcStack #xStack {
	order: 3 !important;
	margin-top: 4px !important;
}

#lpAppShell #wUI_calc .crmCalcStack #xStackItems {
	order: 1 !important;
	margin-top: 0 !important;
}

#lpAppShell #wUI_calc .crmCalcStack #xStackSum {
	order: 2 !important;
}

#lpAppShell #wUI_calc .crmCalcStack #xStackPane {
	order: 4 !important;
	margin-top: 12px !important;
}

@media (max-width: 900px) {
	#lpAppShell #wUI_calc .crmCalcTitleRow {
		grid-column: 1 !important;
		grid-row: 2 !important;
		grid-template-columns: minmax(0, 1fr) minmax(160px, 190px) 54px !important;
	}
}

@media (min-width: 901px) and (max-width: 1380px) {
	#lpAppShell #wUI_calc .crmCalcTitleRow {
		grid-template-columns: minmax(0, 1fr) 54px !important;
		grid-template-rows: 61px auto !important;
	}

	#lpAppShell #wUI_calc .crmCalcTitleRow .crmCalcItemTitle {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
	}

	#lpAppShell #wUI_calc .crmCalcCompactPrice {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	#lpAppShell #wUI_calc .crmCalcTitleAdd {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}
}

@media (max-width: 620px) {
	#lpAppShell #wUI_calc .crmCalcTitleRow {
		grid-template-columns: minmax(0, 1fr) 150px 54px !important;
		gap: 8px !important;
	}

	#lpAppShell #wUI_calc .crmCalcCompactPrice {
		grid-template-columns: 1fr !important;
		gap: 1px !important;
		padding: 7px 9px !important;
	}

	#lpAppShell #wUI_calc .crmCalcCompactPrice > .crmCalcPanel__label {
		display: none !important;
	}
}

@media (max-width: 820px) {
	#lpAppShell #wUI_calc .crmCalcTitleRow {
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
	}

	#lpAppShell #wUI_calc .crmCalcTitleRow .crmCalcItemTitle {
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	#lpAppShell #wUI_calc .crmCalcItemTitle__label {
		display: none !important;
	}

	#lpAppShell #wUI_calc .crmCalcItemTitle input {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}
}

@media (max-width: 560px) {
	#lpAppShell #wUI_calc .crmCalcTitleRow {
		grid-template-columns: minmax(0, 1fr) 54px !important;
		grid-template-rows: auto auto !important;
	}

	#lpAppShell #wUI_calc .crmCalcTitleRow .crmCalcItemTitle {
		grid-column: 1 / -1 !important;
		grid-row: 1 !important;
	}

	#lpAppShell #wUI_calc .crmCalcCompactPrice {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	#lpAppShell #wUI_calc .crmCalcTitleAdd {
		grid-column: 2 !important;
		grid-row: 2 !important;
	}
}

/* Calculator order rail: persistent on desktop, compact drawer in narrow workspaces. */
#lpAppShell #wUI_calc .crmCalcOrderSidebarToggle {
	display: none !important;
}

#lpAppShell #wUI_calc .crmCalcOrderSidebarClose {
	display: none !important;
}

#lpAppShell #wUI_calc .crmCalcOrderSidebarCount {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	box-sizing: border-box;
	border-radius: 999px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font-size: 10px;
	font-weight: 700;
	line-height: 20px;
}

#lpAppShell #wUI_calc .crmCalcOrderSidebarToggle.has-items .crmCalcOrderSidebarCount {
	background: var(--crm-accent);
	color: #fff;
}

@media (max-width: 1180px) {
	#lpAppShell #wUI_calc .product-types-scroller {
		position: relative !important;
		padding-right: 102px !important;
		box-sizing: border-box !important;
	}

	#lpAppShell #wUI_calc #menu-types {
		box-sizing: border-box !important;
	}

	#lpAppShell #wUI_calc .crmCalcOrderSidebarToggle {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		left: auto !important;
		z-index: 2 !important;
		display: inline-flex !important;
		flex-direction: row !important;
		gap: 5px !important;
		width: 94px !important;
		height: 34px !important;
		padding: 0 8px !important;
		border: 1px solid var(--crm-border) !important;
		border-left: 1px solid var(--crm-border) !important;
		border-radius: 8px !important;
		box-shadow: none !important;
		transform: none !important;
	}

	#lpAppShell #wUI_calc .crmCalcOrderSidebarToggle .crmCalcOrderSidebarLabel {
		position: static !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		overflow: visible !important;
		clip: auto !important;
		white-space: nowrap !important;
		writing-mode: horizontal-tb !important;
		transform: none !important;
	}

	#lpAppShell #wUI_calc .crmCalcTitleRow {
		grid-template-columns: minmax(0, 1fr) 54px !important;
		grid-template-rows: 61px auto !important;
	}

	#lpAppShell #wUI_calc .crmCalcCompactPrice {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	#lpAppShell #wUI_calc .crmCalcTitleAdd {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}

	#lpAppShell #wUI_calc .crmCalcTitleRow .crmCalcItemTitle {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
	}

	#lpAppShell #wUI_calc .crmCalcRail.crmCompactSidebar {
		position: fixed !important;
		top: 111px !important;
		right: 0 !important;
		bottom: 0 !important;
		left: auto !important;
		z-index: 121 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-column: auto !important;
		grid-row: auto !important;
		align-content: start !important;
		width: min(420px, calc(100vw - 56px)) !important;
		max-width: none !important;
		height: auto !important;
		max-height: none !important;
		padding: 56px 16px 16px !important;
		box-sizing: border-box !important;
		border: 0 !important;
		border-left: 1px solid var(--crm-border) !important;
		background: var(--crm-surface) !important;
		box-shadow: -8px 0 18px rgba(15, 23, 42, 0.16) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		transform: translateX(102%) !important;
		transition: transform 180ms cubic-bezier(.22, 1, .36, 1) !important;
	}

	#lpAppShell #wUI_calc .crmCalcOrderSidebarClose {
		position: absolute !important;
		top: 12px !important;
		right: 12px !important;
		z-index: 2 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 36px !important;
		height: 36px !important;
		padding: 0 !important;
		border: 1px solid var(--crm-border) !important;
		border-radius: 9px !important;
		background: var(--crm-surface) !important;
		color: var(--crm-muted) !important;
		cursor: pointer !important;
	}

	#lpAppShell #wUI_calc .crmCalcOrderSidebarClose:hover,
	#lpAppShell #wUI_calc .crmCalcOrderSidebarClose:focus-visible {
		border-color: color-mix(in srgb, var(--crm-accent) 34%, var(--crm-border)) !important;
		background: var(--crm-accent-soft) !important;
		color: var(--crm-accent) !important;
		outline: none !important;
	}

	#lpAppShell #wUI_calc .crmCalcOrderSidebarClose .material-symbols-outlined {
		font-size: 20px !important;
	}

	#lpAppShell #wUI_calc .crmCalcRail.crmCompactSidebar.is-compact-open {
		transform: translateX(0) !important;
	}

	#lpAppShell #wUI_calc .crmCalcRail .crmCalcStack {
		width: 100% !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 560px) {
	#lpAppShell #wUI_calc .product-types-scroller {
		padding-right: 62px !important;
	}

	#lpAppShell #wUI_calc .crmCalcOrderSidebarToggle {
		width: 54px !important;
		padding: 0 5px !important;
	}

	#lpAppShell #wUI_calc .crmCalcOrderSidebarToggle .crmCalcOrderSidebarLabel {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#lpAppShell #wUI_calc .crmCalcRail.crmCompactSidebar {
		transition: none !important;
	}
}
/* Normalized client contacts */
#wUI_clients #wTable {
	table-layout: fixed;
}
#wUI_clients #wTable thead th:nth-child(1) { width: 62px !important; }
#wUI_clients #wTable thead th:nth-child(2) { width: auto !important; }
#wUI_clients #wTable thead th:nth-child(3) { width: 72px !important; }
#wUI_clients #wTable thead th:nth-child(4) { width: 38% !important; }
#wUI_clients #wTable thead th:nth-child(5) { width: 150px !important; }
#wUI_clients .wClientContactPreview {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 54px;
	min-width: 0;
	align-items: center;
	gap: 14px;
}
#wUI_clients .wClientContactPreviewItem {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}
#wUI_clients .wClientContactPreviewItem:nth-child(2) {
	grid-column: 2;
}
#wUI_clients .wClientContactPreviewName {
	overflow: hidden;
	color: var(--crm-text);
	font-size: 13px;
	line-height: 17px;
	font-weight: 650;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#wUI_clients .wClientContactPreviewChannels {
	overflow: hidden;
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#wUI_clients .wClientContactMore {
	grid-column: 3;
	justify-self: end;
	color: var(--crm-muted);
	font-size: 11px;
	white-space: nowrap;
}
#wUI_clients .wClientContactEmpty { color: var(--crm-muted); }
.wcContactsHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 14px 0 8px;
}
.wcContactAdd,
.wcContactPersonActions button,
.wNewOrderInlineAction {
	border: 0;
	border-radius: var(--crm-radius-sm, 8px);
	background: var(--crm-surface-muted);
	color: var(--crm-text);
	font: inherit;
	cursor: pointer;
}
.wcContactAdd {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 0 10px;
}
.wcContactAdd .material-symbols-outlined { font-size: 18px; }
.wcContactAdd:hover,
.wcContactPersonActions button:hover,
.wNewOrderInlineAction:hover:not(:disabled) { background: var(--crm-accent-soft); }
.wcContactAdd:focus-visible,
.wcContactPersonActions button:focus-visible,
.wNewOrderInlineAction:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}
.wcContactPerson {
	padding: 12px 0;
	border-top: 1px solid var(--crm-border-soft);
}
.wcContactPerson.is-archived { opacity: .66; }
.wcContactPersonHead {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}
.wcContactPersonHead > strong {
	min-width: 0;
	overflow-wrap: anywhere;
}
.wcContactPersonActions {
	display: inline-flex;
	flex: 0 0 auto;
	gap: 6px;
}
.wcContactPersonActions .wcContactIconAction {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid var(--crm-border);
	border-radius: 8px;
	background: var(--crm-surface);
	color: var(--crm-muted);
}
.wcContactPersonActions .wcContactIconAction .material-symbols-outlined {
	font-size: 18px;
	line-height: 1;
}
.wcContactPersonActions .wcContactIconAction:hover {
	border-color: color-mix(in srgb,var(--crm-accent) 34%,var(--crm-border));
	background: var(--crm-accent-soft);
	color: var(--crm-accent-strong);
}
.wcContactPersonActions .wcContactArchiveAction:hover {
	border-color: color-mix(in srgb,var(--crm-danger) 34%,var(--crm-border));
	background: var(--crm-danger-soft);
	color: var(--crm-danger);
}
.wcContactChannels {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 8px;
	color: var(--crm-muted);
	font-size: 13px;
}
.wcContactChannelRow {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) 32px;
	align-items: center;
	min-height: 28px;
	gap: 6px;
}
.wcContactChannelIcon {
	color: var(--crm-muted-2);
	font-size: 17px;
	line-height: 1;
}
.wcContactChannelValue {
	min-width: 0;
	color: var(--crm-text);
	overflow-wrap: anywhere;
}
.wcContactCopyAction {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--crm-muted);
	cursor: pointer;
}
.wcContactCopyAction .material-symbols-outlined {
	font-size: 17px;
}
.wcContactCopyAction:hover {
	background: var(--crm-surface-2);
	color: var(--crm-text);
}
.wcContactCopyAction:focus-visible {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}
.wcContactChannelsEmpty {
	color: var(--crm-muted);
}
.wcContactPermissions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}
.wcContactPermission {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	gap: 4px;
	padding: 0 7px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}
.wcContactPermission > .material-symbols-outlined {
	font-size: 15px;
}
.wcContactPermission .wcContactPermissionState {
	font-size: 13px;
}
.wcContactPermission.is-enabled {
	background: var(--crm-success-soft);
	color: var(--crm-success);
}
.wcContactPermission.is-disabled {
	background: var(--crm-surface-2);
	color: var(--crm-muted);
}
.wcContactPermission.is-disabled .wcContactPermissionState {
	color: var(--crm-muted-2);
}
.wcVisuallyHidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.wcContactPerson p { margin: 7px 0 0; white-space: pre-wrap; }
.wcContactReview {
	display: inline-flex;
	margin-top: 6px;
	border-radius: var(--crm-radius-xs, 4px);
	background: color-mix(in srgb, var(--crm-warning) 12%, var(--crm-surface));
	color: var(--crm-text);
	padding: 3px 6px;
	font-size: 12px;
}
.wClientContactPermissions {
	margin: 18px 0 0;
	padding: 0;
	border: 0;
}
.wClientContactPermissions legend {
	padding: 0;
	color: var(--crm-text);
	font-size: 14px;
	line-height: 20px;
	font-weight: 650;
}
.wClientContactPermissionsHint {
	margin: 4px 0 12px;
	color: var(--crm-muted);
	font-size: 12px;
	line-height: 18px;
}
.wClientContactPermissionGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}
.wClientContactPermissionOption {
	position: relative;
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) 20px;
	align-items: center;
	gap: 10px;
	min-height: 64px;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid var(--crm-border);
	border-radius: 10px;
	background: var(--crm-surface);
	color: var(--crm-text);
	cursor: pointer;
	transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}
.wClientContactPermissionOption input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
.wClientContactPermissionIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font-size: 19px;
}
.wClientContactPermissionText {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 1px;
}
.wClientContactPermissionText strong {
	font-size: 13px;
	line-height: 18px;
	font-weight: 650;
}
.wClientContactPermissionText small {
	overflow: hidden;
	color: var(--crm-muted);
	font-size: 11px;
	line-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wClientContactPermissionState {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 1px solid var(--crm-border);
	border-radius: 6px;
	color: transparent;
	font-size: 15px;
	transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}
.wClientContactPermissionOption:hover {
	border-color: color-mix(in srgb, var(--crm-accent) 30%, var(--crm-border));
	background: color-mix(in srgb, var(--crm-accent-soft) 35%, var(--crm-surface));
}
.wClientContactPermissionOption:focus-within {
	outline: 2px solid var(--crm-accent);
	outline-offset: 2px;
}
.wClientContactPermissionOption:has(input:checked) {
	border-color: color-mix(in srgb, var(--crm-accent) 58%, var(--crm-border));
	background: var(--crm-accent-soft);
}
.wClientContactPermissionOption:has(input:checked) .wClientContactPermissionIcon {
	background: var(--crm-surface);
	color: var(--crm-accent-strong);
}
.wClientContactPermissionOption:has(input:checked) .wClientContactPermissionState {
	border-color: var(--crm-accent);
	background: var(--crm-accent);
	color: var(--crm-surface);
}
.wClientContactFormStatus {
	min-height: 20px;
	margin-top: 10px;
	color: var(--crm-danger);
}
.wNewOrderInlineAction {
	align-self: flex-start;
	margin-top: 7px;
	padding: 7px 10px;
}
.wNewOrderInlineAction:disabled { cursor: not-allowed; opacity: .55; }
.wNewOrderContactHint {
	display: block;
	margin-top: 6px;
	color: var(--crm-muted);
	font-size: 12px;
}
#wOverlay #wNewContact {
	width: 100%;
	min-height: 42px;
}
@media (max-width: 820px) {
	.wcContactPersonHead { flex-direction: column; }
	.wClientContactPermissionGrid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.wClientContactPermissionOption,
	.wClientContactPermissionState { transition: none; }
}
.wUtilityDivider{width:1px;height:16px;background:#d7dce3;margin:0 4px}.wBugReportBadge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d94949;color:#fff;font-size:11px;line-height:18px;text-align:center}.wBugReportPanel{width:min(680px,100vw)}.wBugReportPanelBody{padding:0!important;background:#f5f6f8}.wBugCompose{position:sticky;top:0;z-index:2;padding:20px;background:#fff;border-bottom:1px solid #e2e5e9}.wBugCompose h3{margin:0 0 10px;font-size:16px}.wBugCompose textarea,.wBugTriage textarea,.wBugReply textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #d8dde4;border-radius:10px;padding:11px 12px;font:inherit}.wBugComposeActions,.wBugFeedToolbar{display:flex;align-items:center;gap:10px;margin-top:10px}.wBugFileButton{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#9b4c0c}.wBugFileButton .material-symbols-outlined{font-size:20px}#wBugFileSummary{color:#737b86;font-size:12px;margin-right:auto}#wBugFormMessage{min-height:18px;margin-top:7px;color:#59616c;font-size:12px}.wBugFeed{padding:16px 20px 28px}.wBugFeedToolbar{margin:0 0 12px}.wBugFeedToolbar select,.wBugFeedToolbar input,.wBugTriage select{min-width:0;border:1px solid #d8dde4;background:#fff;border-radius:8px;padding:8px 9px}.wBugFeedToolbar input{flex:1}.wBugCard{background:#fff;border:1px solid #e0e4e9;border-radius:12px;margin-bottom:9px;overflow:hidden}.wBugCardMain{display:flex;flex-direction:column;gap:8px;width:100%;padding:14px;text-align:left;border:0;background:none;cursor:pointer}.wBugMeta{display:flex;align-items:center;gap:8px;color:#727a85;font-size:12px}.wBugStatus{border-radius:999px;background:#eef1f4;padding:3px 7px}.wBugStatus.is-new,.wBugStatus.is-needs_info{background:#fff0df;color:#a34c00}.wBugStatus.is-resolved{background:#e6f5eb;color:#237441}.wBugText{white-space:pre-wrap;line-height:1.45}.wBugBy,.wBugDetailContext{font-size:12px;color:#737b86}.wBugEmpty{display:flex;flex-direction:column;gap:4px;padding:32px;text-align:center;color:#737b86}.wBugReportDetailBody{padding:22px}.wBugDetailText{white-space:pre-wrap;font-size:16px;line-height:1.55}.wBugDetailContext{margin:10px 0 18px}.wBugAttachments{display:flex;gap:8px;flex-wrap:wrap}.wBugThumb img{width:120px;height:86px;object-fit:cover;border-radius:9px;border:1px solid #ddd}.wBugTriage,.wBugReply{display:grid;gap:9px;padding:14px;margin:18px 0;background:#f5f6f8;border-radius:12px}.wBugTriage{grid-template-columns:1fr 1fr}.wBugTriage textarea,.wBugTriage button{grid-column:1/-1}.wBugComment{padding:12px 0;border-bottom:1px solid #e5e7ea}.wBugComment span{float:right;color:#7a828d;font-size:12px}.wBugComment p{white-space:pre-wrap;margin:6px 0 0}.wBugReply textarea{min-height:90px}@media(max-width:700px){.wUtilityDivider{display:none}.wBugReportPanel{width:100vw}.wBugFeedToolbar{align-items:stretch;flex-direction:column}.wBugFeedToolbar>*{width:100%}.wBugCompose{padding:16px}.wBugFeed{padding:12px}.wBugTriage{grid-template-columns:1fr}.wBugComposeActions{flex-wrap:wrap}}

/* Bug reports: product-detail layout */
.wBugCard {
	transition: border-color 180ms ease, background-color 180ms ease, transform 180ms cubic-bezier(.22,1,.36,1);
}
.wBugCard.is-newly-added {
	border-color: var(--crm-accent);
	background: var(--crm-accent-soft);
	transform: translateY(-4px);
}
.wBugReportDetailPanel { width: min(920px, 100vw); }
.wBugReportDetailBody {
	padding: 0;
	background: var(--crm-surface-subtle, #f6f7f9);
}
.wBugDetailHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 24px;
	border-bottom: 1px solid var(--crm-border);
	background: var(--crm-surface);
}
.wBugDetailHeader p { margin: 0; color: var(--crm-muted); font-size: 12px; }
.wBugDetailIdentity { display: flex; align-items: center; gap: 8px; }
.wBugStatus,
.wBugPriority {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	box-sizing: border-box;
	border-radius: 999px;
	padding: 3px 9px;
	font-size: 12px;
	font-weight: 650;
}
.wBugPriority { background: #eef1f4; color: #4d5662; }
.wBugPriority.is-high { background: #fff0df; color: #944600; }
.wBugPriority.is-critical { background: #fdeaea; color: #a52f2f; }
.wBugDetailLayout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 236px;
	align-items: start;
	gap: 24px;
	padding: 24px;
}
.wBugDetailMain { min-width: 0; }
.wBugDetailIssue,
.wBugDetailFiles,
.wBugDetailDiscussion,
.wBugTriage,
.wBugDecisionRead {
	margin: 0 0 20px;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
}
.wBugDetailIssue,
.wBugDetailFiles { padding: 20px; }
.wBugDetailIssue > h3,
.wBugDetailFiles > h3,
.wBugDetailAside > h3 {
	margin: 0 0 12px;
	color: var(--crm-ink);
	font-size: 13px;
	font-weight: 700;
}
.wBugDetailFiles > h3 span { color: var(--crm-muted); font-weight: 500; }
.wBugDetailText {
	max-width: 70ch;
	color: var(--crm-ink);
	font-size: 15px;
	line-height: 1.6;
	white-space: pre-wrap;
	text-wrap: pretty;
}
.wBugAttachments { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.wBugThumb { overflow: hidden; color: var(--crm-ink); text-decoration: none; }
.wBugThumb img { display: block; width: 100%; height: 112px; object-fit: cover; border: 1px solid var(--crm-border); border-radius: 8px; }
.wBugThumb > span { display: flex; align-items: center; gap: 4px; overflow: hidden; margin-top: 6px; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.wBugThumb .material-symbols-outlined { flex: 0 0 auto; color: var(--crm-muted); font-size: 15px; }
.wBugSectionHeading { display: flex; align-items: flex-start; gap: 10px; padding: 18px 20px 14px; }
.wBugSectionHeading > .material-symbols-outlined { color: var(--crm-accent-strong); font-size: 21px; }
.wBugSectionHeading h3 { margin: 0; font-size: 14px; }
.wBugSectionHeading p { margin: 3px 0 0; color: var(--crm-muted); font-size: 12px; line-height: 1.45; }
.wBugTriage { display: block; padding: 0; background: var(--crm-surface); }
.wBugTriageFields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 20px 12px; }
.wBugTriage label { display: flex; flex-direction: column; gap: 6px; }
.wBugTriage label > span,
.wBugReply > label { color: var(--crm-ink); font-size: 12px; font-weight: 650; }
.wBugTriage select,
.wBugTriage textarea,
.wBugReply textarea { border-color: var(--crm-border); background: var(--crm-surface); }
.wBugTriage select:focus,
.wBugTriage textarea:focus,
.wBugReply textarea:focus { outline: 2px solid var(--crm-accent); outline-offset: 1px; }
.wBugDecisionField { padding: 0 20px; }
.wBugTriageFooter { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 12px 20px 18px; }
.wBugTriageFooter > span { margin-right: auto; color: var(--crm-muted); font-size: 12px; }
.wBugComments { padding: 0 20px; }
.wBugComment { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--crm-border); }
.wBugComment:last-child { border-bottom: 0; }
.wBugCommentAvatar { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--crm-accent-soft); color: var(--crm-accent-strong); font-size: 13px; font-weight: 700; }
.wBugComment header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.wBugComment header b { font-size: 13px; }
.wBugComment time { color: var(--crm-muted); font-size: 11px; }
.wBugComment p { margin: 5px 0 0; color: var(--crm-ink); font-size: 13px; line-height: 1.5; white-space: pre-wrap; }
.wBugDiscussionEmpty { margin: 0 20px; padding: 18px 0; color: var(--crm-muted); font-size: 13px; }
.wBugReply { display: block; margin: 12px 20px 20px; padding: 14px; border-radius: 10px; background: var(--crm-surface-subtle, #f6f7f9); }
.wBugReply textarea { min-height: 78px; margin-top: 7px; }
.wBugReply > div { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 8px; }
.wBugReply > div span { margin-right: auto; color: var(--crm-muted); font-size: 12px; }
.wBugDetailAside { position: sticky; top: 16px; padding: 18px; border: 1px solid var(--crm-border); border-radius: 12px; background: var(--crm-surface); }
.wBugDetailMetaRow { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 9px; padding: 10px 0; border-bottom: 1px solid var(--crm-border); }
.wBugDetailMetaRow > .material-symbols-outlined { color: var(--crm-muted); font-size: 18px; }
.wBugDetailMetaRow span:last-child { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.wBugDetailMetaRow small { color: var(--crm-muted); font-size: 10px; }
.wBugDetailMetaRow strong { overflow-wrap: anywhere; color: var(--crm-ink); font-size: 12px; font-weight: 600; line-height: 1.35; }
.wBugContextLink { display: flex; align-items: center; gap: 5px; margin-top: 14px; color: var(--crm-accent-strong); font-size: 12px; font-weight: 650; text-decoration: none; }
.wBugContextLink .material-symbols-outlined { font-size: 16px; }
.wBugDecisionRead { display: flex; gap: 10px; padding: 18px 20px; }
.wBugDecisionRead > .material-symbols-outlined { color: var(--crm-success); }
.wBugDecisionRead h3 { margin: 0 0 4px; font-size: 13px; }
.wBugDecisionRead p { margin: 0; font-size: 13px; line-height: 1.5; white-space: pre-wrap; }
@media (max-width: 760px) {
	.wBugDetailHeader { align-items: flex-start; flex-direction: column; padding: 14px 16px; }
	.wBugDetailLayout { display: flex; flex-direction: column; gap: 0; padding: 14px; }
	.wBugDetailMain,
	.wBugDetailAside { width: 100%; box-sizing: border-box; }
	.wBugDetailAside { position: static; order: -1; margin-bottom: 14px; }
	.wBugTriageFields { grid-template-columns: 1fr; }
	.wBugComment header { align-items: flex-start; flex-direction: column; gap: 2px; }
}
@media (prefers-reduced-motion: reduce) {
	.wBugCard { transition: none; }
}

/* Bug-report registry */
.wBugFeed { padding: 20px 22px 28px; }
.wBugFeedHeading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 14px;
}
.wBugFeedHeading h3 { margin: 0; color: var(--crm-ink); font-size: 15px; line-height: 20px; }
.wBugFeedHeading p { margin: 3px 0 0; color: var(--crm-muted); font-size: 12px; line-height: 17px; }
.wBugFeedToolbar {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) 164px 164px;
	align-items: end;
	gap: 10px;
	margin: 0 0 14px;
}
.wBugSearchField,
.wBugFilterField { min-width: 0; }
.wBugFilterField { display: flex; flex-direction: column; gap: 5px; }
.wBugFilterField > span { color: var(--crm-muted); font-size: 11px; font-weight: 600; }
.wBugSearchField {
	display: flex;
	align-items: center;
	height: 40px;
	box-sizing: border-box;
	gap: 7px;
	padding: 0 11px;
	border: 1px solid var(--crm-border);
	border-radius: 9px;
	background: var(--crm-surface);
}
.wBugSearchField:focus-within { border-color: var(--crm-accent); outline: 2px solid color-mix(in srgb, var(--crm-accent) 16%, transparent); }
.wBugSearchField > .material-symbols-outlined { flex: 0 0 auto; color: var(--crm-muted); font-size: 19px; }
.wBugSearchField #wBugSearch {
	width: 100%;
	min-width: 0;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--crm-ink);
	font: 400 13px/20px var(--crm-font-sans);
}
.wBugSearchField #wBugSearch::placeholder { color: color-mix(in srgb, var(--crm-muted) 88%, var(--crm-ink)); opacity: 1; }
.wBugFilterField select,
.wBugFilterField .jq-selectbox { width: 100% !important; min-width: 0 !important; }
.wBugFilterField select {
	height: 40px;
	box-sizing: border-box;
	margin: 0;
	padding: 0 34px 0 11px;
	border: 1px solid var(--crm-border);
	border-radius: 9px;
	background: var(--crm-surface);
	color: var(--crm-ink);
	font: 500 12px/20px var(--crm-font-sans);
}
.wBugRegistry {
	overflow: hidden;
	border: 1px solid var(--crm-border);
	border-radius: 12px;
	background: var(--crm-surface);
}
.wBugRegistry .wBugCard {
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--crm-border);
	border-radius: 0;
	background: transparent;
}
.wBugRegistry .wBugCard:last-child { border-bottom: 0; }
.wBugRegistry .wBugCard:hover { background: var(--crm-surface-2); }
.wBugRegistry .wBugCard:focus-within { position: relative; outline: 2px solid var(--crm-accent); outline-offset: -2px; }
.wBugRegistry .wBugCard.is-newly-added { background: var(--crm-accent-soft); transform: none; }
.wBugCardMain {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 24px;
	align-items: center;
	gap: 14px;
	box-sizing: border-box;
	padding: 15px 14px;
}
.wBugCardContent { display: flex; min-width: 0; flex-direction: column; gap: 8px; }
.wBugMeta { min-height: 24px; }
.wBugMeta > b { color: var(--crm-muted); font-size: 12px; font-weight: 700; }
.wBugCardPriority {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	box-sizing: border-box;
	padding: 2px 7px;
	border-radius: 999px;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font-size: 11px;
	font-weight: 600;
}
.wBugCardPriority.is-high { background: var(--crm-warning-soft); color: color-mix(in srgb, var(--crm-warning) 76%, var(--crm-ink)); }
.wBugCardPriority.is-critical { background: var(--crm-danger-soft); color: var(--crm-danger); }
.wBugRegistry .wBugText {
	display: -webkit-box;
	overflow: hidden;
	max-width: 72ch;
	color: var(--crm-ink);
	font-size: 13px;
	font-weight: 550;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.wBugRegistry .wBugBy { display: flex; align-items: center; gap: 8px; }
.wBugCardAvatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--crm-surface-2);
	color: var(--crm-muted);
	font-size: 11px;
	font-weight: 700;
}
.wBugRegistry .wBugBy > span:last-child { display: flex; min-width: 0; align-items: baseline; gap: 7px; }
.wBugRegistry .wBugBy b { overflow: hidden; color: var(--crm-text); font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.wBugRegistry .wBugBy small { color: var(--crm-muted); font-size: 10px; }
.wBugCardArrow { color: var(--crm-muted); font-size: 21px; transition: transform 160ms cubic-bezier(.22,1,.36,1), color 160ms ease; }
.wBugCardMain:hover .wBugCardArrow { color: var(--crm-accent-strong); transform: translateX(2px); }
@media (max-width: 700px) {
	.wBugFeed { padding: 16px 12px 24px; }
	.wBugFeedToolbar { grid-template-columns: 1fr 1fr; }
	.wBugSearchField { grid-column: 1 / -1; }
	.wBugCardMain { padding: 14px 12px; }
	.wBugRegistry .wBugBy > span:last-child { align-items: flex-start; flex-direction: column; gap: 1px; }
}
@media (max-width: 430px) {
	.wBugFeedToolbar { grid-template-columns: 1fr; }
	.wBugSearchField { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
	.wBugCardArrow { transition: none; }
}