@CHARSET "UTF-8";
/* local fonts (no internet dependency) */
@font-face{
	font-family:'Museo Sans Cyrl';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	size-adjust:104%;
	src:url('/printme/fonts/MuseoSansCyrl-300.woff2') format('woff2');
}
@font-face{
	font-family:'Museo Sans Cyrl';
	font-style:normal;
	font-weight:500;
	font-display:swap;
	size-adjust:104%;
	src:url('/printme/fonts/MuseoSansCyrl-500.woff2') format('woff2');
}
@font-face{
	font-family:'Material Symbols Outlined';
	font-style:normal;
	font-weight:100 700;
	font-display:swap;
	src:url('/printme/fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2') format('woff2');
}
:root{
	--lp-font-sans:'Museo Sans Cyrl', 'Segoe UI', Arial, sans-serif;
	--lp-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
* {margin:0;padding:0;}
body {padding:20px; font: 14px/1.4 var(--lp-font-sans);color:#424242;background:#fff;}
textarea, input {font: 14px/1.4 var(--lp-font-sans);color:#424242;}
a, .xPseudolink { color:#4378af; cursor:pointer;}
.xPseudolink {text-decoration:underline;}
a:hover, .xPseudolink:hover {color:#F68B1E; }
table {border:none;padding:0;margin:0;	}
td {vertical-align:top;line-height:140%;}
small {font-size:85%;}
.small {font-size:85%;}
.red {color:#c00000}
.green{color:#649b05}
.bg-yellow {background-color:#fff088!important;}
.bg-red {background-color:#c02!important;}
.white {color:white;}
.round2 {border-radius:2px}
.pad2 {padding:0px 2px 1px 2px}
.ml-2 {margin-left:-2px; font-size:90%; font-weight:bold;}
.gray {color:#888};
center td {text-align:left;}
center div {text-align:left;}
center>div {display:none;}
#wElts>div#lpPage{display:block;}
#lpPage .wContent{display:none;}
#lpPage > div:not(.wContent){display:none;}


.wContent {
	width:950px;
    border:1px solid #666;
    padding:15px 15px 15px 15px;
    margin-left:0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;  
}

#wSearch {
font-size:100%; padding:3px 24px 2px 3px; border-radius:3px;width:145px; border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:-24px;
}

#wSearchBtn {cursor:pointer; margin:3px 0 -3px 0;}

#wStats {
	margin-top:4px;
	display:none;
	font-size:120%;
}


.wElt {display:none}



/*-------------- Funnels --------------*/
#wFunnels {padding:0px 0 0 0;margin-bottom:20px;}

#wFunnels>a, #wFunnels>span {
	padding:3px 6px 4px 6px;font-size:115%;
}

#wFunnels .wFunnelCounter { 
	font-size:70%;
	margin:0px 0 0px 4px;
	padding:0px;
	border-radius:1px;
	text-decoration:none!important;
	vertical-align:super;
	}
#wFunnels #wFunnel_frozen {color:gray;}


/*-------------- Tabs --------------*/

#wTabs {
	padding:25px 6px 25px 4px;
	position:relative;
}
#wTabs a {
    padding:3px 6px 4px 6px;font-size:140%;
}
.wTabIcon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:3px 8px 4px 8px;
}
.wTabIcon .material-symbols-outlined{
	font-size:18px;
	line-height:18px;
}
.wActive {
    color:#424242; text-decoration:none; 
    border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#dfdfdf;
	text-shadow: white 1px 1px 0px;
}

#wCurrentUserName {padding:0px 0px 0px 19px; margin-top:12px;
	background:url('/printme/user-white.png') no-repeat;
}

#wCurrentUserRole {padding:0px 0px 0px 19px;
	margin:3px 0 10px 0;
	background:url('/printme/arrow-circle-double-135.png') no-repeat;
}
#wRole span {
	
}

.wDateRangeWrapper{
	background:url('/printme/calendar-select-days-span.png') 0px 1px no-repeat;
	padding-left:24px;
}



/*-------------- Tip --------------*/

.tip {color:#4378af; border-bottom: 1px dotted #6a9cd1;cursor:pointer;}
.tip:hover {color:#F68B1E; border-bottom: 1px dotted #F68B1E;}
.tooltip {
	display:none;
	background:#fffbe0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border:1px solid #f9f0c3;
	padding:10px 10px 14px 12px;
	box-shadow: 1px 1px 12px #aaa;
	-moz-box-shadow:1px 1px 12px #aaa;
	-webkit-box-shadow: 1px 1px 12px #aaa;
	font-size:90%;
	z-index:15000;
}
.tip_large {width:400px}
.tip_small {width:250px;padding:10px 10px 12px 12px;}



/*-------------- Button DIVs General --------------*/

.wLoaderLine {
	background-image:url('/printme/loader-line.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height:50px;
}

.wUnitEmptyItems {
	padding:18px 20px;
	color:#7b8794;
	font-size:14px;
	line-height:20px;
}

.wBtn {
	border:1px solid #aaa;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display:block-inline;
	cursor:pointer;
	float:left;
	padding:6px 16px 7px 30px;
	margin:16px 8px 0 0;
	background-color:#f5f5f5;
	
}
.wBtn:hover {
	border:1px solid #7bd; color:#4378af;
	box-shadow: 0px 0px 6px #adf;
	-moz-box-shadow:0px 0px 6px #adf;
	-webkit-box-shadow: 0px 0px 6px #adf;
	
}

.wBtnSubmitUnit {
	background:url('/printme/flag-green.png') 10px center no-repeat;
}

.wBtnCancel {
	background:url('/printme/cross.png') 10px center no-repeat;
}

.wBtnSubmitComment {
	background:url('/printme/sticky-note-plus.png') 10px center no-repeat;
}

.wBtnSaveEditItem {
	background:url('/printme/disk-black.png') 10px center no-repeat;
}


.wBtnSubmitReady {
	background:url('/printme/envelope-label.png') 10px center no-repeat;
}

.wBtnSubmitTrouble {
	background:url('/printme/exclamation-red.png') 10px center no-repeat;
}

.wBtnUpdate {
	background:url('/printme/arrow-circle-double-135.png') 10px center no-repeat;
}


/*-------------- Overlay General --------------*/

#wOverlay {
	display:none;
	z-index:1000;
	background-color:#fff;
	min-height:100px;
	border:1px solid #aaa;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 0 0 70px #888;
	-moz-box-shadow:0 0 70px 5px #888;
	-webkit-box-shadow: 0 0 70px #888;	
	padding:20px;
	position:absolute;
}

#wOverlay>div.close {
	position:absolute; z-index:11000;width:22px;height:22px; top:12px;right:12px;
	display:grid;
	place-items:center;
	border-radius:999px;
	background:#f3f5f8;
	cursor:pointer;
}

#wOverlay>div.close:hover {
	background:#e9edf2;
}

#wOverlay>div.close:before {
	content:"close";
	font-family:'Material Symbols Outlined';
	font-size:16px;
	line-height:16px;
	color:#6d7279;
	font-variation-settings:'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
}

#wOverlay .wOverlayFormTbl td {padding:12px 6px 0 0; vertical-align:baseline;}

#wOverlay h2 {
	font-size:140%;line-height:100%;margin-bottom:12px;
	}

#wOverlay input {
    font-size:110%; padding:4px 5px 5px 5px; border-radius:3px; border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:White;
}

#wOverlay #wNewDate, #wOverlay #wDateStart, #wOverlay #wDateEnd {width:95px;padding-right:20px;
margin-right:8px;
}

#wOverlay #wNewTime0 {width:70px;
padding-right:20px;
background:url('/printme/clock.png') 75px center no-repeat;
}

#wOverlay .wNewPrice {
	text-align:right;padding-right:20px; width:69px;
	font-size:140%;line-height:100%;
	background:url('/printme/eq14.png') right center no-repeat;
	margin-bottom:6px;
}

#wOverlay .wNewUnitForm {width:470px;}
#wOverlay #wNewClient {width:390px;font-size:140%;}
#wOverlay #wNewPerson, #wOverlay #wNewComment {
	width:390px;
	font-size:100%;
	padding:4px 5px 5px 5px; 
	border-radius:3px; 
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
	
#wOverlay input:invalid, #wOverlay textarea:invalid {border:1px solid #c00000!important;color:#c00000;}

#wOverlay .xType_enum a {line-height:150%;font-size:110%}

#wOverlay .wWarning {padding:14px 14px 14px 44px;
	width:432px;background:#fffbe0 url(/printme/exclamation24.png) 10px 13px no-repeat;
	border-radius:3px; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#wOverlay .wBtns {border-top:1px solid #aaa;margin-top:16px;position:relative;margin-right:6px;}
#wOverlay .wBtns .wNewFullPrice {
	right:6px; position:absolute; 
	top:18px; font-size:140%;
	color:#999;text-align:right;
	width:100px;height:20px;
	}
	
#wOverlay #wEditItemTbl input {
	font-size:100%;padding:2px 3px 3px 3px;
	background-color:none;
	border-color:rgba(0,0,0,0.1)
}



#wOverlay .wEditItemUiWide { width: 282px; background:none;}
#wOverlay .wEditItemUiMedium { 
	width: 74px;
	padding-right:12px!important;
	background: url('/printme/eq8.png') right center no-repeat;
	text-align:right;
}
#wOverlay .wEditItemUiNarrow { width: 32px;background-color:none!important;}
#wOverlay .wEditItemUiHours { 
	width: 32px;
	text-align:right;
	padding-right:12px!important;
	background: url('/printme/h100.png') right center no-repeat;
}
#wOverlay #wEditItemTbl th {
	padding: 6px 0 6px 6px;
	background-color:#eeeeee;
	font-weight:normal;
	text-align:left;
	border-bottom:4px solid White;
	font-size:85%; color:#777;
}
#wOverlay #wEditItemTbl td {padding:4px 0 4px 6px; vertical-align:baseline;}

#wOverlay #wEditItemTbl tr:nth-child(even) { background-color: #f2f2f2;}

#wOverlay .wEditDocSum {position:absolute; left:432px; top:12px; width:88px;text-align:right; font-size:110%;color:#888;}

.wNewFileDropzone {width:464px; height:200px;
	background:#ecfacd url('/printme/uploadmark.png') center center no-repeat;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-top:12px;
}

#wOverlay #wName {font-size:130%}
#wOverlay #wDiscount {width:100px}
#wOverlay #wAlias {width:337px;margin-right:4px;}
#wOverlay .wOverlayEditClient input[type=text] {width:375px}

.wNewFileDropzoneWorking {
	background:url('/printme/loader-big.gif') center center no-repeat;
}
	
.ui-autocomplete-loading { background: white url('/printme/loader-small.gif') right center no-repeat; }
.ui-autocomplete {
	width:390px;
	background:#fffbe0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border:1px solid #f9f0c3;
	padding:6px 3px 6px 7px;
	box-shadow: 1px 1px 6px #aaa;
	-moz-box-shadow:1px 1px 6px #aaa;
	-webkit-box-shadow: 1px 1px 6px #aaa;
	font-size:90%;
	z-index:15000;
}

.ui-autocomplete li {list-style:none}



/*-------------- CLEditor --------------*/

.cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.cleditorMain iframe {border:none; margin:0; padding:0}
.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:14px/1.4 var(--lp-font-sans);color:#424242; resize:none; outline:none /* webkit grip focus */}
.cleditorToolbar {background: url('/printme/toolbar.gif') repeat}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('/printme/buttons.gif')}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white;
position:absolute; font:14px/1.4 var(--lp-font-sans);color:#424242; cursor:default; z-index:15000}
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {padding:0; margin:0; background-color:Transparent}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
.cleditorPrompt input,
.cleditorPrompt textarea {font:11px/1.4 var(--lp-font-sans);}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}




/*-------------- Tablesorter --------------*/
#wTable {border-spacing: 0px 0px;}
#wTable .wi0 {width:23px;}
#wTable .wi1 {width:120px;}
#wTable td.wi3 {padding-right:16px; padding-bottom:9px;font-size:90%;}
#wTable .wi3 b {font-size:110%;}
#wTable .wi10 {width:70px;}

#wTable td {
	padding:8px 2px 9px 6px;
}

#wTable td>span.tip {color:#424242; border-bottom: 1px dotted #777;cursor:pointer;}

#wTable td div.wTrouble {
	display:block; width:16px;height:16px;overflow:hidden;padding-bottom:2px;
	background: url(/printme/exclamation-red.png) left top no-repeat; 
}

#wTable td div.wTrouble.tip {
	border-bottom:1px dotted #c00000;
}

#wTable td div.wTrouble span{
	display:none; 
}

#wTable tr {
	cursor: pointer;
}

#wTable>tbody>tr>td {
	border-bottom:1px solid #ddd;
}

#wTable>tbody>tr:nth-last-child(-n+1)>td {
	border-bottom:none!important;
}

#wTable tr:hover {
	cursor: pointer; 
	background-color:#f0f8ff;
}
	
#wTable tr.wTrouble {
	background-color:#ffebe6;
}

#wTable tr.wNew {
	background-color:#f4fde1;
}

#wTable tr.wFastNotice td {
	background:#fff8e8!important;
	color:#7a5a18;
	font-weight:600;
	cursor:default!important;
}

#wTable tr.wFastNotice:hover td {
	background:#fff8e8!important;
}

#wTable tr.wTableItemExpanded {
	background-color:#f0f0f0; 
	background-image: url('/printme/expandedbg1.png');
	background-position: top left;
	background-repeat: repeat-x;
}
#wTable tr.wTableItemExpanded.wTrouble {background-color:#ffe2da; }
#wTable tr.wTableItemExpanded.wNew {background-color:#ecfacd; }
#wTable tr.wTableItemExpanded td {padding:12px 2px 12px 6px;border:none;}
#wTable tr.wTableItemExpanded .wi0 {font-weight:bold;font-size:90%}
#wTable tr.wTableItemExpanded .wi1 {font-weight:bold;font-size:100%}

#wTable tr.wTableUnitExpanded {
	background-color:#f0f0f0; 
	background-image: url('/printme/expandedbg1.png');
	background-position: top left;
	background-repeat: repeat-x;
}
#wTable tr.wTableUnitExpanded.wTrouble {background-color:#ffe2da; }
#wTable tr.wTableUnitExpanded.wNew {background-color:#ecfacd; }
#wTable tr.wTableUnitExpanded.bg-yellow {background-color:#fff088!important;}
#wTable tr.wTableUnitExpanded td {padding:12px 2px 12px 6px;border:none;}
#wTable tr.wTableUnitExpanded .wi0 {font-weight:bold;font-size:100%}
#wTable tr.wTableUnitExpanded .wi1 {font-weight:bold;font-size:100%}

#wTable tr.wTableClientExpanded {
	background-color:#f0f0f0; 
	background-image: url('/printme/expandedbg1.png');
	background-position: top left;
	background-repeat: repeat-x;
}
#wTable tr.wTableClientExpanded.bg-yellow {background-color:#fff088;}

#wUI_clients #wTable>tbody>tr>td {vertical-align:baseline;}

#wTable th {padding: 6px 10px 6px 6px;background-color:#eeeeee;border-bottom:1px solid white;font-weight:normal;}

#wTable th.header { 
    background-image: url(/printme/bg.gif);     
    cursor: pointer; 
    font-size:85%;
    text-align:left;
    background-repeat: no-repeat; 
    background-position: -2px center; 
    padding: 4px 10px 4px 16px; 
    margin:0 10px 0 -1px; 
	color:#4378af; text-decoration:underline;
	background-color:#eeeeee;
}

#wTable th.headerSortUp { 
    background-image: url(/printme/desc.gif); 
    background-color: #ddd; 
    color:#424242; text-decoration:none;
    text-shadow: white 1px 1px 0px;
} 

#wTable th.headerSortDown { 
    background-image: url(/printme/asc.gif); 
    background-color: #ddd; 
    color:#424242; text-decoration:none;
    text-shadow: white 1px 1px 0px;
} 

div.tablesorterPager {
	padding: 10px 0 10px 0;
	background-color: #D6D2C2;
	text-align: center;
}
div.tablesorterPager span {
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}


/*-------------- wc Client --------------*/
.wcSample {display:none;}
#wTableClientFull>td {padding:0!important;border:none!important;}
#wTableClientFull tr:hover, #wTableClientFull:hover {cursor:default!important;background-color:#fff!important}
#wTableClientFull>td{
	background-image: url('/printme/expandedbg2.png');
	background-position: top center;
	background-repeat: no-repeat;}
#wTableClientFull>td>div {
		background-image: url('/printme/expandedbg2.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding:14px 0 10px 0; 
	margin-bottom:2px;
}

#wTableClientFull>td>div h3 {padding:0 0 11px 52px;}

#wcBtns>div {padding-left:20px; display:block-inline; margin-right:14px; float:left;}
#wcBtns {padding:7px 0 8px 7px!important;background-color: #f0f0f0;height:18px;}
#wcEdit {background: url('/printme/document-pencil.png') no-repeat center left;}
#wClientUnits {margin:0 0 10px 49px;}
#wClientUnits th{font-size:85%; padding:3px 4px 2px 4px}
#wClientUnits td {font-size:85%; padding:4px 4px 4px 4px}



/*-------------- wi Item --------------*/
#wTableItemFull>td {padding:0!important;border:none!important;}
#wTableItemFull tr:hover, #wTableItemFull:hover {cursor:default!important;background-color:#fff!important}
#wTableItemFull>td{
	background-image: url('/printme/expandedbg2.png');
	background-position: top center;
	background-repeat: no-repeat;}
#wTableItemFull>td>div {
		background-image: url('/printme/expandedbg2.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding:18px 0 10px 0; 
	margin-bottom:2px;
}

.wiSample {display:none;}
#wiWrapper td {padding:0px 0px 4px 0px} 
#wiDetails td {padding:4px 5px 4px 5px; vertical-align:baseline;}
#wiDetails tr:nth-child(odd) { background-color: #f5f5f5;}
#wiNumber, #wiClient {font-weight:bold;font-size:125%;line-height:120%;padding:right:8px;}
#wiP>td, #wiNumber {padding-left:6px;}
#wiReadyTill {text-align:right; padding-top:3px; font-size:90%}
#wiTitle {font-weight:bold;font-size:125%}
#wiComment {
	width:205px;
	font-size:95%; padding:0px 9px 25px 1px;
	background: url('/printme/stickybg.png') no-repeat bottom right;
}
#wiComment>div {border-top:1px solid #fff3c5; padding:10px 11px 0 11px;width:183px;}
.wiFile {
	font-size:85%; padding-left:20px; margin:4px 0 6px 0;
}
div.wiFile a {font-size:125%;display:block;}
.wiFileSource {
	background: url('/printme/document.png') no-repeat top left;
}
.wiFileImpo {
	background: url('/printme/document-pdf.png') no-repeat top left;
}

#wiBtns {padding:7px 0 8px 7px!important;background-color: #f0f0f0;}
#wiBtns div {padding-left:20px; display:block-inline; margin-right:14px; float:left;}
#wiSendTo,.wuSendTo {background: url('/printme/paper-plane.png') no-repeat center left;}
#wiAccept {background: url('/printme/tick.png') no-repeat center left;}
#wiAddComment {background: url('/printme/sticky-note-plus.png') no-repeat center left;}
#wiAddTrouble {background: url('/printme/fire.png') no-repeat center left;}
#wiReady {background: url('/printme/envelope-label.png') no-repeat center left;}
#wiPrint {background: url('/printme/printer.png') no-repeat center left;}
#wiEdit {background: url('/printme/document-pencil.png') no-repeat center left;}
#wiUpload {background: url('/printme/disc--plus.png') no-repeat center left;}



/*-------------- wp Person --------------*/
#wUI_users #wTable tr {cursor:default!important;background-color:#fff!important}



/*-------------- wu Unit --------------*/
.wuSample {display:none;}
#wTableUnitFull>td {padding:0!important;border:none!important;}
#wTableUnitFull tr:hover, #wTableUnitFull:hover {cursor:default!important;background-color:#fff!important}
#wTableUnitFull>td{
	background-image: url('/printme/expandedbg2.png');
	background-position: top center;
	background-repeat: no-repeat;}
#wTableUnitFull>td>div {
		background-image: url('/printme/expandedbg2.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding:18px 0 10px 0; 
	margin-bottom:2px;
}
#wuWrapper>tbody>tr>td {padding:0px 0px 4px 0px} 
#wuWrapper .wuItem td {padding:0px 5px 0px 5px; vertical-align:baseline;}
.wuItem h2 {font-size:17px; font-weight:bold; padding-bottom:2px;line-height:100%;padding-top:0;margin-top:0;}
.wuItem #wuPrice {padding-top:3px;vertical-align:top!important;}
.wuItem #wuPrice span{
	display:block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#eee;
	padding:4px 6px 4px 6px;}
#wuDesc {padding:6px 4px 4px 0; font-size:85%;line-height:125%;color:#888;}
.wuBtns {padding:7px 0 10px 4px!important; }
.wuBtns div {padding-left:20px; display:block-inline; margin-right:14px; float:left;}
.wuBtns #wuSendTo {background: url('/printme/paper-plane.png') no-repeat center left;}
.wuBtns #wuAccept {background: url('/printme/tick.png') no-repeat center left;}
.wuBtns #wuAddComment {background: url('/printme/sticky-note-plus.png') no-repeat center left;}
.wuBtns #wuEdit {background: url('/printme/document-pencil.png') no-repeat center left;}

#wuBtns {padding:7px 0 8px 7px!important;background-color: #f0f0f0;}
#wuBtns div {padding-left:20px; display:block-inline; margin-right:14px; float:left;}
#wuBtns #wuUpload {background: url('/printme/disc--plus.png') no-repeat center left;}
#wuBtns #wuDefer {background: url('/printme/snowman-hat.png') no-repeat center left;}
#wuBtns #wuPymt {background: url('/printme/coins.png') no-repeat center left;}
#wuBtns #wuDone {background: url('/printme/envelope-share.png') no-repeat center left;}
#wuBtns #wuDoc {background: url('/printme/document--plus.png') no-repeat center left;}
#wuBtns #wuReady {background: url('/printme/envelope-label.png') no-repeat center left;}
#wuBtns #wuDelete {background: url('/printme/cross.png') no-repeat center left;}
#wuBtns #wuContinue {background: url('/printme/rocket-fly.png') no-repeat center left;}



/*-------------- wi Docs in Item --------------*/
#wiDocs {width:240px}
#wiDocs>div {padding:0 0 12px 20px;font-size:90%;line-height:125%;width:220px}
#wiDocs>div.wiContainer {padding:0 0 12px 0px;}
#wiDocs>div>small {display:block;padding-top:2px;color:#777}
#wiDocs .wTroubleUnsolved {background: url('/printme/exclamation-red.png') no-repeat top left; color:#c00000;}
#wiDocs .wTroubleSolved {background: url('/printme/arrow-000-small.png') no-repeat top left; text-decoration:strikethrough; color:#AAA;}
#wiDocs .wComment {background: url('/printme/sticky-note-pin.png') no-repeat top left;}
#wiDocs .wPymt {background: url('/printme/coins.png') no-repeat top left;}
#wiDocs .wEvent {background: url('/printme/arrow-000-small.png') no-repeat top left;}


/*-------------- Date Picker --------------*/

/* the input field */
	.date {
	font-size:100%; padding:3px 20px 2px 3px; border-radius:3px;width:95px; border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:1px;
		background:url('/printme/calendar-select-days-span.png') 99px center no-repeat;
	}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:15001;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fffbe0;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border:1px solid #f9f0c3;
	padding:10px 10px 14px 12px;
	box-shadow: 1px 1px 12px #aaa;
	-moz-box-shadow:1px 1px 12px #aaa;
	-webkit-box-shadow: 1px 1px 12px #aaa;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#424242;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(/printme/control-180.png) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(/printme/control.png);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fffbe0;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:12px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

/* ============================================================
   Liteprint "clean/orange" theme + 1280 layout (legacy-safe)
   ============================================================ */
:root{
	--lp-accent:#FFA742;
	--lp-accent-dark:#F68B1E;
	--lp-text:#2f2f2f;
	--lp-muted:#7b7b7b;
	--lp-border:#e6e6e6;
	--lp-bg:#f6f6f6;
	--lp-panel:#ffffff;
}

body{
	font: 14px/1.4 var(--lp-font-sans);
	color: var(--lp-text);
	background: var(--lp-bg);
}

/* full-width top accent bar */
body:before{
	content:'';
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:3px;
	background: var(--lp-accent);
	z-index:20000;
}

/* container width */
#wElts{
	display:block;
	width:1280px;
	margin:0 auto;
	padding:0 0 24px 0;
}
@media (max-width: 1340px){
	#wElts{width:auto; max-width:1280px; padding:0 18px 24px 18px;}
}

/* top bar width */
#wElts > table{
	width:1280px !important;
	background:#fff;
	margin-bottom:18px;
}
@media (max-width: 1340px){
	#wElts > table{width:100% !important;}
}

/* main tables should fill the card */
#wElts .wContent table#wFilters,
#wElts .wContent table#wTable,
#wElts .wContent table#wiWrapper,
#wElts .wContent table#wuWrapper{
	width:100% !important;
}

/* cards */
.wContent{
	width:auto;
	max-width:1280px;
	border:1px solid var(--lp-border);
	background: var(--lp-panel);
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.04);
	padding:22px;
	margin-top:10px;
}

/* links */
a, .xPseudolink{color:var(--lp-accent-dark);}
a:hover, .xPseudolink:hover{color:var(--lp-accent);}
.xPseudolink{text-decoration:none; border-bottom:1px dotted rgba(241,132,0,0.6);}
.xPseudolink:hover{border-bottom-color: rgba(255,154,31,0.9);}

/* tabs: simple underline */
#wTabs{
	padding:14px 0 0 0;
	display:flex;
	align-items:flex-end;
	gap:10px;
}
#wTabs a{
	display:inline-block;
	padding:10px 14px 11px 14px;
	font-size:15px;
	line-height:16px;
	color:var(--lp-accent-dark);
	text-decoration:none;
	border:1px solid rgba(255,154,31,0.35);
	border-bottom:none;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background: rgba(255,154,31,0.12);
}
#wTabs a:hover{
	background: rgba(255,154,31,0.18);
	border-color: rgba(255,154,31,0.55);
	color:var(--lp-text);
}
#wTabs a.wActive{
	background: var(--lp-accent);
	border-color: var(--lp-accent-dark);
	color:#fff;
}

/* top right: date + user */
#wTopBarRight{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:22px;
	padding:14px 0 0 0;
}
#wTopBarDate, #wTopBarUser{
	background:#fbfbfb;
	border:1px solid var(--lp-border);
	border-radius:10px;
	padding:9px 12px 9px 12px;
}
#wTopBarDate{min-width:260px;}
#wTopBarUser{min-width:240px; text-align:left;}
.wTopTabTitle{font-size:12px; color:var(--lp-muted); margin-bottom:2px;}
.wDateRangeWrapper{
	background:none;
	padding-left:0;
}
	#wDateRangeBtn{
	display:inline-block;
	padding:6px 8px 6px 28px;
	border:none;
	border-radius:8px;
		background:transparent url('/printme/calendar-select-days-span.png') 0px center no-repeat;
		color:var(--lp-text);
	font-size:13px;
	line-height:18px;
	text-decoration:none;
	border-bottom:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:240px;
}
#wDateRangeBtn:hover{
	color:var(--lp-accent-dark);
}
#wCurrentUserName{
	padding:0;
	margin:2px 0 2px 0;
	font-weight:bold;
	background:none;
}
#wCurrentUserRole{
	padding:0;
	margin:0;
	background:none;
}
#wTopBarDate:hover, #wTopBarUser:hover{
	border-color: rgba(255,154,31,0.35);
}

/* funnels */
#wFunnels>a, #wFunnels>span{font-size:16px; color:var(--lp-muted); text-decoration:none;}
#wFunnels>a:hover{color:var(--lp-text);}
#wFunnels>a.wActive{color:var(--lp-text); background:none; border-bottom:2px solid var(--lp-accent); padding-bottom:2px;}

/* search */
#wSearch{
	border:1px solid var(--lp-border);
	border-radius:6px;
	padding:6px 28px 6px 10px;
	background:#fff;
}
#wSearch:focus{outline:none; border-color: rgba(255,154,31,0.8); box-shadow: 0 0 0 3px rgba(255,154,31,0.18);}

/* buttons */
.wBtn{
	border:1px solid var(--lp-border);
	border-radius:6px;
	background:#fff;
	color:var(--lp-text);
	padding:8px 16px 9px 34px;
}
.wBtn:hover{
	border-color: rgba(255,154,31,0.7);
	box-shadow: 0 1px 6px rgba(0,0,0,0.06);
	color:var(--lp-text);
}
#wOverlay .wBtn{
	position:relative;
	background-image:none !important;
}
#wOverlay .wBtn:before{
	content:"check_circle";
	position:absolute;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	font-family:'Material Symbols Outlined';
	font-size:18px;
	line-height:18px;
	color:var(--pc-muted);
	font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 20;
}
#wOverlay .wBtnSaveEditItem:before{content:"save";}
#wOverlay .wBtnSubmitUnit:before{content:"add_task";}
#wOverlay .wBtnSubmitComment:before{content:"edit_note";}
#wOverlay .wBtnSubmitReady:before{content:"task_alt";}
#wOverlay .wBtnSubmitTrouble:before{content:"send";}
#wOverlay .wBtnUpdate:before{content:"refresh";}
#wOverlay .wBtnCancel:before{content:"close";}
#wOverlay .wBtnDanger:before,
#wOverlay #wDeleteUserBtn:before{content:"delete";}
#wOverlay #wGenerateUserPwdBtn:before{content:"key";}
#wOverlay .wBtnDanger:before,
#wOverlay #wDeleteUserBtn:before{color:#b91c1c;}
#wDeleteUserBtn{border-color: rgba(192,0,0,0.25);}
#wDeleteUserBtn:hover{border-color: rgba(192,0,0,0.55);}

/* overlay */
#wOverlay.wClientPopup{
	overscroll-behavior: contain;
}
html.wNoScroll, body.wNoScroll{
	overflow:hidden !important;
}
#wOverlay{
	border:1px solid var(--lp-border);
	border-radius:10px;
	box-shadow: 0 12px 50px rgba(0,0,0,0.18);
}
/* jquery.tools mask must cover the whole viewport */
#exposeMask{
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	width:100% !important;
	height:100% !important;
}
#wOverlay>div.close{
	background:url('/printme/cross.png') center center no-repeat;
	background-size: 18px 18px;
	opacity:0.75;
}
#wOverlay>div.close:hover{opacity:1;}

#wOverlay input, #wOverlay textarea{
	border:1px solid var(--lp-border);
	border-radius:6px;
	padding:6px 8px 6px 8px;
}
#wOverlay input:focus, #wOverlay textarea:focus{
	outline:none;
	border-color: rgba(255,154,31,0.8);
	box-shadow: 0 0 0 3px rgba(255,154,31,0.18);
}
#wOverlay .wBtns{border-top:1px solid var(--lp-border);}

/* tables */
#wTable th{
	background:#fafafa;
	border-bottom:1px solid var(--lp-border);
	color:var(--lp-muted);
}
#wTable>tbody>tr>td{border-bottom:1px solid var(--lp-border);}
#wTable tr:hover{background-color:#fcfcfc;}

/* ---- table layout: make rows look like separate cards ---- */
#wElts .wContent #wTable{
	border-collapse:separate;
	border-spacing:0 10px;
}

#wElts .wContent #wTable thead th{
	background:transparent;
	border:none;
	padding:0 10px 8px 10px;
	font-size:11px;
	letter-spacing:0.04em;
	text-transform:uppercase;
	color:var(--lp-muted);
}

#wElts .wContent #wTable thead th.header{
	background-image:none;
	color:var(--lp-muted);
	text-decoration:none;
}

#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull) td{
	background:#fff;
	border-top:1px solid var(--lp-border);
	border-bottom:1px solid var(--lp-border);
	padding:12px 10px;
	vertical-align:middle;
}

#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull) td:first-child{
	border-left:1px solid var(--lp-border);
	border-top-left-radius:12px;
	border-bottom-left-radius:12px;
	box-shadow: inset 4px 0 0 rgba(0,0,0,0.06);
}

#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull) td:last-child{
	border-right:1px solid var(--lp-border);
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
}

#wElts .wContent #wTable tbody tr.wTrouble td:first-child{box-shadow: inset 4px 0 0 #c00000;}
#wElts .wContent #wTable tbody tr.wNew td:first-child{box-shadow: inset 4px 0 0 var(--lp-accent);}
#wElts .wContent #wTable tbody tr.bg-yellow td:first-child{box-shadow: inset 4px 0 0 #ffd54f;}

#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull):hover td{
	border-color: rgba(255,154,31,0.25);
}

/* ---- units table accents ---- */
#wUI_units #wTable tbody tr:not(#wTableUnitFull) td:first-child{
	box-shadow: inset 4px 0 0 rgba(0,0,0,0.10);
}
#wUI_units #wTable tbody tr td:nth-child(1){
	font-weight:700;
	font-size:15px;
	white-space:nowrap;
}
#wUI_units #wTable tbody tr td:nth-child(2){
	font-weight:600;
}
#wUI_units #wTable tbody tr td:nth-child(3){
	font-size:12px;
	line-height:16px;
	color:var(--lp-muted);
}
#wUI_units #wTable tbody tr td:nth-child(3) .tip{
	color:var(--lp-text);
	border-bottom-color: rgba(0,0,0,0.22);
}
#wUI_units #wTable tbody tr td:nth-child(4) small{
	font-size:12px;
	line-height:16px;
	color:var(--lp-muted);
	display:block;
}
#wUI_units #wTable tbody tr td:nth-child(4) nobr{
	display:inline-block;
	padding:2px 8px;
	margin:0 0 6px 0;
	border:1px solid var(--lp-border);
	border-radius:999px;
	background:#fafafa;
}
#wUI_units #wTable tbody tr td:nth-child(5){
	white-space:nowrap;
	font-weight:600;
}
#wUI_units #wTable tbody tr td:nth-child(6){
	white-space:nowrap;
	text-align:right;
	font-weight:700;
}
#wUI_units #wTable tbody tr td:nth-child(7){
	white-space:nowrap;
	text-align:right;
	color:var(--lp-muted);
}

/* ---- items table accents ---- */
#wUI_items #wTable tbody tr:not(#wTableItemFull) td:first-child{
	box-shadow: inset 4px 0 0 rgba(255,154,31,0.18);
}
/* (was hidden by a previous theme; keep visible, role-based JS may hide columns when needed) */

#wUI_items #wTable tbody tr td.wi0{
	font-weight:700;
	white-space:nowrap;
}
#wUI_items #wTable tbody tr td.wi1{
	font-weight:600;
}
#wUI_items #wTable tbody tr td.wi3{
	font-size:12px;
	line-height:16px;
	color:var(--lp-muted);
	padding-right:16px;
}
#wUI_items #wTable tbody tr td.wi3 b{
	display:block;
	font-size:15px;
	line-height:18px;
	color:var(--lp-text);
	margin-bottom:4px;
}
#wUI_items #wTable tbody tr td.wi9 small{
	display:inline-block;
	padding:3px 8px;
	border-radius:999px;
	border:1px solid var(--lp-border);
	background:#fafafa;
	color:var(--lp-muted);
}
#wUI_items #wTable tbody tr td.wi10{
	white-space:nowrap;
	font-weight:600;
}
#wUI_items #wTable tbody tr td.wi11{
	white-space:nowrap;
	text-align:right;
	font-weight:700;
	color:var(--lp-accent-dark);
}
#wUI_items #wTable tbody tr td.wi12{
	text-align:center;
	width:34px;
}

/* ---- clients table accents ---- */
#wUI_clients #wTable tbody tr td:nth-child(1){
	color:var(--lp-muted);
	font-size:12px;
	white-space:nowrap;
}
#wUI_clients #wTable tbody tr td:nth-child(2){
	font-weight:600;
}
#wUI_clients #wTable tbody tr td:nth-child(3){
	white-space:nowrap;
	color:var(--lp-accent-dark);
	font-weight:600;
}
#wUI_clients #wTable tbody tr td:nth-child(9){
	white-space:nowrap;
	text-align:left;
	font-weight:400;
}

/* ---- users table accents ---- */
.wRoleChips{display:flex; flex-wrap:wrap; gap:6px; overflow:hidden;}
.wRoleChip{
	display:inline-block;
	padding:3px 8px;
	border-radius:999px;
	border:1px solid var(--lp-border);
	background:#fafafa;
	color:var(--lp-muted);
	font-size:12px;
	line-height:16px;
	white-space:nowrap;
}
.wRoleChipMain{
	background: rgba(255,154,31,0.14);
	border-color: rgba(255,154,31,0.35);
	color: var(--lp-accent-dark);
	font-weight:600;
}
.wUserName{font-weight:600;}
.wUserLogin{margin-top:2px; color:var(--lp-muted);}

/* ---- users cards ---- */
#wUI_users #wUsersCards{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:16px;
	padding:12px var(--lpGutter) 18px var(--lpGutter);
	box-sizing:border-box;
}
.wUserCard{
	border:1px solid var(--pc-border);
	border-radius:14px;
	background:#fff;
	padding:14px 14px 12px 14px;
	aspect-ratio:1 / 1;
	min-height:258px;
	display:grid;
	grid-template-rows:72px 1fr 34px;
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	min-width:0;
}
.wUserCard:hover{
	border-color:rgba(255,122,0,0.35);
}
.wUserCardHead{
	display:flex;
	align-items:center;
	gap:12px;
	min-height:72px;
	max-height:72px;
	overflow:hidden;
}
.wUserCardAvatar{
	width:52px;
	height:52px;
	border-radius:999px;
	border:1px solid rgba(255,122,0,0.25);
	background:var(--pc-accent-weak);
	display:flex;
	align-items:center;
	justify-content:center;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	flex:0 0 auto;
}
.wUserCardAvatar span{
	font-size:20px;
	line-height:20px;
	color:var(--pc-accent-dark);
	font-weight:600;
}
.wUserCardAvatar.hasAvatar span{display:none;}
.wUserCardIdentity{
	flex:1 1 auto;
	min-width:0;
}
.wUserCardName{
	font-size:20px;
	line-height:24px;
	font-weight:600;
	color:var(--pc-accent);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.wUserCardMeta{
	margin-top:3px;
	font-size:12px;
	line-height:16px;
	color:var(--pc-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.wUserCardLogin{
	margin-left:8px;
}
.wUserCardBody{
	margin-top:8px;
	padding-top:12px;
	border-top:1px solid var(--pc-border);
	display:grid;
	grid-template-rows:62px 1fr;
	gap:10px;
	overflow:hidden;
}
.wUserCardLabel{
	font-size:16px;
	line-height:16px;
	color:var(--pc-muted);
	margin:0;
	flex:0 0 20px;
	min-width:20px;
}
.wUserCardLabel .material-symbols-outlined{
	font-size:16px;
	line-height:16px;
	vertical-align:middle;
}
.wUserCardLabelIcon{
	flex:0 0 20px;
	min-width:20px;
	text-transform:none;
	letter-spacing:0;
}
.wUserCardValue{
	font-size:14px;
	line-height:18px;
	color:var(--pc-text);
	white-space:normal;
	word-break:break-word;
	overflow-wrap:break-word;
	max-height:36px;
	overflow:hidden;
	min-width:0;
	flex:1 1 auto;
}
.wUserCardValue a{
	color:var(--pc-text);
	text-decoration:none;
	border-bottom:1px dotted rgba(15,23,42,0.35);
	display:inline-block;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	word-break:break-all;
	max-height:36px;
}
.wUserCardValue a:hover{
	color:var(--pc-accent);
	border-bottom-color:rgba(255,122,0,0.6);
}
.wUserCardRow{
	display:flex;
	align-items:flex-start;
	gap:10px;
	min-width:0;
	min-height:36px;
}
.wUserCardRoles{
	min-height:62px;
	max-height:62px;
	overflow:hidden;
}
.wUserCardRoles .wRoleChips{
	align-content:flex-start;
	max-height:62px;
}
.wUserCardContacts{
	margin-top:0;
	display:flex;
	flex-direction:column;
	gap:0;
}
.wUserCardContacts .wUserCardRow{
	min-height:20px;
}
.wUserCardPhone{
	font-size:17px;
	line-height:22px;
	font-weight:600;
	white-space:nowrap;
}
.wUserCardPhoneRow{
	min-height:28px;
	align-items:center;
}
.wUserCardPhoneRow .wUserCardLabel .material-symbols-outlined{
	font-size:18px;
	line-height:18px;
	vertical-align:baseline;
}
.wUserCardFooter{
	margin-top:6px;
	padding-top:8px;
	border-top:1px solid var(--pc-border);
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
}
.wUserCardIconBtn{
	width:28px;
	height:28px;
	border-radius:8px;
	border:1px solid var(--pc-border);
	background:#fff;
	color:var(--pc-muted);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
}
.wUserCardIconBtn .material-symbols-outlined{
	font-size:16px;
	line-height:16px;
}
.wUserCardIconBtn:hover{
	border-color:rgba(255,122,0,0.35);
	background:rgba(255,122,0,0.10);
	color:#9a3412;
}
.wUserCardIconBtnDanger{
	border-color:rgba(239,68,68,0.24);
	color:#b91c1c;
}
.wUserCardIconBtnDanger:hover{
	border-color:rgba(239,68,68,0.45);
	background:rgba(239,68,68,0.08);
	color:#991b1b;
}
.wUsersEmpty,
.wUsersEmptySearch{
	border:1px dashed var(--pc-border);
	border-radius:12px;
	padding:14px 16px;
	color:var(--pc-muted);
	font-size:13px;
	line-height:18px;
	background:#fff;
	grid-column:1 / -1;
}
.wUserAvatarEditor{
	display:flex;
	align-items:center;
	gap:12px;
}
.wUserAvatarPreview{
	width:64px;
	height:64px;
	border-radius:999px;
	border:1px solid var(--pc-border);
	background:#f8fafc;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
}
.wUserAvatarPreview span{
	font-size:24px;
	line-height:24px;
	color:var(--pc-muted);
	font-weight:600;
}
.wUserAvatarPreview.hasAvatar span{display:none;}
.wUserAvatarEditorFields{
	flex:1 1 auto;
}
.wUserAvatarEditorFields input[type=file]{
	position:absolute;
	left:-9999px;
	width:1px;
	height:1px;
	opacity:0;
	pointer-events:none;
}
.wAvatarFileControl{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:8px;
}
.wAvatarFileBtn{
	display:inline-flex;
	align-items:center;
	gap:7px;
	border:1px solid var(--lp-border);
	border-radius:8px;
	background:#fff;
	color:var(--lp-text);
	padding:7px 12px;
	font-size:13px;
	line-height:18px;
	cursor:pointer;
	text-decoration:none;
	white-space:nowrap;
}
.wAvatarFileBtn:hover{
	border-color:rgba(255,154,31,0.7);
	background:rgba(255,154,31,0.08);
	color:var(--lp-text);
}
.wAvatarFileBtn .material-symbols-outlined{
	font-size:18px;
	line-height:18px;
	color:var(--pc-muted);
}
.wAvatarFileName{
	font-size:12px;
	line-height:16px;
	color:var(--pc-muted);
	display:inline-block;
	max-width:260px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.wUserPwdBlock{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.wUserPwdResult{
	background:#fff8ef;
	border:1px solid rgba(255,122,0,0.35);
	border-radius:8px;
	padding:10px;
}
.wUserPwdResultLabel{
	font-size:12px;
	color:var(--pc-muted);
	margin-bottom:6px;
}
#wOverlay #wUserPwdValue{
	width:250px;
	font-size:16px;
	letter-spacing:1px;
}
.wBtnDanger{
	border-color:rgba(239,68,68,0.3);
	color:#b91c1c;
}
.wBtnDanger:hover{
	border-color:rgba(239,68,68,0.5);
	background:rgba(239,68,68,0.08);
}

@media (max-width: 1500px){
	#wUI_users #wUsersCards{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 1200px){
	#wUI_users #wUsersCards{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 820px){
	#wUI_users #wUsersCards{
		grid-template-columns:1fr;
	}
}

/* ---- units: nicer task list + stronger money accents ---- */
#wUI_units #wTable tbody tr td:nth-child(3) br{display:none;}
#wUI_units #wTable tbody tr td:nth-child(3) .tip{
	display:block;
	position:relative;
	padding:1px 0 1px 14px;
	margin:0 0 6px 0;
}
#wUI_units #wTable tbody tr td:nth-child(3) .tip:before{
	content:"";
	position:absolute;
	left:0;
	top:8px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:rgba(0,0,0,0.18);
}
#wUI_units #wTable tbody tr td:nth-child(6){
	color:var(--lp-accent-dark);
}
#wUI_units #wTable tbody tr td:nth-child(7) small{
	color:#c00000;
	font-weight:700;
}

/* ---- items: make specs calmer, keep focus on title ---- */
#wUI_items #wTable tbody tr td.wi4,
#wUI_items #wTable tbody tr td.wi5,
#wUI_items #wTable tbody tr td.wi6{
	font-size:12px;
	line-height:16px;
	color:var(--lp-muted);
}

/* ---- users/clients: more classic table so screens don't look одинаково ---- */
#wUI_users.wContent #wTable,
#wUI_clients.wContent #wTable{
	border-collapse:collapse;
	border-spacing:0;
}

#wUI_users.wContent #wTable thead th,
#wUI_clients.wContent #wTable thead th{
	background:#fafafa;
	border:none;
	border-bottom:1px solid var(--lp-border);
	padding:10px 10px 9px 10px;
	text-transform:none;
	letter-spacing:0;
	font-size:12px;
}

#wUI_users.wContent #wTable tbody tr td,
#wUI_clients.wContent #wTable tbody tr td{
	background:#fff;
	border:none;
	border-bottom:1px solid var(--lp-border);
	padding:10px 10px;
	vertical-align:middle;
	border-radius:0 !important;
	box-shadow:none !important;
}

#wUI_users.wContent #wTable tbody tr:nth-child(even) td,
#wUI_clients.wContent #wTable tbody tr:nth-child(even) td{
	background:#fcfcfc;
}

#wUI_users.wContent #wTable tbody tr:hover td,
#wUI_clients.wContent #wTable tbody tr:hover td{
	background:#fffdf9;
}

/* clients tweaks */
#wUI_clients.wContent #wTable tbody tr td:nth-child(4),
#wUI_clients.wContent #wTable tbody tr td:nth-child(5),
#wUI_clients.wContent #wTable tbody tr td:nth-child(6){
	font-size:12px;
	line-height:16px;
	color:var(--lp-muted);
}
#wUI_clients.wContent #wTable tbody tr td:nth-child(7),
#wUI_clients.wContent #wTable tbody tr td:nth-child(8){
	text-align:center;
	width:40px;
	color:var(--lp-muted);
}

/* users actions */
.wUserActions{
	display:flex;
	align-items:center;
	gap:10px;
	white-space:nowrap;
}
.wUserActions .wUserAction{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:4px 10px;
	border:1px solid var(--lp-border);
	border-radius:999px;
	background:#fff;
}
.wUserActions .wUserAction img{opacity:0.85;}
.wUserActions .wUserAction:hover{border-color: rgba(255,154,31,0.35);}
.wUserActions .wUserActionDanger{border-color: rgba(192,0,0,0.22); color:#c00000;}
.wUserActions .wUserActionDanger:hover{border-color: rgba(192,0,0,0.55);}

/* admin gear near user name */
.lpAdminGear{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	height:auto;
	border-radius:0;
	margin-right:8px;
	text-decoration:none;
	color:var(--pc-muted);
	background:transparent;
}
.lpAdminGear:hover{
	color:var(--pc-accent);
	background:transparent;
}

/* =========================================================
   PrintCRM (blue) mockup theme overrides
   ========================================================= */
	:root{
		--pc-bg:#f7f9fc;
		--pc-panel:#ffffff;
		--pc-text:#0f172a;
		--pc-muted:#64748b;
		--pc-border:#e5e7eb;
		--pc-accent:#FFA742;
		--pc-accent-weak:#fff3e8;
		--pc-danger:#ef4444;
	}

			html, body{min-height:100%;}
				body{
					background:transparent;
					color:var(--pc-text);
					font-family:var(--lp-font-sans);
					min-height:100%;
					padding:0 !important;
					position:relative;
				}
		body:after{
			content:"";
			position:fixed;
			top:0;
			left:0;
			right:0;
			bottom:0;
			background:#FFA742 url('/printme/back.png') center top no-repeat;
			background-size:cover;
			z-index:0;
			pointer-events:none;
		}
	/* consistent "overdue" red */
	.red{color:var(--pc-danger) !important;}

		/* Google Material Symbols */
		.material-symbols-outlined{
			font-family:'Material Symbols Outlined';
			font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
		}

/* app "sheet" wrapper */
					#lpAppShell{
						width:calc(100% - 40px);
						max-width:1280px;
						margin:20px auto;
						box-sizing:border-box;
						border:1px solid var(--pc-border);
						border-radius:16px;
						background:#fff;
					box-shadow: 0 18px 55px rgba(0,0,0,0.18);
					overflow:hidden;
			position:relative;
			z-index:1;
		}

#wElts{
	background:#fff;
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;
}

/* disable legacy top accent bar */
body:before{display:none !important;}

	/* make app feel like one "sheet": remove legacy content panels */
	#lpPage .wContent{
		width:100% !important;
		border:none !important;
		background:transparent !important;
		padding:0 !important;
		margin:0 !important;
		border-radius:0 !important;
	box-shadow:none !important;
}

#lpAppShell #wElts{
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
}

		#lpPage{
			padding:0;
			box-sizing:border-box;
			--lpGutter:26px;
		}

a, .xPseudolink{color:var(--pc-accent);}
	a:hover, .xPseudolink:hover{color:#e56f00;}

/* header */
#lpHeader{
	background:var(--pc-panel);
}
		#lpHeaderInner{
			width:100%;
			margin:0;
			padding:12px 26px 0 26px;
			box-sizing:border-box;
		}
#lpHeaderTop{
	display:grid;
	grid-template-columns: 220px 1fr 260px;
	align-items:center;
	gap:18px;
	padding:12px 0 14px 0;
}
	#lpBrand{
		display:flex;
		align-items:center;
		gap:12px;
		font-weight:700;
		font-size:20px;
		white-space:nowrap;
		min-width:190px;
	}
	.lpBrandMark{
		width:40px;
		height:40px;
		border-radius:14px;
		background:var(--pc-accent);
		color:#fff;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		font-weight:700;
		font-size:18px;
	}
	.lpBrandLogo{
		width:40px;
		height:40px;
		display:block;
	}
	.lpBrandLogoFull{
		height:48px;
		width:auto;
		display:block;
	}
.lpBrandText{color:var(--pc-text);}

/* center: date + search */
#lpHeaderCenter{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:1;
}

/* date pill */
#wTopBarDate{
	display:flex;
	align-items:center;
	border:none !important;
	background:transparent !important;
	padding:0 !important;
	min-width:0 !important;
}
#wTopBarDate .wDateRangeWrapper{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:10px 14px;
	border:1px solid var(--pc-border);
	border-radius:12px;
	background:#fff;
	box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}
	#wTopBarDate .wDateRangeWrapper:before{
		content:"calendar_month";
		width:16px;
		height:16px;
		font-family:'Material Symbols Outlined';
		font-size:18px;
		line-height:16px;
		color:var(--pc-muted);
		font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
		opacity:0.9;
	}
#wDateRangeBtn{
	color:var(--pc-text);
	text-decoration:none;
	border-bottom:none !important;
	white-space:nowrap;
	padding:0 !important;
	background:none !important;
	border:none !important;
	display:inline-block;
	font-size:16px;
	line-height:20px;
	cursor:pointer;
}

/* search */
#lpSearch{
	display:flex;
	align-items:center;
	gap:8px;
	padding:10px 14px;
	border:1px solid var(--pc-border);
	border-radius:12px;
	background:#fff;
	flex:1;
	max-width:460px;
	min-width:260px;
}
#lpSearch button{
	width:16px;
	height:16px;
	padding:0;
	border:none;
	background:transparent;
	color:var(--pc-muted);
	opacity:0.72;
	cursor:pointer;
}
#lpSearch button:hover{opacity:1;color:var(--pc-text);}
#lpSearch button .material-symbols-outlined{font-size:18px;line-height:16px;}
#lpSearch input{
	width:100%;
	border:none !important;
	outline:none !important;
	background:transparent;
	font-size:16px;
	color:var(--pc-text);
	padding:0;
}

/* search in nav row (right) */
#lpHeaderNavRight{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	justify-self:auto;
}
#lpHeaderNav #lpSearch{
	flex:0 0 auto;
	min-width:0;
	max-width:none;
	width:360px;
	padding:8px 12px;
	border-radius:12px;
}
#lpHeaderNav #lpSearch input{font-size:15px;}

/* date centered in top header */
#lpHeaderCenter #wTopBarDate{
	display:flex;
	align-items:center;
	justify-content:center;
}
#lpHeaderCenter #wTopBarDate .wDateRangeWrapper{
	min-width:520px;
	justify-content:center;
}

/* user (right) */
#lpHeaderUser{
	display:flex;
	align-items:center;
	gap:10px;
	justify-content:flex-end;
}
	.lpUserAvatar{
	width:36px;
	height:36px;
	border-radius:999px;
	background:var(--pc-accent-weak);
		border:1px solid rgba(255,122,0,0.22);
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	color:var(--pc-accent-dark);
}
		.lpUserAvatar:before{
	content:"";
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px 16px;
			background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 13a4 4 0 1 0-4-4 4 4 0 0 0 4 4Z' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		}
	.lpUserAvatar.hasAvatar:before,
	.lpUserAvatar.wInitialAvatar:before{
		display:none;
	}
	.lpUserAvatar span{
		font-size:14px;
		line-height:14px;
		font-weight:600;
	}
	.lpUserAvatar.hasAvatar span{
		display:none;
	}
.lpUserMeta{min-width:0; text-align:right;}
.lpUserNameRow{display:flex; align-items:center; justify-content:flex-end; gap:6px;}
#wCurrentUserName{font-weight:600; font-size:16px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#wCurrentUserRole{
	color:var(--pc-muted);
	font-size:12px;
	margin-top:2px;
	position:relative;
	display:inline-block;
}
#wRoleDropdownToggle{
	display:inline-flex;
	align-items:center;
	gap:3px;
	padding:2px 8px 2px 8px;
	border:1px solid transparent;
	border-radius:8px;
	color:var(--pc-accent);
	text-decoration:none;
}
#wRoleDropdownToggle:hover{
	border-color:rgba(255,122,0,0.25);
	background:rgba(255,122,0,0.08);
}
#wRoleName{
	color:var(--pc-accent);
	border-bottom:none !important;
}
#wRoleDropdownToggle .wRoleArrow{
	font-size:16px;
	line-height:16px;
	color:var(--pc-muted);
}
#wCurrentUserRole.wOpen #wRoleDropdownToggle{
	border-color:rgba(255,122,0,0.35);
	background:rgba(255,122,0,0.10);
}
#wCurrentUserRole.wOpen #wRoleDropdownToggle .wRoleArrow{
	transform:rotate(180deg);
}
#wRoleDropdownMenu{
	position:absolute;
	right:0;
	top:100%;
	margin-top:6px;
	min-width:150px;
	background:#fff;
	border:1px solid var(--pc-border);
	border-radius:10px;
	box-shadow:0 10px 26px rgba(2,6,23,0.14);
	padding:4px;
	display:none;
	z-index:55;
}
#wCurrentUserRole.wOpen #wRoleDropdownMenu{
	display:block;
}
#wRoleDropdownMenu a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	padding:7px 8px;
	border-radius:7px;
	color:var(--pc-muted);
	text-decoration:none;
	white-space:nowrap;
}
#wRoleDropdownMenu a:hover{
	background:rgba(255,122,0,0.10);
	color:#9a3412;
}
#wRoleDropdownMenu a .wRoleCheck{
	font-size:15px;
	line-height:15px;
	visibility:hidden;
}
#wRoleDropdownMenu a.wActive{
	background:rgba(255,122,0,0.12);
	color:#9a3412;
}
#wRoleDropdownMenu a.wActive .wRoleCheck{
	visibility:visible;
}
.lpUserDivider{
	width:1px;
	height:34px;
	background:var(--pc-border);
	margin:0 8px;
}
.lpLogoutBtn{
	width:34px;
	height:34px;
	border:1px solid var(--pc-border);
	border-radius:10px;
	background:#fff;
	color:var(--pc-muted);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.lpLogoutBtn:hover{
	background:rgba(255,122,0,0.08);
	border-color:rgba(255,122,0,0.28);
	color:var(--pc-accent);
}
.lpLogoutBtn .material-symbols-outlined{
	font-size:18px;
	line-height:18px;
}

.lpLoginBody{
	min-height:100vh;
	margin:0;
	background:#fafbfc;
	color:#181b1f;
	font-family:var(--lp-font-sans);
}
.lpLoginShell{
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:32px;
	box-sizing:border-box;
	background:
		radial-gradient(circle at top left, rgba(234,106,18,0.08), transparent 28%),
		linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
}
.lpLoginPanel{
	width:min(430px, calc(100vw - 48px));
	padding:30px;
	box-sizing:border-box;
	border:1px solid #e4e6e9;
	border-radius:18px;
	background:rgba(255,255,255,0.96);
	box-shadow:0 24px 70px rgba(24,27,31,0.08);
}
.lpLoginBrand{
	display:flex;
	align-items:center;
	gap:18px;
	margin-bottom:24px;
}
.lpLoginBrand img{
	width:104px;
	height:auto;
	display:block;
	flex:0 0 auto;
}
.lpLoginKicker{
	font-size:11px;
	line-height:14px;
	font-weight:700;
	text-transform:uppercase;
	color:#6d7279;
	letter-spacing:.08em;
}
.lpLoginBrand h1{
	margin:4px 0 0;
	font-size:28px;
	line-height:32px;
	font-weight:750;
	color:#181b1f;
}
.lpLoginForm{
	display:flex;
	flex-direction:column;
	gap:14px;
}
.lpLoginForm label{
	display:flex;
	flex-direction:column;
	gap:7px;
	margin:0;
}
.lpLoginForm label span{
	font-size:12px;
	line-height:16px;
	font-weight:700;
	color:#6d7279;
	text-transform:uppercase;
	letter-spacing:.06em;
}
.lpLoginForm input{
	width:100%;
	height:44px;
	padding:0 13px;
	box-sizing:border-box;
	border:1px solid #e4e6e9;
	border-radius:10px;
	background:#fff;
	color:#181b1f;
	font-size:15px;
	line-height:20px;
	outline:none;
}
.lpLoginForm input:focus{
	border-color:#FFA742;
	box-shadow:0 0 0 3px rgba(234,106,18,0.14);
}
.lpLoginForm button{
	height:46px;
	margin-top:4px;
	border:1px solid #FFA742;
	border-radius:10px;
	background:#FFA742;
	color:#fff;
	font-size:15px;
	line-height:20px;
	font-weight:750;
	cursor:pointer;
}
.lpLoginForm button:hover{
	background:#F68B1E;
}
.lpLoginError{
	padding:11px 13px;
	border:1px solid rgba(196,74,51,0.28);
	border-radius:10px;
	background:#fff1ee;
	color:#b53a26;
	font-size:13px;
	line-height:18px;
}

/* nav */
#lpHeaderNav{
	background:#fff;
	border-top:1px solid var(--pc-border);
	border-bottom:1px solid var(--pc-border);
}
		#lpHeaderNavInner{
			width:100%;
			margin:0;
			padding:0 26px;
			box-sizing:border-box;
			display:flex;
			align-items:center;
		justify-content:space-between;
		gap:18px;
	}
#lpHeaderNav #wTabs{
	display:flex;
	align-items:center;
	gap:30px;
	padding:0;
	height:50px;
	flex:1;
}
#lpHeaderNav #wTabs a,
#lpHeaderNav #wTabs button{
	color:var(--pc-muted);
	text-decoration:none;
	padding:0 6px;
	height:50px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:none;
	background:transparent;
	border-radius:0;
	border-bottom:2px solid transparent;
	font-size:16px;
	font-weight:500;
	cursor:pointer;
}
	#lpHeaderNav #wTabs a:before,
	#lpHeaderNav #wTabs button:before{
		content:var(--lpTabIcon, "circle");
		width:18px;
		height:18px;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		font-family:'Material Symbols Outlined';
		font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
		font-size:18px;
		line-height:18px;
		opacity:0.9;
	}
	/* icons (Material Symbols) */
	#lpHeaderNav #wTab_units{--lpTabIcon:"lists";}
	#lpHeaderNav #wTab_items{--lpTabIcon:"checklist";}
	#lpHeaderNav #wTab_calc{--lpTabIcon:"calculate";}
	#lpHeaderNav #wTab_clients{--lpTabIcon:"groups";}
	#lpHeaderNav #wTab_users{--lpTabIcon:"settings";}

#lpHeaderNav #wTabs a.wActive,
#lpHeaderNav #wTabs button.wActive{
	color:var(--pc-accent);
	border-bottom-color: var(--pc-accent);
}
#lpHeaderNav #wTabs a:hover,
#lpHeaderNav #wTabs button:hover{
	color:var(--pc-text);
}
#lpHeaderNav #wTabs a.wActive:hover,
#lpHeaderNav #wTabs button.wActive:hover{
	color:var(--pc-text);
}

.wInlineIconBtn{
	min-width:29px;
	height:29px;
	padding:0;
	margin-left:6px;
	border:1px solid var(--lp-border);
	border-radius:8px;
	background:#fff;
	color:var(--lp-text);
	font:600 14px/1 var(--lp-font-sans);
	cursor:pointer;
}

.lpFooterMeta{
	padding:16px 0 12px 4px;
	color:var(--lp-muted);
	width:auto;
	max-width:920px;
}

/* page */
#wElts{margin:0 auto; padding:14px 0 0 0;}

	/* funnels (chips) */
	#wUI_units #wFunnels,
	#wUI_items #wFunnels{
		display:flex;
		align-items:center;
		gap:18px;
		padding:12px var(--lpGutter) 10px var(--lpGutter);
		margin:0;
	}
	#wUI_units #wFunnels>a, #wUI_units #wFunnels>span,
	#wUI_items #wFunnels>a, #wUI_items #wFunnels>span{
		text-shadow:none !important;
		font-size:14px;
		line-height:18px;
		font-weight:500;
		color:var(--pc-muted);
		text-decoration:none;
		padding:7px 10px;
		border-radius:8px;
		border:1px solid transparent;
		background:transparent;
		transition: background-color 120ms ease, color 120ms ease;
	}
	#wUI_units #wFunnels>a:hover,
	#wUI_items #wFunnels>a:hover{
		color:var(--pc-text);
	}
	#wUI_units #wFunnels>a:not(.wActive):hover,
	#wUI_items #wFunnels>a:not(.wActive):hover{
		background:rgba(100,116,139,0.10);
	}
	#wUI_units #wFunnels>a.wActive,
	#wUI_items #wFunnels>a.wActive{
		color:#fff;
		background:var(--pc-accent);
		border-color:rgba(255,122,0,0.55);
	}
	#wUI_units #wFunnels #wFunnel_frozen:not(.wActive){
		color:var(--pc-muted);
	}
	/* separator between "Все" and "Отложены" */
	#wUI_units #wFunnels #wFunnel_all,
	#wUI_items #wFunnels #wFunnel_all{
		position:relative;
	}
	#wUI_units #wFunnels #wFunnel_all:after,
	#wUI_items #wFunnels #wFunnel_all:after{
		content:"";
		position:absolute;
		right:-9px;
		top:50%;
		transform:translateY(-50%);
		width:1px;
		height:18px;
		background:var(--pc-border);
		opacity:0.9;
	}
#wUI_units #wFunnels .wFunnelCounter,
#wUI_items #wFunnels .wFunnelCounter{
	margin-left:6px;
	vertical-align:baseline !important;
	font-size:inherit !important;
	line-height:inherit !important;
	color:#94a3b8;
}
#wUI_units #wFunnels>a.wActive .wFunnelCounter,
#wUI_items #wFunnels>a.wActive .wFunnelCounter{opacity:1; color:rgba(255,255,255,0.85);}

/* legacy filter bars: keep actions, hide duplicated search */
#wFilters{
	width:100%;
	margin:12px 0 0 0;
}
	#wFilters input#wSearch, #wFilters img#wSearchBtn{display:none !important;}
	/* keep duplicated per-page search hidden, but show admin totals */
	#wUI_units #wFilters td:nth-child(3){display:none;}
	#wUI_units #wFilters td:nth-child(2){
		display:table-cell;
		text-align:right;
		padding:12px var(--lpGutter) 10px var(--lpGutter) !important;
		white-space:nowrap;
		vertical-align:middle;
	}
	#wUI_units #wStats{
		margin:0;
		display:flex;
		align-items:center;
		justify-content:flex-end;
		font-size:16px;
		line-height:20px;
		color:var(--pc-text);
		border-bottom:none !important;
		text-decoration:none !important;
		cursor:default;
	}
	#wUI_units #wStats .lpStatsImps{
		font-size:12px;
		line-height:16px;
		color:var(--pc-muted);
		margin-left:8px;
		font-weight:400;
		display:inline-flex;
		align-items:center;
	}
		#wUI_units #wStats .lpStatsIcon{
			font-size:14px;
			line-height:14px;
			margin-right:6px;
			opacity:0.8;
		}
		#wUI_units #wStats .lpStatsIconSum{
			font-size:16px;
			line-height:16px;
			opacity:0.85;
		}
	#wUI_units #wStats1{
		cursor:default;
		display:inline-flex;
		align-items:center;
		padding:0;
		border:none;
		border-radius:0;
		background:transparent;
		color:inherit;
		font-weight:500;
	}
	/* stats should not look like a link */
	#wUI_units #wStats1.xPseudolink{border-bottom:none !important;}

#wUI_units #wFilters td,
#wUI_items #wFilters td{
	width:auto !important;
}

#wUI_units #wFilters,
#wUI_items #wFilters{
	border-bottom:1px solid var(--pc-border);
	margin:0;
}

#wUI_units #wFilters td,
#wUI_items #wFilters td{
	padding:0;
}

/* unit actions bar */
#wUnitActions{
	display:flex;
	align-items:center;
	gap:14px;
	padding:10px 0 12px 0;
	border-top:1px solid var(--pc-border);
	border-bottom:1px solid var(--pc-border);
	margin:10px 0 0 0;
}
#wUnitActions .wAct{
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:var(--pc-muted);
	text-decoration:none;
	font-size:13px;
	white-space:nowrap;
}
#wUnitActions .wAct img{width:16px;height:16px;opacity:0.8;}
#wUnitActions .wActOk{color:#16a34a;}
#wUnitActions .wActDanger{color:var(--pc-danger);}
#wUnitActions .wActInfo{color:var(--pc-accent);}
#wUnitActions .wActMuted{color:#f59e0b;}
#wUnitActions .wActPlain{color:var(--pc-muted);}
#wUnitActions.wUnitActionsDisabled .wAct{
	opacity:0.45;
	pointer-events:none;
}

	/* tables */
	#wElts .wContent #wTable{
		border-collapse:collapse !important;
		border-spacing:0 !important;
		table-layout:fixed;
		width:100%;
		background:transparent;
		border-left:none;
		border-right:none;
		border-top:1px solid var(--pc-border);
	border-bottom:1px solid var(--pc-border);
	border-radius:0;
}

	/* table should fill the whole white sheet width */
	#lpPage .wContent #wTable{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	#lpPage .wContent #wTable thead th:first-child,
	#lpPage .wContent #wTable tbody td:first-child{
		padding-left:var(--lpGutter);
	}
	#lpPage .wContent #wTable thead th:last-child,
	#lpPage .wContent #wTable tbody td:last-child{
		padding-right:var(--lpGutter);
	}
		#wElts .wContent #wTable thead th{
			background:#f1f5f9;
			color:var(--pc-muted);
			font-size:11px;
			text-transform:uppercase;
			letter-spacing:0.04em;
			padding:12px 12px;
			border-bottom:1px solid var(--pc-border);
			text-align:left;
		}
		/* prevent long strings from expanding the table */
		#wElts .wContent #wTable thead th,
		#wElts .wContent #wTable tbody td{
			overflow-wrap:anywhere;
			word-break:break-word;
		}
		/* zebra rows for main tables */
		#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:#fafafa;
		}
		/* hover highlight on main tables */
		#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull):not(.wTableItemExpanded):not(.wTableUnitExpanded):not(.wTableClientExpanded):not(.wTrouble):not(.wNew):not(.bg-yellow):hover td{
			background:#fffdf5;
		}
		/* keep key numeric columns on one line */
		#wUI_units #wTable thead th:nth-child(1),
		#wUI_units #wTable thead th:nth-child(5),
		#wUI_units #wTable thead th:nth-child(6),
		#wUI_units #wTable thead th:nth-child(7),
		#wUI_units #wTable thead th:nth-child(8),
		#wUI_units #wTable tbody td:nth-child(1),
		#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:nth-child(8){
			white-space:nowrap;
			overflow-wrap:normal;
			word-break:normal;
		}
		/* sortable column headers: add sort icon + link cursor */
		#wElts .wContent #wTable thead th.header{
			position:relative;
			cursor:pointer;
			user-select:none;
			padding-right:26px;
		}
		#wElts .wContent #wTable thead th.header:after{
			content:"unfold_more";
			position:absolute;
			right:8px;
			top:50%;
			transform:translateY(-50%);
			font-family:'Material Symbols Outlined';
			font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
			font-size:16px;
			line-height:16px;
			color:var(--pc-muted);
			opacity:0.65;
		}
		#wElts .wContent #wTable thead th.header:hover{
			color:var(--pc-text);
		}
		#wElts .wContent #wTable thead th.header:hover:after{
			opacity:0.9;
		}
		#wElts .wContent #wTable thead th.headerSortUp:after{
			content:"keyboard_arrow_up";
			opacity:1;
			color:var(--pc-text);
		}
		#wElts .wContent #wTable thead th.headerSortDown:after{
			content:"keyboard_arrow_down";
			opacity:1;
			color:var(--pc-text);
		}
		#wElts .wContent #wTable tbody td{
			padding:14px 12px;
			border-top:1px solid var(--pc-border);
			vertical-align:top;
			background:transparent;
			text-align:left;
		}
		/* hard protection against very long text values in all tables */
		#wElts .wContent #wTable tbody td > div,
		#wElts .wContent #wTable tbody td > span,
		#wElts .wContent #wTable tbody td > a,
		#wElts .wContent #wTable tbody td .tip{
			max-width:100%;
			box-sizing:border-box;
		}
		/* text columns: always wrap, never break table width */
		#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),
		#wUI_users #wTable tbody td:nth-child(2),
		#wUI_users #wTable tbody td:nth-child(3),
		#wUI_users #wTable tbody td:nth-child(4),
		#wUI_users #wTable tbody td:nth-child(5){
			white-space:normal !important;
			overflow-wrap:anywhere !important;
			word-break:break-word !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,
		#wUI_users #wTable tbody td:nth-child(2) .tip{
			display:inline;
			white-space:normal !important;
			overflow-wrap:anywhere !important;
			word-break:break-word !important;
		}
		/* tighten the last warning column ("!") */
		#wUI_units #wTable thead th:nth-child(8),
		#wUI_units #wTable tbody td:nth-child(8){
			padding-left:6px;
			padding-right:6px;
			text-align:center;
		}
	/* remove legacy "row card" outlines (left/right borders, rounding, shadows) */
	#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull) td{
		border-bottom:none !important;
		border-left:none !important;
		border-right:none !important;
		border-radius:0 !important;
		box-shadow:none !important;
	}
	#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull) td:first-child,
	#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull) td:last-child{
		border-left:none !important;
		border-right:none !important;
		border-top-left-radius:0 !important;
		border-bottom-left-radius:0 !important;
		border-top-right-radius:0 !important;
		border-bottom-right-radius:0 !important;
		box-shadow:none !important;
	}
	#wElts .wContent #wTable tbody tr:not(#wTableUnitFull):not(#wTableItemFull):not(#wTableClientFull):hover td{
		border-color:var(--pc-border) !important;
	}
	/* remove legacy expanded-row background images */
	#lpPage #wTable tr.wTableUnitExpanded,
	#lpPage #wTable tr.wTableItemExpanded{
		background-image:none !important;
	}
	#wElts .wContent #wTable tbody tr:hover td{
		background:#f8fafc !important;
	}
		#wUI_units #wTable tbody tr.wTableUnitExpanded td,
		#wUI_items #wTable tbody tr.wTableItemExpanded td{
			background:var(--pc-accent-weak) !important;
		}

	/* units list */
		#wUI_units #wTable tbody tr td:nth-child(1){
			color:var(--pc-accent);
			font-weight:400;
			white-space:nowrap;
		}
		/* add visual spacing between "Состояние" and "Готово к" columns */
		#wUI_units #wTable thead th:nth-child(4),
		#wUI_units #wTable tbody td:nth-child(4){
			width:140px !important;
			padding-right:18px;
		}
		#wUI_units #wTable thead th:nth-child(5),
		#wUI_units #wTable tbody td:nth-child(5){
			width:110px !important;
			padding-left:18px;
		}
		/* align order numbers with funnels row: shift 20px right */
		#wUI_units #wTable thead th:first-child,
		#wUI_units #wTable tbody td:first-child{
			padding-left:calc(var(--lpGutter) + 20px) !important;
		}
	#wUI_units #wTable tbody tr td:nth-child(1) span{font-weight:400;}
	/* order row should not look bold */
	#wUI_units #wTable tbody tr:not(#wTableUnitFull) td{
		font-weight:400;
	}
	#wUI_units #wTable .pcClientCell .tip{
		color:var(--pc-text);
		font-weight:400;
		border-bottom:none;
	}
	.pcClientSub{
		margin-top:2px;
		color:var(--pc-muted);
		font-size:12px;
		line-height:16px;
		white-space:normal;
		overflow:visible;
		text-overflow:clip;
		overflow-wrap:anywhere;
		word-break:break-word;
	}

	/* role badges (pending acceptance / role display) */
	.lpRole_admin{--lpRoleBg:#f1f5f9;--lpRoleText:#475569;}
	.lpRole_office{--lpRoleBg:#eefbff;--lpRoleText:#0f766e;}
	.lpRole_prepress{--lpRoleBg:#f5efff;--lpRoleText:#6d28d9;}
	.lpRole_print{--lpRoleBg:#fff2e5;--lpRoleText:#b45309;}
	.lpRole_postpress{--lpRoleBg:#effdf4;--lpRoleText:#047857;}
	.lpRole_accounting{--lpRoleBg:#eef5ff;--lpRoleText:#1e40af;}

	.lpRoleBadge,
	.lpRoleWait{
		display:inline-flex;
		align-items:center;
		padding:4px 10px;
		border-radius:999px;
		font-size:12px;
		line-height:16px;
		font-weight:400;
		white-space:nowrap;
		background:var(--lpRoleBg, #f1f5f9);
		color:var(--lpRoleText, #475569);
		border:1px solid rgba(0,0,0,0.10);
	}
	.lpRole_waiting{font-weight:400;}

	/* override legacy state styles so role chips keep their look */
	#wUI_units #wTable tbody tr td:nth-child(4) small.lpRoleWait{
		display:inline-flex;
		color:var(--lpRoleText, #475569);
		background:var(--lpRoleBg, #f1f5f9);
		padding:4px 10px;
		border-radius:999px;
		border:1px solid rgba(0,0,0,0.10);
	}
	#wUI_items #wTable tbody tr td.wi9 small.lpRoleWait{
		display:inline-flex;
		color:var(--lpRoleText, #475569);
		background:var(--lpRoleBg, #f1f5f9);
		border-color:rgba(0,0,0,0.10);
		font-weight:400;
	}
	#wuTitle p.lpRoleWait{
		display:inline-flex;
		width:auto;
		margin-top:6px;
	}
	.lpOwnersMore{
		color:var(--pc-muted);
		font-weight:500;
		margin-left:6px;
		white-space:nowrap;
	}
	#wUI_units #wTable tbody tr td:nth-child(2){
		font-weight:400;
	}
#wUI_units #wTable tbody tr td:nth-child(2) .small,
#wUI_units #wTable tbody tr td:nth-child(3){
	color:var(--pc-muted);
	font-size:12px;
	line-height:16px;
}
#wUI_units #wTable tbody tr td:nth-child(3) br{display:inline !important;}
#wUI_units #wTable tbody tr td:nth-child(3) .tip{
	display:inline;
	padding:0 !important;
	margin:0 !important;
	border-bottom:none !important;
}
#wUI_units #wTable tbody tr td:nth-child(3) .tip:before{content:none !important;}
		#wUI_units #wTable tbody tr td:nth-child(4) small:not(.lpRoleWait){
			display:inline-flex;
			align-items:center;
			max-width:100%;
			padding:4px 10px;
			border:1px solid var(--pc-border);
		border-radius:999px;
		background:#f1f5f9;
		color:var(--pc-text);
		font-size:12px;
		line-height:16px;
		white-space:nowrap;
	}
	#wUI_units #wTable tbody tr td:nth-child(5){
		color:var(--pc-text);
		font-weight:400;
		white-space:nowrap;
	}
	#wUI_units #wTable tbody tr td:nth-child(6){
		color:var(--pc-text);
		font-weight:400;
		text-align:left;
		white-space:nowrap;
	}
	#wUI_units #wTable tbody tr td:nth-child(7){
		color:var(--pc-muted);
		white-space:nowrap;
		text-align:left;
		font-weight:400;
	}
	#wUI_units #wTable tbody tr td:nth-child(7) small{
		color:var(--pc-muted) !important;
		font-weight:400 !important;
	}
		#wUI_units #wTable tbody tr td:nth-child(8){
			white-space:nowrap;
			text-align:left;
		}

			/* items list: match orders look */
			#wUI_items #wTable thead th:first-child,
			#wUI_items #wTable tbody td:first-child{
				padding-left:calc(var(--lpGutter) + 20px) !important;
			}
			/* column widths (table-layout:fixed). Only one of wi2/wi3 is shown per-role. */
			#wUI_items #wTable thead th.wi2,
			#wUI_items #wTable tbody td.wi2,
			#wUI_items #wTable thead th.wi3,
			#wUI_items #wTable tbody td.wi3{
				width:490px !important;
			}
			/* tighten right-side columns */
			#wUI_items #wTable thead th.wi9,
			#wUI_items #wTable tbody td.wi9{
				width:140px !important;
			}
			#wUI_items #wTable thead th.wi10,
			#wUI_items #wTable tbody td.wi10{
				width:110px !important;
			}
			#wUI_items #wTable thead th.wi11,
			#wUI_items #wTable tbody td.wi11{
				width:90px !important;
			}
			#wUI_items #wTable thead th.wi12,
			#wUI_items #wTable tbody td.wi12{
				width:28px !important;
			}
			#wUI_items #wTable tbody tr td:nth-child(1){
				color:var(--pc-accent);
				font-weight:400;
				white-space:nowrap;
			}
		#wUI_items #wTable tbody tr td:nth-child(1) span{font-weight:400;}
		#wUI_items #wTable tbody tr:not(#wTableItemFull) td{
			font-weight:400;
		}
		#wUI_items #wTable tbody tr td.wi1{
			color:var(--pc-text);
			font-weight:400;
		}
		#wUI_items #wTable tbody tr td.wi3{
			color:var(--pc-muted);
			font-size:12px;
			line-height:16px;
		}
		#wUI_items #wTable tbody tr td.wi3 b{
			display:block;
			font-size:13px;
			line-height:18px;
			color:var(--pc-text);
			font-weight:500;
			margin:0 0 2px 0;
		}
		#wUI_items #wTable tbody tr td.wi9 small:not(.lpRoleWait){
			display:inline-flex;
			align-items:center;
			max-width:100%;
			padding:4px 10px;
			border:1px solid var(--pc-border);
			border-radius:999px;
			background:#f1f5f9;
			color:var(--pc-text);
			font-size:12px;
			line-height:16px;
			white-space:nowrap;
			font-weight:400;
		}
		#wUI_items #wTable tbody tr td.wi10{
			color:var(--pc-text);
			font-weight:400;
			white-space:nowrap;
		}
		#wUI_items #wTable tbody tr td.wi11{
			color:var(--pc-text) !important;
			font-weight:400;
			text-align:left;
			white-space:nowrap;
		}
		/* keep warning col tight */
		#wUI_items #wTable thead th:nth-child(13),
		#wUI_items #wTable tbody td:nth-child(13){
			padding-left:6px;
			padding-right:6px;
			text-align:center;
			white-space:nowrap;
		}

		/* warning icon (Material Symbols) */
		#lpPage .lpIconWarn{
			display:inline-block;
		color:var(--pc-danger);
		font-size:18px;
		line-height:18px;
		vertical-align:middle;
		text-decoration:none !important;
		border-bottom:none !important;
		opacity:0.95;
	}
	#lpPage .lpIconWarn.tip{border-bottom:none !important;}

	/* expanded unit row (override legacy background images) */
		#wTableUnitFull>td{
			background:#f8fafc !important;
			padding:18px 26px !important;
			border-top:1px solid var(--pc-border) !important;
			border-bottom:none !important;
			background-image:none !important;
			white-space:normal !important;
			overflow-wrap:anywhere;
		word-break:break-word;
		max-width:100%;
	}
		#wTableUnitFull>td>div{
			background:none !important;
			background-image:none !important;
			padding:0 !important;
			margin:0 !important;
		}

	/* expanded item row (override legacy background images) */
		#wTableItemFull>td{
			background:#f8fafc !important;
			padding:18px 26px !important;
			border-top:1px solid var(--pc-border) !important;
			border-bottom:none !important;
			background-image:none !important;
			white-space:normal !important;
			overflow-wrap:anywhere;
		word-break:break-word;
		max-width:100%;
	}
		#wTableItemFull>td>div{
			background:none !important;
			background-image:none !important;
			padding:0 !important;
			margin:0 !important;
		}

		/* expanded order: 3 columns like mockup */
		#wuWrapper{
			display:grid;
			grid-template-columns:minmax(0,1fr) 320px;
			gap:16px;
		width:100% !important;
		box-sizing:border-box;
	}
	#wuWrapper.wuNoNote{
		grid-template-columns:minmax(0,1fr) 320px;
	}
	#wuWrapper.wuNoNote .wuNoteCard{display:none !important;}
	#wuWrapper .wuCard{
		background:#fff;
		border:1px solid var(--pc-border);
		border-radius:14px;
		padding:16px 18px;
		min-width:0;
	}
	#wuWrapper .wuNoteCard{
		background:#fff7ed;
		border-color:#fed7aa;
		color:#9a3412;
	}
	#wuWrapper .wuSideCard{
		background:transparent;
		border:none;
		padding:0;
		min-width:0;
	}

	/* expanded item: same layout as orders */
	#wiWrapper{
		display:grid;
		grid-template-columns:minmax(0,1fr) 260px 320px;
		gap:16px;
		width:100% !important;
		box-sizing:border-box;
	}
	#wiWrapper.wiNoNote{
		grid-template-columns:minmax(0,1fr) 320px;
	}
	#wiWrapper.wiNoNote .wiNoteCard{display:none !important;}
	#wiWrapper .wiCard{
		background:#fff;
		border:1px solid var(--pc-border);
		border-radius:14px;
		padding:16px 18px;
		min-width:0;
	}
	#wiWrapper .wiNoteCard{
		background:#fff7ed;
		border-color:#fed7aa;
		color:#9a3412;
	}
	#wiWrapper .wiSideCard{
		background:transparent;
		border:none;
		padding:0;
		min-width:0;
	}
	#wiWrapper .wiHeadRow{
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		gap:16px;
	}
		#wiWrapper #wiNumber{
			color:var(--pc-muted);
			font-size:13px;
			line-height:18px;
			white-space:nowrap;
			padding-left:0;
		}
		#wiWrapper #wiNumber .tip{
			color:inherit;
			border-bottom:none !important;
		}
	#wiWrapper #wiClient{
		flex:1;
		min-width:0;
		font-size:16px;
		line-height:20px;
		font-weight:700;
		color:var(--pc-text);
	}
	#wiWrapper #wiClient .tip{
		color:inherit;
		border-bottom:none !important;
		cursor:pointer;
	}
		#wiWrapper #wiReadyTill{
			color:var(--pc-text);
			font-size:13px;
			line-height:18px;
			white-space:nowrap;
			text-align:right;
			padding-top:0;
		}
	#wiWrapper #wiTitle{
		margin-top:12px;
		font-size:15px;
		line-height:20px;
		font-weight:700;
		color:var(--pc-text);
		white-space:normal;
		overflow-wrap:anywhere;
	}
	#wiWrapper #wiDesc{
		margin-top:10px;
		color:var(--pc-muted);
		font-size:13px;
		line-height:18px;
		white-space:normal;
		overflow-wrap:anywhere;
		word-break:break-word;
	}
	#wiWrapper .wiDetailsWrap{
		margin-top:12px;
		border-top:1px solid var(--pc-border);
		padding-top:12px;
	}
	#wiWrapper #wiDetails{
		width:100%;
		border-collapse:separate;
		border-spacing:0;
	}
	#wiWrapper #wiDetails td{
		padding:7px 8px;
		border-top:1px solid var(--pc-border);
		vertical-align:top;
		font-size:13px;
		line-height:18px;
		color:var(--pc-text);
	}
		#wiWrapper #wiDetails tr:first-child td{border-top:none;}
		#wiWrapper #wiDetails tr:nth-child(odd),
		#wiWrapper #wiDetails tr:nth-child(even){
			background:transparent !important;
		}
	#wiWrapper #wiDetails td.small{
		color:var(--pc-muted);
		font-size:12px;
		line-height:16px;
	}
	#wiWrapper #wiDetails td:nth-child(3),
	#wiWrapper #wiDetails td:nth-child(4){
		white-space:nowrap;
		text-align:right;
	}

	/* item actions bar (like units) */
	#wiWrapper #wiBtns.wiItemActions{
		grid-column: 1 / -1;
		background:transparent !important;
		border:none !important;
		border-top:1px solid var(--pc-border);
		padding:5px 0 0 0 !important;
		margin-top:0;
		display:flex;
		align-items:center;
		gap:10px;
		flex-wrap:wrap;
	}
	#wiWrapper #wiBtns.wiItemActions > div{
		float:none !important;
		margin:0 !important;
		padding:0 !important;
		background-color:transparent !important;
		background-image:none !important;
		display:inline-flex;
		align-items:center;
		gap:6px;
		color:var(--pc-muted);
		cursor:pointer;
		border-radius:999px;
		padding:7px 12px !important;
		transition: background-color 120ms ease, color 120ms ease;
		font-size:13px;
		line-height:16px;
	}
	#wiWrapper #wiBtns.wiItemActions .tip{cursor:pointer;}
	#wiWrapper #wiBtns.wiItemActions a,
	#wiWrapper #wiBtns.wiItemActions .xPseudolink,
	#wiWrapper #wiBtns.wiItemActions .tip{
		color:inherit;
		border-bottom:none !important;
		text-decoration:none;
		font-weight:500;
	}
	#wiWrapper #wiBtns.wiItemActions > div:hover{
		background-color:var(--lpActHoverBg, rgba(100,116,139,0.10)) !important;
	}
	#wiWrapper #wiBtns.wiItemActions > div:before{
		content:"";
		width:18px;
		height:18px;
		display:inline-block;
		flex:0 0 auto;
		font-family:'Material Symbols Outlined';
		font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
		font-size:18px;
		line-height:18px;
		color:currentColor;
	}
	#wiWrapper #wiBtns.wiItemActions #wiAccept{color:#16a34a; --lpActHoverBg: rgba(22,163,74,0.10);}
	#wiWrapper #wiBtns.wiItemActions #wiAccept:before{content:"task_alt";}
	#wiWrapper #wiBtns.wiItemActions #wiSendTo{color:var(--pc-accent); --lpActHoverBg: rgba(255,122,0,0.10);}
	#wiWrapper #wiBtns.wiItemActions #wiSendTo:before{content:"send";}
	#wiWrapper #wiBtns.wiItemActions #wiAddComment{color:#0f766e; --lpActHoverBg: rgba(15,118,110,0.10);}
	#wiWrapper #wiBtns.wiItemActions #wiAddComment:before{content:"chat_bubble";}
	#wiWrapper #wiBtns.wiItemActions #wiUpload{color:var(--pc-muted); --lpActHoverBg: rgba(100,116,139,0.10);}
	#wiWrapper #wiBtns.wiItemActions #wiUpload:before{content:"upload";}
	#wiWrapper #wiBtns.wiItemActions #wiAddTrouble{color:var(--pc-danger); --lpActHoverBg: rgba(239,68,68,0.10);}
	#wiWrapper #wiBtns.wiItemActions #wiAddTrouble:before{content:"warning";}
	#wiWrapper #wiBtns.wiItemActions #wiReady{color:#16a34a; --lpActHoverBg: rgba(22,163,74,0.10);}
	#wiWrapper #wiBtns.wiItemActions #wiReady:before{content:"done_all";}
	#wiWrapper #wiBtns.wiItemActions #wiEdit{color:var(--pc-accent); --lpActHoverBg: rgba(255,122,0,0.10);}
	#wiWrapper #wiBtns.wiItemActions #wiEdit:before{content:"edit";}
	#wiWrapper #wiBtns.wiItemActions #wiPrint{color:var(--pc-muted); --lpActHoverBg: rgba(100,116,139,0.10);}
	#wiWrapper #wiBtns.wiItemActions #wiPrint:before{content:"print";}
	#wuWrapper #wuBtns.wuUnitActions{
		grid-column: 1 / -1;
		background:transparent !important;
		border:none !important;
		border-top:1px solid var(--pc-border);
		padding:5px 0 0 0 !important;
		margin-top:0;
		display:flex;
		align-items:center;
		gap:10px;
		flex-wrap:wrap;
	}
	#wuWrapper #wuBtns.wuUnitActions > div{
		float:none !important;
		margin:0 !important;
		padding:0 !important;
		background-color:transparent !important;
		background-image:none !important;
		display:inline-flex;
		align-items:center;
		gap:6px;
		color:var(--pc-muted);
		cursor:pointer;
		border-radius:999px;
		padding:7px 12px !important;
		transition: background-color 120ms ease, color 120ms ease;
		font-size:13px;
		line-height:16px;
	}
	#wuWrapper #wuBtns.wuUnitActions a,
	#wuWrapper #wuBtns.wuUnitActions .xPseudolink{
		color:inherit;
		border-bottom:none !important;
		text-decoration:none;
		font-weight:500;
		cursor:pointer;
	}
	#wuWrapper #wuBtns.wuUnitActions > div:hover{
		background-color:var(--lpActHoverBg, rgba(100,116,139,0.10)) !important;
	}
	#wuWrapper #wuBtns.wuUnitActions #wuDone{--lpActHoverBg: rgba(22,163,74,0.10);}
	#wuWrapper #wuBtns.wuUnitActions #wuDefer,
	#wuWrapper #wuBtns.wuUnitActions #wuContinue{--lpActHoverBg: rgba(245,158,11,0.12);}
	#wuWrapper #wuBtns.wuUnitActions #wuPymt{--lpActHoverBg: rgba(37,99,235,0.10);}
	#wuWrapper #wuBtns.wuUnitActions #wiPrint{--lpActHoverBg: rgba(100,116,139,0.10);}
	#wuWrapper #wuBtns.wuUnitActions #wuDelete{--lpActHoverBg: rgba(239,68,68,0.10);}
	#wuWrapper #wuBtns.wuUnitActions .tip{cursor:pointer;}
	#wuWrapper #wuBtns.wuUnitActions #wuDelete{margin-left:auto !important;}

	/* action bar icons + colors (like mockup) */
	#wuWrapper #wuBtns.wuUnitActions > div:before{
		content:"";
		width:18px;
		height:18px;
		display:inline-block;
		flex:0 0 auto;
		font-family:'Material Symbols Outlined';
		font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
		font-size:18px;
		line-height:18px;
		color:currentColor;
	}
	#wuWrapper #wuBtns.wuUnitActions #wuDone{color:#16a34a;}
	#wuWrapper #wuBtns.wuUnitActions #wuDone:before{content:"check_circle";}
	#wuWrapper #wuBtns.wuUnitActions #wuDefer,
	#wuWrapper #wuBtns.wuUnitActions #wuContinue{color:#f59e0b;}
	#wuWrapper #wuBtns.wuUnitActions #wuDefer:before,
	#wuWrapper #wuBtns.wuUnitActions #wuContinue:before{content:"schedule";}
	#wuWrapper #wuBtns.wuUnitActions #wuPymt{color:#2563eb;}
	#wuWrapper #wuBtns.wuUnitActions #wuPymt:before{content:"credit_card";}
	#wuWrapper #wuBtns.wuUnitActions #wiPrint{color:var(--pc-muted);}
	#wuWrapper #wuBtns.wuUnitActions #wiPrint:before{content:"print";}
	#wuWrapper #wuBtns.wuUnitActions #wuDelete{color:var(--pc-danger);}
	#wuWrapper #wuBtns.wuUnitActions #wuDelete:before{content:"delete";}

	/* item-level actions (send/edit): make cursor behave like links */
	#wuWrapper .wuItem .wuBtns .tip,
	#wuWrapper .wuItem .wuBtns .xPseudolink{
		cursor:pointer;
	}

	/* main card content */
	#wuWrapper .wuItem{min-width:0;}
	#wuWrapper .wuMainTop{
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		gap:16px;
	}
	#wuWrapper .wuMainTitle{min-width:0;}
	#wuWrapper #wuNumber{
		color:var(--pc-muted);
		font-size:13px;
		line-height:18px;
		white-space:nowrap;
	}
	#wuWrapper #wuTitle h2{
		font-size:16px;
		line-height:20px;
		font-weight:700;
		color:var(--pc-text);
		margin:4px 0 0 0;
		white-space:normal;
		overflow-wrap:anywhere;
	}
	#wuWrapper #wuTitle p{
		font-size:13px;
		line-height:18px;
		color:var(--pc-muted);
		margin:4px 0 0 0;
		white-space:normal;
		overflow-wrap:anywhere;
	}
	#wuWrapper #wuPrice span{
		display:inline-block;
		padding:6px 10px;
		border-radius:10px;
		background:var(--pc-accent-weak);
		color:var(--pc-text);
		font-weight:700;
		white-space:nowrap;
	}
	#wuWrapper #wuDesc{
		margin-top:12px;
		color:var(--pc-muted);
		font-size:13px;
		line-height:18px;
		white-space:normal;
		overflow-wrap:anywhere;
		word-break:break-word;
	}

	/* item-level actions (send/edit) */
	#wuWrapper .wuItem .wuBtns{
		display:flex;
		gap:18px;
		margin-top:10px;
	}
	#wuWrapper .wuItem .wuBtns > div{
		float:none !important;
		margin:0 !important;
		padding:0 !important;
		background-color:transparent !important;
		background-image:none !important;
		border-radius:999px;
		padding:7px 12px !important;
		transition: background-color 120ms ease, color 120ms ease;
	}
	#wuWrapper .wuItem .wuBtns > div:hover{
		background-color:var(--lpActHoverBg, rgba(255,122,0,0.10)) !important;
	}
	#wuWrapper .wuItem .wuBtns .tip,
	#wuWrapper .wuItem .wuBtns .xPseudolink{
		display:inline-flex;
		align-items:center;
		gap:8px;
		color:var(--pc-accent);
		border-bottom:none !important;
		text-decoration:none;
		font-weight:500;
	}
	#wuWrapper .wuItem .wuBtns #wuSendTo{--lpActHoverBg: rgba(255,122,0,0.10);}
	#wuWrapper .wuItem .wuBtns #wuEdit{--lpActHoverBg: rgba(255,122,0,0.10);}
	#wuWrapper .wuItem .wuBtns #wuAccept{color:#16a34a; --lpActHoverBg: rgba(22,163,74,0.10);}
	#wuWrapper .wuItem .wuBtns .wuSendTo .tip:before{
		content:"send";
		font-family:'Material Symbols Outlined';
		font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
		font-size:18px;
		line-height:18px;
		color:var(--pc-accent);
	}
	#wuWrapper .wuItem .wuBtns #wuEdit .xPseudolink:before{
		content:"edit";
		font-family:'Material Symbols Outlined';
		font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
		font-size:18px;
		line-height:18px;
		color:var(--pc-accent);
	}
	#wuWrapper .wuItem .wuBtns #wuAccept .xPseudolink:before{
		content:"task_alt";
		font-family:'Material Symbols Outlined';
		font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20;
		font-size:18px;
		line-height:18px;
		color:currentColor;
	}

	/* note card */
		#wuWrapper #wiComment,
		#wiWrapper #wiComment{
			font-size:13px;
			line-height:18px;
			white-space:normal;
			overflow-wrap:anywhere;
			word-break:break-word;
		background:none !important;
			padding:0 !important;
			width:auto !important;
		}
		#wuWrapper #wiComment>div,
		#wiWrapper #wiComment>div{
			padding:0 !important;
			border:none !important;
			width:auto !important;
		}
		#wuWrapper #wiComment p,
		#wiWrapper #wiComment p{margin:0 0 8px 0;}
		#wuWrapper #wiComment p:last-child,
		#wiWrapper #wiComment p:last-child{margin-bottom:0;}

	/* docs look like cards */
	#wiDocs .wComment, #wiDocs .wFile, #wiDocs .wDoc, #wiDocs .wWarning{
		border:1px solid var(--pc-border);
		border-radius:12px;
		padding:10px 12px;
		margin:0 0 10px 0;
		background:#fff;
	}
#wiDocs .wComment.red, #wiDocs .wTrouble, #wiDocs .wDocTrouble{
	border-color: rgba(239,68,68,0.30);
	background: rgba(239,68,68,0.06);
}
		#wiDocs .wComment.blue, #wiDocs .wDocSolved{
			border-color: rgba(255,122,0,0.30);
			background: rgba(255,122,0,0.06);
		}

	/* expanded order side column */
		#wuWrapper #wiDocs,
		#wiWrapper #wiDocs{
			width:auto !important;
			display:flex;
			flex-direction:column;
			gap:12px;
		}
		#wuWrapper #wiDocs>div,
		#wiWrapper #wiDocs>div{
			width:auto !important;
			padding:12px 14px !important;
			margin:0 !important;
			background:#fff;
		border:1px solid var(--pc-border);
		border-radius:14px;
		white-space:normal;
			overflow-wrap:anywhere;
			word-break:break-word;
		}
		#wuWrapper #wiDocs>div>small,
		#wiWrapper #wiDocs>div>small{
			margin-top:6px;
			color:var(--pc-muted);
		}
		#wuWrapper #wiDocs .wTroubleUnsolved,
		#wiWrapper #wiDocs .wTroubleUnsolved{
			border-color: rgba(239,68,68,0.30);
			background: rgba(239,68,68,0.06);
			color: var(--pc-danger);
		}
		#wuWrapper #wiDocs .wTroubleSolved,
		#wiWrapper #wiDocs .wTroubleSolved{
			border-color: rgba(255,122,0,0.30);
			background: rgba(255,122,0,0.06);
			color: var(--pc-text);
		}

/* stop previous "card rows" look everywhere */
#wElts .wContent #wTable tbody tr td:first-child,
#wElts .wContent #wTable tbody tr td:last-child{
	border-radius:0 !important;
	box-shadow:none !important;
}

/* clients section in same visual style as orders/tasks */
#wUI_users #wFilters{
	border-bottom:1px solid var(--pc-border);
	margin:0;
}
#wUI_users #wFilters td{
	padding:0 !important;
	width:auto !important;
}
#wUI_users #wFilters .wuLegacySearch{
	display:none;
}
#wUI_users #wuActions{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px var(--lpGutter) 12px var(--lpGutter);
}
#wUI_users #wuActions a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:6px 10px;
	border:1px solid transparent;
	border-radius:8px;
	text-decoration:none;
	color:var(--pc-muted);
	font-size:13px;
	line-height:18px;
}
#wUI_users #wuActions a:hover{
	color:var(--pc-text);
	background:rgba(255,122,0,0.10);
	border-color:rgba(255,122,0,0.25);
}
#wUI_users #wuActions a .material-symbols-outlined{
	font-size:18px;
	line-height:18px;
}

/* clients section in same visual style as orders/tasks */
#wUI_clients #wFilters{
	border-bottom:1px solid var(--pc-border);
	margin:0;
}
#wUI_clients #wFilters td{
	padding:0 !important;
	width:auto !important;
}
#wUI_clients #wFilters .wcLegacySearch{
	display:none;
}
#wUI_clients #wcActions{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px var(--lpGutter) 12px var(--lpGutter);
}
#wUI_clients #wcActions a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:6px 10px;
	border:1px solid transparent;
	border-radius:8px;
	text-decoration:none;
	color:var(--pc-muted);
	font-size:13px;
	line-height:18px;
}
#wUI_clients #wcActions a:hover{
	color:var(--pc-text);
	background:rgba(255,122,0,0.10);
	border-color:rgba(255,122,0,0.25);
}
#wUI_clients #wcActions a .material-symbols-outlined{
	font-size:18px;
	line-height:18px;
}


/* management section */
.wManagePage{
	padding:24px var(--lpGutter) 32px var(--lpGutter);
	display:flex;
	flex-direction:column;
	gap:18px;
}
.wManageHeader{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
}
.wManageEyebrow{
	font-size:11px;
	line-height:16px;
	letter-spacing:0.08em;
	text-transform:uppercase;
	color:var(--pc-muted);
	margin-bottom:8px;
}
.wManageHeader h1{
	margin:0;
	font-size:30px;
	line-height:34px;
	color:var(--pc-text);
}
.wManageHeader p{
	margin:10px 0 0 0;
	max-width:720px;
	font-size:14px;
	line-height:22px;
	color:var(--pc-muted);
}
.wManageTabs{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.wManageTabs a{
	display:inline-flex;
	align-items:center;
	padding:8px 14px;
	border:1px solid var(--pc-border);
	border-radius:999px;
	background:#fff;
	color:var(--pc-muted);
	text-decoration:none;
	font-size:13px;
	line-height:18px;
	text-shadow:none;
}
.wManageTabs a:hover{
	border-color:rgba(255,122,0,0.35);
	color:var(--pc-text);
}
.wManageTabs a.wActive{
	background:var(--pc-accent);
	border-color:var(--pc-accent);
	color:#fff;
}
.wManagePanel{
	border:1px solid var(--pc-border);
	border-radius:18px;
	background:linear-gradient(180deg, #ffffff 0%, #fff8f1 100%);
	padding:22px;
	box-shadow:0 20px 40px rgba(15,23,42,0.05);
}
.wManageEmptyState{
	max-width:560px;
}
.wManageEmptyTitle{
	font-size:22px;
	line-height:28px;
	font-weight:600;
	color:var(--pc-text);
	margin-bottom:10px;
}
.wManageEmptyText{
	font-size:14px;
	line-height:22px;
	color:var(--pc-muted);
}
.wManageActionBtn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:10px 14px;
	border:1px solid var(--pc-border);
	border-radius:10px;
	background:#fff;
	color:var(--pc-text);
	text-decoration:none;
	font-size:13px;
	line-height:18px;
	text-shadow:none;
}
.wManageActionBtn:hover{
	border-color:rgba(255,122,0,0.35);
}
.wManageActionBtn.wPrimary{
	background:var(--pc-accent);
	border-color:var(--pc-accent);
	color:#fff;
}

.wPublicMetricsPanel{background:var(--crm-surface,#fff);}
.wPublicMetricsToolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--pc-border);}
.wPublicMetricsToolbar h2,.wPublicMetricsNotes h3,.wPublicMetricsPreviewHead h2{margin:0;color:var(--pc-text);}
.wPublicMetricsToolbar h2{font-size:18px;line-height:24px;}
.wPublicMetricsToolbar p{max-width:680px;margin:6px 0 0;color:var(--pc-muted);font-size:14px;line-height:21px;}
.wPublicMetricsToolbar .wManageActionBtn{flex:0 0 auto;gap:8px;min-height:42px;}
.wPublicMetricsToolbar .material-symbols-outlined{font-size:19px;}
.wPublicMetricsEmpty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--pc-muted);text-align:center;}
.wPublicMetricsEmpty>.material-symbols-outlined{font-size:42px;color:var(--pc-accent);}
.wPublicMetricsEmpty b{font-size:16px;color:var(--pc-text);}
.wPublicMetricsSnapshot{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:24px;padding-top:24px;}
.wPublicMetricsPreview{border:1px solid var(--pc-border);border-radius:var(--crm-radius-lg,12px);overflow:hidden;background:#fff;}
.wPublicMetricsPreviewHead{display:flex;align-items:center;gap:14px;padding:22px 24px;background:var(--crm-surface-muted,#f3f5f8);border-bottom:1px solid var(--pc-border);}
.wPublicMetricsPreviewHead>.material-symbols-outlined{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--pc-accent);color:#fff;font-size:23px;}
.wPublicMetricsPreviewHead h2{font-size:18px;line-height:24px;}
.wPublicMetricsPreviewHead p{margin:3px 0 0;color:var(--pc-muted);font-size:13px;line-height:18px;}
.wPublicMetricsList{display:grid;grid-template-columns:1fr;padding:8px 24px;}
.wPublicMetricRow{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;padding:17px 0;border-bottom:1px solid var(--crm-border-soft,#edf1f4);color:var(--pc-muted);font-size:14px;line-height:20px;}
.wPublicMetricRow:last-child{border-bottom:0;}
.wPublicMetricRow b{color:var(--pc-text);font-size:22px;line-height:25px;font-weight:700;}
.wPublicMetricsTimestamp{display:flex;align-items:center;gap:7px;padding:12px 24px;background:var(--crm-surface-muted,#f3f5f8);color:var(--pc-muted);font-size:12px;line-height:18px;}
.wPublicMetricsTimestamp .material-symbols-outlined{font-size:17px;}
.wPublicMetricsNotes{align-self:start;padding:2px 0;}
.wPublicMetricsNotes h3{font-size:16px;line-height:22px;}
.wPublicMetricsNotes dl{margin:12px 0 0;}
.wPublicMetricsNotes dl>div{padding:13px 0;border-bottom:1px solid var(--pc-border);}
.wPublicMetricsNotes dt{font-size:13px;line-height:18px;font-weight:700;color:var(--pc-text);}
.wPublicMetricsNotes dd{margin:4px 0 0;color:var(--pc-muted);font-size:13px;line-height:19px;}
.wPublicMetricsCoverage{display:flex;gap:9px;margin-top:16px;padding:12px;border-radius:10px;background:var(--crm-primary-soft,#fff4e7);color:var(--crm-primary-strong,#a94d00);font-size:12px;line-height:18px;}
.wPublicMetricsCoverage .material-symbols-outlined{font-size:18px;flex:0 0 auto;}
@media (max-width:1000px){.wPublicMetricsSnapshot{grid-template-columns:1fr}.wPublicMetricsNotes{padding-top:4px}}
@media (max-width:680px){.wPublicMetricsToolbar{flex-direction:column}.wPublicMetricsSnapshot{gap:18px}.wPublicMetricsPreviewHead{align-items:flex-start;padding:18px}.wPublicMetricsList{padding:6px 18px}.wPublicMetricsTimestamp{padding:12px 18px}}

.wLostClientsFilters{
	display:grid;
	grid-template-columns:repeat(5, minmax(0, 1fr));
	gap:12px;
	margin-bottom:18px;
}
.wLostClientsFilterGroup{
	display:flex;
	flex-direction:column;
	gap:10px;
	padding:14px;
	border:1px solid var(--pc-border);
	border-radius:14px;
	background:#fff;
}
.wLostClientsFilterGroupMetrics{
	grid-column:span 2;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
.wLostClientsFilterGroupCompact{
	grid-column:span 1;
}
.wLostClientsFilterTitle{
	font-size:11px;
	line-height:16px;
	text-transform:uppercase;
	letter-spacing:0.08em;
	color:var(--pc-muted);
}
.wLostClientsFilterHint{
	font-size:12px;
	line-height:18px;
	color:var(--pc-muted);
	max-width:40ch;
}
.wLostClientsDateRange{
	display:grid;
	grid-template-columns:minmax(0, 1fr) 28px minmax(0, 1fr);
	gap:10px;
	align-items:end;
}
.wLostClientsDateField{
	display:flex;
	flex-direction:column;
	gap:6px;
}
.wLostClientsDateDivider{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	color:var(--pc-muted);
	font-size:18px;
	line-height:18px;
	font-weight:600;
}
.wLostClientsFilterGroup label{
	display:flex;
	flex-direction:column;
	gap:6px;
	font-size:12px;
	color:var(--pc-muted);
}
.wLostClientsFilterGroup input,
.wLostClientsFilterGroup select,
.wLostClientFormRow input,
.wLostClientFormRow select,
.wLostClientFormRow textarea{
	width:100%;
	min-height:38px;
	padding:8px 10px;
	border:1px solid var(--pc-border);
	border-radius:10px;
	background:#fff;
	font-size:13px;
	line-height:18px;
	color:var(--pc-text);
	box-sizing:border-box;
}
.wLostClientsDateField input[type="date"]{
	min-height:44px;
	padding:10px 12px;
	border-radius:12px;
	font-size:14px;
	line-height:20px;
	font-weight:600;
}
.wLostClientFormRow textarea{
	min-height:92px;
	resize:vertical;
}
.wLostClientsCheckbox{
	flex-direction:row !important;
	align-items:center;
	gap:8px !important;
	margin-top:auto;
}
.wLostClientsCheckbox input{
	width:auto;
	min-height:0;
	padding:0;
}
.wLostClientsFilterActions{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.wLostClientsKpis{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:12px;
	margin-bottom:18px;
}
.wLostClientsKpi{
	padding:16px;
	border:1px solid var(--pc-border);
	border-radius:14px;
	background:#fff;
}
.wLostClientsKpiValue{
	font-size:18px;
	line-height:22px;
	font-weight:700;
	color:var(--pc-text);
	white-space:nowrap;
}
.wLostClientsKpiLabel{
	margin-top:6px;
	font-size:12px;
	line-height:18px;
	color:var(--pc-muted);
}
.wLostClientsLayout{
	display:grid;
	grid-template-columns:minmax(0, 1.7fr) minmax(340px, 0.9fr);
	gap:18px;
	align-items:start;
}
.wLostClientsTableCard,
.wLostClientsDetailCard{
	border:1px solid var(--pc-border);
	border-radius:16px;
	background:#fff;
	min-width:0;
}
.wLostClientsTableHead{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	padding:18px 18px 12px 18px;
	border-bottom:1px solid var(--pc-border);
}
.wLostClientsTableTitle{
	font-size:18px;
	line-height:24px;
	font-weight:600;
	color:var(--pc-text);
}
.wLostClientsTableHint{
	margin-top:4px;
	font-size:12px;
	line-height:18px;
	color:var(--pc-muted);
}
.wLostClientsTableWrap{
	overflow-x:hidden;
	overflow-y:auto;
}
.wLostClientsTable{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.wLostClientsTable th,
.wLostClientsTable td{
	padding:12px 12px;
	border-bottom:1px solid var(--pc-border);
	text-align:left;
	vertical-align:top;
	font-size:13px;
	line-height:18px;
}
.wLostClientsTable th:nth-child(1),
.wLostClientsTable td:nth-child(1){
	width:30%;
}
.wLostClientsTable th:nth-child(2),
.wLostClientsTable td:nth-child(2){
	width:16%;
}
.wLostClientsTable th:nth-child(3),
.wLostClientsTable td:nth-child(3){
	width:10%;
}
.wLostClientsTable th:nth-child(4),
.wLostClientsTable td:nth-child(4){
	width:17%;
}
.wLostClientsTable th:nth-child(5),
.wLostClientsTable td:nth-child(5){
	width:12%;
}
.wLostClientsTable th:nth-child(6),
.wLostClientsTable td:nth-child(6){
	width:15%;
}
.wLostClientsTable th{
	position:sticky;
	top:0;
	background:#fffdf9;
	color:var(--pc-muted);
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.06em;
	z-index:1;
}
.wLostClientRow{
	cursor:pointer;
}
.wLostClientRow:hover td{
	background:#fff8f1;
}
.wLostClientRow.wSelected td{
	background:#fff1e4;
}
.wLostClientName{
	font-weight:600;
	color:var(--pc-text);
}
.wLostClientPrimary{
	font-weight:600;
	color:var(--pc-text);
}
.wLostClientMeta{
	margin-top:4px;
	font-size:11px;
	line-height:16px;
	color:var(--pc-muted);
	word-break:break-word;
}
.wLostClientBadge{
	display:inline-flex;
	padding:4px 8px;
	border-radius:999px;
	background:#f3f4f6;
	color:var(--pc-text);
	font-weight:600;
}
.wLostClientScore{
	font-size:18px;
	line-height:22px;
	font-weight:700;
	color:var(--pc-text);
}
.wLostClientsLoading{
	text-align:center;
	color:var(--pc-muted);
	padding:32px 16px !important;
}

.wLostClientsDetailCard{
	padding:20px;
}
.wLostClientDetailHead{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	margin-bottom:22px;
}
.wLostClientDetailTitle{
	font-size:24px;
	line-height:30px;
	font-weight:700;
	color:var(--pc-text);
}
.wLostClientDetailIdentity{
	min-width:0;
}
.wLostClientContactCard{
	margin-top:14px;
	padding:14px 16px;
	border:1px solid var(--pc-border);
	border-radius:14px;
	background:#fff;
}
.wLostClientContactRow + .wLostClientContactRow{
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid rgba(214, 220, 229, 0.7);
}
.wLostClientContactLabel{
	font-size:11px;
	line-height:16px;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color:var(--pc-muted);
}
.wLostClientContactPerson{
	margin-top:5px;
	font-size:16px;
	line-height:22px;
	font-weight:600;
	color:var(--pc-text);
}
.wLostClientContactPhone{
	margin-top:4px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
}
.wLostClientContactPhone a,
.wLostClientContactEmail a{
	color:var(--pc-text);
	text-decoration:none;
}
.wLostClientContactPhone a:hover,
.wLostClientContactEmail a:hover{
	color:var(--pc-accent);
}
.wLostClientContactEmail{
	margin-top:6px;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	font-size:15px;
	line-height:22px;
	color:var(--pc-text);
}
.wLostClientContactMuted{
	color:var(--pc-muted);
	font-size:14px;
	line-height:20px;
}
.wLostClientCopyBtn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:30px;
	padding:0 10px;
	border:1px solid var(--pc-border);
	border-radius:999px;
	background:#fff8f1;
	color:var(--pc-text) !important;
	font-size:12px;
	line-height:16px;
	font-weight:600;
}
.wLostClientDetailActions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:flex-end;
}
.wLostClientDetailGrid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	column-gap:16px;
	row-gap:18px;
}
.wLostClientDetailCardInner{
	padding:18px 16px 16px 16px;
	border:1px solid var(--pc-border);
	border-radius:14px;
	background:#fffaf4;
	min-width:0;
}
.wLostClientDetailCardInner.wFull{
	grid-column:1 / -1;
}
.wLostClientSection{
	margin-top:6px;
}
.wLostClientSection + .wLostClientSection{
	margin-top:12px;
}
.wLostClientBlockTitle{
	font-size:14px;
	line-height:20px;
	font-weight:600;
	color:var(--pc-text);
	margin-bottom:14px;
}
.wLostClientStatList{
	display:grid;
	grid-template-columns:1fr;
	gap:10px;
}
.wLostClientStatList div{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	font-size:13px;
	line-height:18px;
	color:var(--pc-muted);
}
.wLostClientStatList b{
	color:var(--pc-text);
	text-align:right;
}
.wLostClientFormRow{
	margin-bottom:14px;
}
.wLostClientFormRow label{
	display:block;
	font-size:12px;
	line-height:18px;
	color:var(--pc-muted);
}
.wLostClientFormRow label > input,
.wLostClientFormRow label > select,
.wLostClientFormRow label > textarea{
	margin-top:6px;
}
.wLostClientFormActions{
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:2px;
}
.wLostClientMiniTable{
	width:100%;
	border-collapse:collapse;
	margin-top:4px;
}
.wLostClientMiniTable th,
.wLostClientMiniTable td{
	padding:8px 10px;
	border-bottom:1px solid var(--pc-border);
	font-size:12px;
	line-height:17px;
	text-align:left;
	vertical-align:top;
}
.wLostClientMiniTable th{
	color:var(--pc-muted);
	background:#fff;
}

@media (max-width: 1280px){
	.wLostClientsFilters{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
	.wLostClientsFilterGroupMetrics{
		grid-column:span 2;
	}
	.wLostClientsKpis{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 820px){
	.wManagePage{
		padding:20px var(--lpGutter) 24px var(--lpGutter);
	}
	.wManageHeader h1{
		font-size:26px;
		line-height:30px;
	}
	.wManagePanel{
		padding:20px;
		border-radius:14px;
	}
	.wLostClientsFilters,
	.wLostClientsKpis,
	.wLostClientDetailGrid{
		grid-template-columns:1fr;
	}
	.wLostClientsFilterGroupMetrics{
		grid-column:span 1;
	}
	.wLostClientsDateRange{
		grid-template-columns:1fr;
	}
	.wLostClientsDateDivider{
		display:none;
	}
	.wLostClientsLayout{
		grid-template-columns:1fr;
	}
	.wLostClientsDetailHead{
		flex-direction:column;
	}
	.wLostClientDetailActions{
		justify-content:flex-start;
	}
	.wLostClientContactPhone{
		font-size:20px;
		line-height:26px;
	}
}

#wUI_clients #wTable{
	table-layout:auto !important;
}
#wUI_clients #wTable thead th:nth-child(1){width:70px !important;}
#wUI_clients #wTable thead th:nth-child(2){width:24% !important;}
#wUI_clients #wTable thead th:nth-child(3){width:70px !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:56px !important;}
#wUI_clients #wTable thead th:nth-child(9){width:130px !important;}
#wUI_clients #wTable thead th .wcThIcon{
	font-size:16px;
	line-height:16px;
	vertical-align:middle;
}

#wUI_clients #wTable tbody td{
	font-weight:400;
	vertical-align:top;
	white-space:normal;
	overflow-wrap:anywhere;
	word-break:break-word;
}
#wUI_clients #wTable tbody td:nth-child(1){
	padding-left:calc(var(--lpGutter) + 20px) !important;
	color:var(--pc-accent);
	white-space:nowrap;
}
#wUI_clients #wTable tbody td:nth-child(3),
#wUI_clients #wTable tbody td:nth-child(9){
	white-space:nowrap;
}
#wUI_clients #wTable tbody td:nth-child(9){
	text-align:left !important;
}
#wUI_clients #wTable tbody td:nth-child(4),
#wUI_clients #wTable tbody td:nth-child(5),
#wUI_clients #wTable tbody td:nth-child(6){
	color:var(--pc-muted);
	font-size:12px;
	line-height:16px;
}
#wUI_clients.wContent #wTable tbody tr td:nth-child(7),
#wUI_clients.wContent #wTable tbody tr td:nth-child(8){
	text-align:left !important;
	width:70px !important;
}

#wUI_clients #wTable .wClientName{
	font-size:14px;
	line-height:18px;
	color:var(--pc-text);
	font-weight:500;
}
#wUI_clients #wTable .wClientAddress{
	margin-top:3px;
	color:var(--pc-muted);
	font-size:12px;
	line-height:16px;
}
#wUI_clients #wTable .wClientDiscount{
	display:inline-flex;
	padding:4px 10px;
	border-radius:999px;
	border:1px solid rgba(255,122,0,0.28);
	background:rgba(255,122,0,0.08);
	color:#9a3412;
}
#wUI_clients #wTable .wClientChannel{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:2px 8px;
	border-radius:999px;
	border:1px solid var(--pc-border);
	background:#f1f5f9;
	color:#94a3b8;
	font-size:11px;
	line-height:14px;
	text-transform:uppercase;
}
#wUI_clients #wTable .wClientChannel .material-symbols-outlined{
	font-size:14px;
	line-height:14px;
}
#wUI_clients #wTable .wClientChannel.wYes{
	background:rgba(255,122,0,0.10);
	border-color:rgba(255,122,0,0.30);
	color:#9a3412;
}
#wUI_clients #wTable .wClientTotal{
	color:var(--pc-muted);
	font-weight:400;
	font-size:12px;
	line-height:16px;
}
#wUI_clients #wTable tbody tr.wClientEmpty td{
	padding:18px calc(var(--lpGutter) + 20px) !important;
	color:var(--pc-muted);
	font-size:13px;
}
#wUI_clients #wTable tbody tr.wClientLoading td{
	padding:18px calc(var(--lpGutter) + 20px) !important;
	color:var(--pc-muted);
	font-size:13px;
}
#wUI_clients #wTable tbody tr.wClientEmpty{
	cursor:default !important;
}
#wUI_clients #wTable tbody tr.wClientLoading{
	cursor:default !important;
}
#wUI_clients #wTable tbody tr.wClientEmpty:hover td{
	background:transparent !important;
}
#wUI_clients #wTable tbody tr.wClientLoading:hover td{
	background:transparent !important;
}

.wcLoadingInline{
	display:inline-flex;
	align-items:center;
	gap:8px;
}
.wcLoadingInline img{
	width:14px;
	height:14px;
}
.wcTableLoadingCell{
	color:var(--pc-muted);
	font-size:13px;
	line-height:18px;
}
.wcCardLoading #wcInfoGrid,
.wcCardLoading #wcOrdersTitle,
.wcCardLoading #wClientUnits{
	opacity:0.9;
}

#wOverlay.wClientPopup{
	width:1180px;
	max-width:calc(100vw - 72px);
	position:fixed !important;
	top:20px !important;
	bottom:20px !important;
	left:0;
	right:0;
	margin:0 auto;
	height:auto;
	max-height:none;
	overflow:hidden;
	padding:18px;
	display:flex;
	flex-direction:column;
	box-sizing:border-box;
}
#wOverlay.wClientPopup .wClientPopupBody{
	padding-top:6px;
	flex:1 1 auto;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-height:0;
	height:100%;
}
#wOverlay.wClientPopup .wClientPopupBody > div{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	min-height:0;
	height:100%;
}
#wOverlay.wClientPopup #wcWrapper{
	max-width:100%;
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
	flex:1 1 auto;
}
#wOverlay.wClientPopup #wcWrapper .wcCard{
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
	min-height:0;
	height:100%;
	overflow:hidden;
}
#wOverlay.wClientPopup #wcInfoGrid{
	flex:0 0 auto;
}
#wOverlay.wClientPopup #wcOrdersTableWrap{
	max-height:none;
	flex:1 1 auto;
	min-height:0;
	overflow:auto !important;
}

#wTableClientFull>td{
	background:#f8fafc !important;
	padding:18px 26px !important;
	border-top:1px solid var(--pc-border) !important;
	border-bottom:none !important;
	background-image:none !important;
	overflow:visible !important;
}
#wTableClientFull>td>div{
	background:none !important;
	background-image:none !important;
	padding:0 !important;
	margin:0 !important;
	max-width:100%;
}
#wcWrapper{
	display:block;
	max-width:100%;
	box-sizing:border-box;
}
#wcWrapper .wcCard{
	background:#fff;
	border:1px solid var(--pc-border);
	border-radius:14px;
	padding:16px 18px;
	box-sizing:border-box;
	max-width:100%;
}
#wcWrapper .wcHeadRow{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:16px;
	margin-bottom:10px;
}
#wcWrapper .wcHeadMain{
	flex:1 1 520px;
	min-width:280px;
}
#wcWrapper .wcClientTitleRow{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}
#wcWrapper #wcClientName{
	font-size:18px;
	line-height:22px;
	font-weight:600;
	color:var(--pc-text);
	overflow-wrap:anywhere;
}
#wcWrapper .wClientDiscountBadge{
	display:inline-flex;
	padding:4px 10px;
	border-radius:999px;
	border:1px solid rgba(255,122,0,0.28);
	background:rgba(255,122,0,0.08);
	color:#9a3412;
	font-size:12px;
	line-height:16px;
}
#wcWrapper #wcClientMeta{
	margin-top:5px;
	color:var(--pc-muted);
	font-size:13px;
	line-height:18px;
	overflow-wrap:anywhere;
	word-break:break-word;
	white-space:normal !important;
}
#wcWrapper #wcClientMeta .wcMetaLine{
	display:block;
	overflow-wrap:anywhere;
	word-break:break-word;
}
#wcWrapper #wcClientStats{
	color:var(--pc-muted);
	font-size:13px;
	line-height:18px;
	white-space:normal;
	flex:1 1 260px;
	min-width:240px;
	text-align:right;
}
#wcInfoGrid{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:8px 0 12px 0;
}
#wcInfoGrid .wcInfoCard{
	flex:1 1 260px;
	border:1px solid var(--pc-border);
	border-radius:12px;
	background:#fafafa;
	padding:10px 12px;
	min-width:0;
}
#wcInfoGrid .wcInfoTitle{
	font-size:12px;
	line-height:16px;
	text-transform:uppercase;
	letter-spacing:0.03em;
	color:var(--pc-muted);
	margin-bottom:8px;
}
.wcContactRow,.wcSummaryRow{
	display:flex;
	gap:8px;
	margin-bottom:6px;
	align-items:flex-start;
}
.wcContactRow{
	flex-wrap:wrap;
}
.wcContactRow:last-child,.wcSummaryRow:last-child{margin-bottom:0;}
.wcLabel{
	flex:0 0 122px;
	color:var(--pc-muted);
	font-size:12px;
	line-height:16px;
	display:inline-flex;
	align-items:center;
	gap:6px;
}
.wcValue{
	flex:1 1 auto;
	min-width:0;
	color:var(--pc-text);
	font-size:13px;
	line-height:18px;
	overflow-wrap:anywhere;
	word-break:break-word;
}
.wcValueStrong{
	font-weight:600;
	color:var(--pc-text);
}
.wcRowIcon{
	font-size:15px !important;
	line-height:15px !important;
	color:#94a3b8;
	flex:0 0 auto;
}
.wcNotifyBadge{
	display:inline-flex;
	align-items:center;
	padding:2px 8px;
	margin:0 6px 6px 0;
	border-radius:999px;
	border:1px solid var(--pc-border);
	background:#f1f5f9;
	color:#94a3b8;
	font-size:11px;
	line-height:14px;
	text-transform:uppercase;
}
.wcNotifyBadge.wcNotifyOn{
	background:rgba(255,122,0,0.10);
	border-color:rgba(255,122,0,0.30);
	color:#9a3412;
}
#wcContactsList .wcContactRow{
	display:block;
}
#wcContactsList .wcLabel{
	display:inline-flex;
	flex:none;
	margin-bottom:2px;
}
#wcContactsList .wcValue{
	display:block;
	flex:none;
	width:100%;
	white-space:normal;
	overflow-wrap:anywhere;
	word-break:break-word;
}
.wcStateStats{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	max-width:100%;
}
.wcStateStat{
	display:inline-flex;
	align-items:center;
	padding:2px 8px;
	border-radius:999px;
	border:1px solid var(--pc-border);
	background:#f8fafc;
	color:var(--pc-text);
	font-size:11px;
	line-height:15px;
	max-width:100%;
	overflow-wrap:anywhere;
	word-break:break-word;
}
.wcStateStat b{
	font-weight:600;
	margin-left:4px;
}
.wcSummaryLoading{
	color:var(--pc-muted);
	font-size:13px;
	line-height:18px;
}
#wcYearChart .wcYearRow{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:6px;
}
#wcYearChart .wcYearRow:last-child{margin-bottom:0;}
#wcYearChart .wcYearLabel{
	flex:0 0 42px;
	font-size:12px;
	color:var(--pc-muted);
}
#wcYearChart .wcYearBarWrap{
	flex:1 1 auto;
	height:8px;
	border-radius:999px;
	background:#eef2f6;
	overflow:hidden;
	min-width:60px;
}
#wcYearChart .wcYearBar{
	height:100%;
	background:linear-gradient(90deg, rgba(255,122,0,0.35), rgba(255,122,0,0.75));
	border-radius:999px;
}
#wcYearChart .wcYearVal{
	flex:0 0 120px;
	text-align:right;
	font-size:12px;
	color:var(--pc-muted);
	white-space:nowrap;
}
#wcBtns{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0 0 12px 0;
	padding:0 !important;
	background:transparent !important;
	height:auto !important;
}
#wcBtns .wcBtn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:7px 12px;
	border-radius:999px;
	border:1px solid rgba(255,122,0,0.25);
	background:rgba(255,122,0,0.08);
	color:var(--pc-accent);
	text-decoration:none;
	font-size:13px;
	line-height:18px;
}
#wcBtns .wcBtn:hover{
	background:rgba(255,122,0,0.14);
}
#wcBtns .wcBtn .material-symbols-outlined{
	font-size:18px;
	line-height:18px;
}
#wcOrdersTitle{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0 0 8px 0;
	color:var(--pc-text);
	font-size:13px;
	line-height:18px;
	gap:10px;
}
#wcOrdersCount{
	color:var(--pc-muted);
}
.wcOrdersHint{
	flex:1 1 auto;
	text-align:left;
	color:var(--pc-muted);
	font-size:12px;
}

#wcFilters{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin:8px 0 12px 0;
}
.wcFilterRow{
	display:flex;
	align-items:flex-start;
	gap:12px;
	flex-wrap:wrap;
}
.wcFilterLabel{
	font-size:12px;
	line-height:16px;
	text-transform:uppercase;
	letter-spacing:0.03em;
	color:var(--pc-muted);
	min-width:60px;
	padding-top:4px;
}
.wcFilterChips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.wcFilterChip{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:5px 10px;
	border-radius:999px;
	border:1px solid var(--pc-border);
	background:#fff;
	color:var(--pc-text);
	font-size:12px;
	line-height:16px;
	cursor:pointer;
	user-select:none;
}
.wcFilterChip:hover{
	border-color:rgba(255,122,0,0.35);
	background:rgba(255,122,0,0.08);
}
.wcFilterChip.wActive{
	background:var(--pc-accent);
	border-color:rgba(255,122,0,0.6);
	color:#fff;
}
.wcFilterChip small{
	color:inherit;
	opacity:0.8;
	font-size:11px;
}

#wClientUnits{
	margin:0;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
#wcOrdersTableWrap{
	flex:1 1 auto;
	overflow:auto;
	border:1px solid var(--pc-border);
	border-radius:12px;
	background:#fff;
	max-height:320px;
	min-height:160px;
}
#wcOrdersTableWrap #wClientUnits{
	border-radius:12px;
}
#wClientUnits thead th{
	background:#f8fafc !important;
	color:var(--pc-muted);
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.04em;
	padding:10px 10px;
	border-bottom:1px solid var(--pc-border);
}
#wClientUnits tbody td{
	padding:10px 10px;
	border-top:1px solid var(--pc-border);
	font-size:13px;
	line-height:18px;
	overflow-wrap:anywhere;
	word-break:break-word;
}
#wClientUnits tbody tr:nth-child(even) td{
	background:#fafafa;
}
#wClientUnits tbody tr:hover td{
	background:#fffdf5;
}
#wClientUnits tbody td .tip{
	border-bottom:none !important;
}
#wClientUnits tbody td.wClientUnitTotal{
	white-space:nowrap;
	text-align:left;
}
#wClientUnits tbody td small.wcState{
	display:inline-flex;
	padding:3px 8px;
	border-radius:999px;
	border:1px solid var(--pc-border);
	background:#f1f5f9;
	color:var(--pc-text);
	font-size:12px;
	line-height:16px;
}
#wClientUnits tbody td small.wcState_active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}
#wClientUnits tbody td small.wcState_ready{background:#ecfdf5;border-color:#bbf7d0;color:#15803d;}
#wClientUnits tbody td small.wcState_done{background:#f0fdf4;border-color:#86efac;color:#166534;}
#wClientUnits tbody td small.wcState_frozen{background:#fffbeb;border-color:#fde68a;color:#b45309;}
#wClientUnits tbody td small.wcState_fail{background:#fef2f2;border-color:#fecaca;color:#b91c1c;}

/* remove clipping in client detail on narrow content */
#wTableClientFull .wcCard *{
	max-width:100%;
	box-sizing:border-box;
}
#wOverlay.wClientPopup .wcCard *{
	max-width:100%;
	box-sizing:border-box;
}

/* expanded cards: never allow long strings to push layout */
#wTableClientFull td,
#wTableUnitFull td,
#wTableItemFull td,
#wTableClientFull div,
#wTableUnitFull div,
#wTableItemFull div,
#wTableClientFull span,
#wTableUnitFull span,
#wTableItemFull span{
	overflow-wrap:anywhere !important;
	word-break:break-word !important;
}
#wOverlay.wClientPopup td,
#wOverlay.wClientPopup div,
#wOverlay.wClientPopup span{
	overflow-wrap:anywhere !important;
	word-break:break-word !important;
}
#wTableClientFull a,
#wTableUnitFull a,
#wTableItemFull a{
	white-space:normal !important;
	overflow-wrap:anywhere !important;
	word-break:break-word !important;
}
#wOverlay.wClientPopup a{
	white-space:normal !important;
	overflow-wrap:anywhere !important;
	word-break:break-word !important;
}

/* settings */
#wUI_settings #wSettings{
	padding:20px;
}
#wSettingsHeader{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:16px;
}
.wSettingsTitle{
	font-size:18px;
	font-weight:600;
	color:var(--pc-text);
}
.wSettingsRow{
	margin-bottom:10px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.wSettingsRowTop{
	padding:8px 0 14px 0;
	border-bottom:1px solid var(--pc-border);
	margin-bottom:16px;
}
.wSettingsCheck{
	font-size:14px;
	color:var(--pc-text);
}
.wSettingsField{
	flex:1 1 220px;
	min-width:180px;
}
.wSettingsFieldWide{
	margin-top:10px;
}
.wSettingsLabel{
	font-size:12px;
	color:var(--pc-muted);
	margin-bottom:4px;
}
#wUI_settings input,
#wUI_settings select,
#wUI_settings textarea{
	width:100%;
	border:1px solid var(--pc-border);
	border-radius:10px;
	padding:8px 10px;
	font-size:14px;
	box-sizing:border-box;
	background:#fff;
	color:var(--pc-text);
}
#wUI_settings textarea{
	resize:vertical;
}
.wSettingsHelp{
	font-size:12px;
	color:var(--pc-muted);
	margin:4px 2px 14px 2px;
}
#wAdminNav{
	display:flex;
	gap:10px;
	margin-bottom:16px;
}
.wAdminNavBtn{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 12px;
	cursor:pointer;
	font:inherit;
	border-radius:10px;
	border:1px solid var(--pc-border);
	background:#fff;
	color:var(--pc-text);
	text-decoration:none;
}
.wAdminNavBtn.wActive{
	border-color:var(--pc-accent);
	color:var(--pc-accent);
	background:var(--pc-accent-weak);
}
.wAdminSection{display:block;}
.wNotifyGrid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:16px;
}
@media (max-width:1200px){
	.wNotifyGrid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:800px){
	.wNotifyGrid{grid-template-columns:1fr;}
}
.wNotifyCard{
	border:1px solid var(--pc-border);
	border-radius:12px;
	padding:12px;
	background:#fff;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.wNotifyHead{
	font-weight:600;
	color:var(--pc-text);
}
.wNotifySms .wNotifyHead{color:var(--crm-accent);}
.wNotifyEmail .wNotifyHead{color:var(--crm-info);}
.wNotifyEmailWide{grid-column:span 2;}
.wNotifyHint{margin:6px 0 14px;color:var(--crm-muted);font-size:13px;line-height:1.5;}
.wLostClientInlineStatus{display:inline-flex;align-items:center;min-height:40px;margin-left:10px;color:var(--crm-muted);font-size:13px;}
.wLostClientInlineStatus.ok{color:var(--crm-success);}
.wLostClientInlineStatus.err{color:var(--crm-danger);}
.wNotifyTg .wNotifyHead{color:var(--crm-success);}
.wNotifyMax .wNotifyHead{color:var(--crm-info);}
.wNotifyFields{
	display:flex;
	flex-wrap:wrap;
	gap:10px 12px;
}
.wNotifyFields .wSettingsField{flex:1 1 140px; min-width:140px;}
.wNotifyFields .wSettingsFieldWide{flex:1 1 100%;}
.wNotifyActions{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}
.wNotifyBtn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:6px 10px;
	cursor:pointer;
	font:inherit;
	border:1px solid transparent;
	border-radius:8px;
	background:var(--pc-accent);
	color:#fff;
	text-decoration:none;
	font-size:13px;
}
.wNotifyBtn:hover{background:var(--crm-accent-2);}
.wNotifyBtnGhost{
	background:#fff;
	color:var(--pc-accent);
	border:1px solid var(--pc-accent);
}
.wNotifyBtnGhost:hover{
	background:var(--pc-accent-weak);
}
.wNotifyBtnDanger{
	background:var(--crm-danger);
}
.wNotifyBtnDanger:hover{
	background:var(--crm-danger);
	filter:brightness(0.94);
}
.wNotifyBtn.wDisabled{
	opacity:.55;
	cursor:wait;
}
.wNotifyStatus{
	font-size:12px;
	color:var(--pc-muted);
}
.wNotifyStatus.ok{color:var(--crm-success);}
.wNotifyStatus.err{color:var(--crm-danger);}
.wDbImportCard{
	border:1px solid var(--pc-border);
	border-radius:12px;
	padding:16px;
	background:#fff;
	display:flex;
	flex-direction:column;
	gap:12px;
	max-width:760px;
}
.wDbImportWarning{
	border:1px solid rgba(219, 44, 43, 0.22);
	border-radius:12px;
	background:var(--crm-danger-soft);
	color:var(--crm-danger);
	font-size:13px;
	line-height:1.45;
	padding:10px 12px;
}
.wDbImportGuide{
	border:1px solid var(--pc-border);
	border-radius:12px;
	background:#f8fafc;
	padding:12px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.wDbImportGuideTitle{
	font-size:14px;
	font-weight:600;
	color:var(--pc-text);
}
.wDbImportGuideText{
	font-size:12px;
	line-height:1.5;
	color:var(--pc-muted);
}
.wDbImportGuide code{
	font-family:var(--lp-font-mono);
	font-size:12px;
	background:#fff;
	border:1px solid var(--pc-border);
	border-radius:8px;
	padding:1px 5px;
}
.wDbImportGuide pre{
	margin:0;
	white-space:pre-wrap;
	overflow:auto;
	border:1px solid var(--pc-border);
	border-radius:10px;
	background:#fff;
	padding:10px;
	font-size:12px;
	line-height:1.45;
	font-family:var(--lp-font-mono);
}
.wDbImportLog{
	font-size:12px;
	color:var(--pc-text);
	line-height:1.55;
}
.wDbImportLog pre{
	white-space:pre-wrap;
	overflow:auto;
	border:1px solid var(--pc-border);
	border-radius:10px;
	background:#f8fafc;
	padding:10px;
	max-height:220px;
}
.wDbImportReload{
	margin-top:10px;
}