body {
	font-family: arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
time[data-local-time] {
	font-style: inherit;
}
pre {
	font-family: arial, Helvetica, sans-serif;
}
td.content {
	padding: 10px;
}
td {
	font-size: 12px;
}
th {
	font-size: 12px;
}
input {
	height: 20px;
	font-size: 10px;
	font-family: arial, Helvetica, sans-serif;
}
select {
	height: 20px;
	font-size: 10px;
	font-family: arial, Helvetica, sans-serif;
}
textarea {
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
}
.clickable {
	cursor: pointer;
}
.navitem {
	text-align: center;
	border-bottom: 1px solid #999999;
}
.navlink {
	text-decoration: none;
	color: #EBBB12;
	font-weight: bold;
	font-size: 12pt;
}
.currentnavitem {
	text-align: center;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	background-color: #E0E0E0;
}
.currentnavlink {
	color: #333333;
	font-size: 12pt;
	font-weight: bold;
}
#message_bar {
	height: 25px;
	background-color: #E0E0E0;
	border-bottom: 1px solid #999999;
}
#nav_bar {
	height: 25px;
	background-color: #EEEEEE;
	border-top: 1px solid #999999;
}
#subnav_header {
	background-image: url("/images/bgGrayHeader.gif");
	background-color: #CCCCCC;
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
}
.subnavitem {
	font-weight: bold;
}
.subnavlink {
	text-decoration: none;
	color: #EBBB12;
	font-weight: bold;
	font-size: 10pt;
}
.tabledata {
	font-size: 10px;
}
#message {
	font-size: 12pt;
}
#message.ok { color: #009900; }
#message.err { color: #990000; }
.required {
	background-color: #FDCC12;
}
h2 {
	color: #666666;
	font-size: 18px;
}
h3 {
	color: #333333;
	font-size: 16px;
	margin: 0 0 12px;
}
a { color: #333333; }
a:hover { color: #888888; }
table.data {
	border-collapse: collapse;
	margin: 8px 0 16px;
}
table.data th {
	background: #999999;
	color: #000;
	text-align: left;
	padding: 3px 6px;
	font-size: 12px;
}
table.data td {
	padding: 3px 6px;
	border-bottom: 1px solid #EEEEEE;
	font-size: 12px;
}
table.data tr:nth-child(even) { background: #EEEEEE; }
.login-table {
	margin: 5px auto;
	border: 3px solid #BBBBBB;
	padding: 5px;
	width: 300px;
}
.login-table td { font-size: 14pt; }
.login-table input[type=text],
.login-table input[type=password] {
	font-size: 14pt;
	height: 30px;
	text-align: center;
}
.login-table input[type=submit] {
	height: 30px;
	font-size: 14pt;
}
.chip-search-label { color: #8A7A62; font-size: 11px; }
.chip-add {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #EBBB12;
	background: #FFF8DC;
	color: #8A6E00;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	white-space: nowrap;
}
.chip-add:hover { background: #EBBB12; color: #333333; }
.chip-by { font-family: Georgia, "Times New Roman", serif; font-style: italic; color: #8A7058; }
.chip-date { font-size: 10px; font-style: italic; color: #BBBBBB; }
.chip-article { font-size: 12px; text-align: justify; color: #999999; margin-top: 4px; }
.chip-col-title { font-size: 14px; color: #EBBB12; text-align: left; padding-bottom: 6px; }
.chip-meta { font-size: 11px; color: #AAAAAA; }
.chip-more { font-family: Georgia, "Times New Roman", serif; color: #7A5A20; font-size: 10px; font-style: italic; text-decoration: none; }
.chip-via { font-family: Georgia, "Times New Roman", serif; font-style: italic; color: #8A5A40; font-size: 10px; text-decoration: none; }
.chip-empty { color: #999999; padding: 8px 0; }
.chip-more-row { text-align: center; margin: 18px 0 0; }
.chip-more-btn {
	height: 28px;
	padding: 0 16px;
	border: 1px solid #EBBB12;
	background: #FFF8DC;
	color: #8A6E00;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
.chip-more-btn:hover { background: #EBBB12; color: #333; }

.chip-page {
	max-width: none;
	padding: 0 0 24px;
}
.chip-mast {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 20px;
	padding: 0 0 18px;
	border-bottom: 2px solid #EBBB12;
}
.chip-mast-copy { min-width: 0; }
.chip-kicker {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8A6E00;
}
.chip-page-title {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 34px;
	font-weight: normal;
	letter-spacing: -0.02em;
	line-height: 1.05;
	color: #1F1A12;
}
.chip-lede {
	margin: 8px 0 0;
	font-size: 14px;
	line-height: 1.4;
	color: #6B5E4A;
}
.chip-actions { display: flex; gap: 8px; flex-shrink: 0; }
.chip-page .chip-btn,
.client-profile .chip-btn,
.invoice-profile .chip-btn,
.user-profile .chip-btn,
.user-profile-edit .chip-btn,
.commissions-home .chip-btn,
.referrals-home .chip-btn,
.techbiz-home .chip-btn,
.activity-home .chip-btn,
.sales-queues-home .chip-btn,
.om-modal .chip-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 14px;
	border: 1px solid var(--om-gold, #EBBB12);
	border-radius: 6px;
	font-size: 13px;
	font-weight: bold;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}
.chip-btn-gold { background: var(--om-gold, #EBBB12); color: var(--om-ink-deep, #1F1A12); border-color: var(--om-gold, #EBBB12); }
.chip-btn-gold:hover { background: var(--om-gold-hover, #C9A40E); color: var(--om-ink-deep, #1F1A12); }
.chip-btn-ghost { background: var(--om-card, #FFFDF6); color: var(--om-accent, #C45C26); border-color: var(--om-accent, #C45C26); }
.chip-btn-ghost:hover { background: var(--om-card-hover, #FFF8DC); color: var(--om-ink-deep, #1F1A12); }
.chip-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	background: transparent;
}
.chip-toolbar-left {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}
.chip-filters {
	display: inline-flex;
	flex-wrap: wrap;
	padding: 3px;
	background: #F6F2E8;
	border: 1px solid #E3D6B8;
	border-radius: 8px;
	gap: 0;
}
.chip-filter {
	height: 32px;
	padding: 0 14px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #6B5E4A;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
.chip-filter.is-on { background: #EBBB12; color: #1F1A12; }
a.chip-filter {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}
.chip-count {
	font-size: 12px;
	color: #8A7A62;
	white-space: nowrap;
}
.chip-search-wrap {
	position: relative;
	flex: 0 1 280px;
	width: 280px;
}
.chip-page .chip-search-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.chip-search-wrap:before {
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	width: 14px;
	height: 14px;
	transform: translateY(-50%);
	pointer-events: none;
	opacity: 0.4;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236B5E4A' stroke-width='1.8'><circle cx='6' cy='6' r='4.2'/><path d='M9.2 9.2L13 13'/></svg>") center / 14px 14px no-repeat;
}
.chip-page .chip-search-wrap input {
	box-sizing: border-box;
	width: 100%;
	height: 38px;
	padding: 0 12px 0 34px;
	border: 1px solid #D4C49A;
	border-radius: 8px;
	background: #fff;
	font-size: 14px;
	font-family: arial, Helvetica, sans-serif;
}
.chip-page .chip-search-wrap input:focus {
	outline: 2px solid #EBBB12;
	outline-offset: 1px;
	border-color: #EBBB12;
}
.chip-feed {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	align-items: stretch;
}
.chip-page .chip-tip {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 196px;
	height: auto;
	padding: 16px 18px 14px;
	overflow: hidden;
	border: 1px solid #E8DCC0;
	border-radius: 8px;
	background: #fff;
	background-image: none;
	box-shadow: none;
	color: inherit;
	cursor: default;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.chip-page .chip-tip:before { display: none; }
.chip-page .chip-tip:hover {
	border-color: #EBBB12;
	box-shadow: 0 10px 24px rgba(44, 36, 22, 0.08);
	transform: translateY(-2px);
}
.chip-tip.chip-hidden { display: none; }
.chip-page .chip-tip.chip-featured {
	grid-column: 1 / -1;
	min-height: 0;
	padding: 26px 30px 22px;
	background: #FFFDF6;
	border-color: #E3D6B8;
	border-left: 4px solid #EBBB12;
}
.chip-page .chip-tip.chip-featured:hover {
	border-color: #EBBB12;
	border-left-color: #EBBB12;
}
.chip-card-top {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
}
.chip-page .chip-cat {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 999px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: #F6F2E8;
	color: #6B5E4A;
	line-height: 1.2;
}
.chip-page .chip-cat-latest { background: #EBBB12; color: #1F1A12; }
.chip-page .chip-cat-tech,
.chip-page .chip-cat-eleven,
.chip-page .chip-cat-source { background: #2C2416; color: #F4E6C0; }
.chip-page .chip-cat-tldr { background: #3D4A38; color: #E8F0DC; }
.chip-page .chip-cat-biz,
.chip-page .chip-cat-nch { background: #E8DCC0; color: #4A4030; }
.chip-page .chip-card-date {
	display: block;
	margin-left: auto;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8A7A62;
}
.chip-page .chip-headline {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	color: #1F1A12;
	line-height: 1.3;
	text-decoration: none;
	max-height: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.chip-page .chip-headline:hover { color: #8A6E00; }
.chip-page .chip-featured .chip-headline {
	font-size: 26px;
	letter-spacing: -0.02em;
	-webkit-line-clamp: 3;
	max-width: 34em;
}
.chip-page .chip-excerpt {
	display: -webkit-box;
	margin: 8px 0 0;
	height: auto;
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #5A4E3C;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.chip-page .chip-featured .chip-excerpt {
	font-size: 15px;
	line-height: 1.55;
	-webkit-line-clamp: 3;
	max-width: 62ch;
}
.chip-page .chip-card-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid #F0E6CC;
	overflow: visible;
}
.chip-page .chip-via,
.chip-page .chip-by {
	min-width: 0;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #6B5E4A;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.chip-page .chip-via:hover { color: #8A6E00; }
.chip-page .chip-more {
	float: none;
	flex-shrink: 0;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8A6E00;
	text-decoration: none;
	white-space: nowrap;
}
.chip-page .chip-more:hover { color: #1F1A12; }
.chip-empty-state {
	padding: 40px 24px;
	text-align: center;
	border: 1px dashed #D4C49A;
	border-radius: 8px;
	background: #FFFDF6;
}
.chip-empty-state-full { grid-column: 1 / -1; }
.chip-empty-state strong {
	display: block;
	margin: 0 0 6px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	color: #1F1A12;
}
.chip-empty-state p {
	margin: 0;
	font-size: 14px;
	color: #6B5E4A;
}
.chip-empty-actions {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
}
.chip-page .chip-more-row { margin: 22px 0 0; }
.chip-page .chip-more-btn {
	height: 40px;
	padding: 0 22px;
	border-radius: 8px;
	font-size: 13px;
}
@media (max-width: 860px) {
	.chip-mast { flex-direction: column; align-items: stretch; }
	.chip-feed { grid-template-columns: 1fr; }
	.chip-page .chip-featured .chip-headline { max-width: none; }
}
@media (max-width: 620px) {
	.chip-toolbar { flex-direction: column; align-items: stretch; }
	.chip-search-wrap { width: 100%; flex-basis: auto; }
	.chip-page .chip-featured { padding: 20px 16px 16px; }
	.chip-page .chip-featured .chip-headline { font-size: 22px; }
}
.grayrow { background-color: #EEEEEE; }
.hdrrow { background-color: #999999; font-weight: bold; }
.badge.paid { color: #009900; font-weight: bold; }
.badge.unpaid { color: #990000; font-weight: bold; }
.noprint {}
.btn {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid var(--om-gold, #EBBB12);
	background: var(--om-card-hover, #FFF8DC);
	color: var(--om-ink, #2C2416);
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}
.btn:hover { background: var(--om-gold, #EBBB12); color: var(--om-ink-deep, #1F1A12); }
table.form { border-collapse: collapse; }
table.form th {
	text-align: left;
	vertical-align: top;
	padding: 6px 12px 6px 0;
	color: var(--om-muted, #6B5E4A);
	font-weight: normal;
	white-space: nowrap;
}
table.form td { padding: 6px 0; }
.muted { color: var(--om-muted, #6B5E4A); }

/* Retainry theme — warm paper + ink. Gold primary, orange secondary.
   Tokens: ink / ink-deep / paper / card / line / muted / gold / accent / danger / success.
   --om-signal aliases gold so .chip-btn-gold is actually gold.
   Gold is for buttons and large UI, not small body text. */
:root {
	--om-ink: #2C2416;
	--om-ink-deep: #1F1A12;
	--om-slate: #2C2416;
	--om-paper: #F6F2E8;
	--om-card: #FFFDF6;
	--om-gold: #EBBB12;
	--om-gold-hover: #C9A40E;
	--om-accent: #C45C26;
	--om-signal: var(--om-gold);
	--om-signal-2: var(--om-gold);
	--om-mist: #C4B59A;
	--om-line: #E3D6B8;
	--om-text: var(--om-ink);
	--om-muted: #6B5E4A;
	--om-muted-2: #8A7A62;
	--om-card-hover: #FFF8DC;
	--om-on-dark: #F4E6C0;
	--om-danger: #991B1B;
	--om-danger-bg: #FEE2E2;
	--om-success: #166534;
	--om-success-bg: #DCFCE7;
	--om-page-max: 1200px;
	--om-page-gutter: 28px;
}
html, body.om-app { height: 100%; }
body.om-app {
	background: var(--om-paper);
	color: var(--om-text);
	font-family: "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;
}
.om-shell {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.om-chrome {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--om-ink-deep);
}
.om-topbar {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 58px;
	padding: 0;
	background: var(--om-ink-deep);
	color: var(--om-on-dark);
	border-bottom: 1px solid rgba(235, 187, 18, 0.4);
	box-sizing: border-box;
}
.om-topbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	max-width: var(--om-page-max);
	margin: 0 auto;
	padding: 0 var(--om-page-gutter);
	box-sizing: border-box;
}
.om-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: inherit;
	text-decoration: none;
	flex: 0 0 auto;
}
.om-brand-mark { display: block; flex: 0 0 auto; }
.om-mark-bg { fill: var(--om-gold); }
.om-mark-r { fill: var(--om-ink-deep); }
.om-brand-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
.om-brand-text strong {
	font-size: 16px;
	letter-spacing: 0.01em;
	font-weight: 700;
	color: var(--om-on-dark);
}
.om-brand-text em {
	font-style: normal;
	font-size: 11px;
	color: var(--om-mist);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 180px;
}
.om-nav {
	display: flex;
	align-items: stretch;
	flex: 0 0 auto;
	gap: 2px;
}
.om-nav-link {
	display: inline-flex;
	align-items: center;
	height: 58px;
	padding: 0 14px;
	border: 0;
	background: transparent;
	color: var(--om-on-dark);
	text-decoration: none;
	font: inherit;
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: inset 0 -2px 0 transparent;
}
.om-nav-link:hover { color: #FFFFFF; }
.om-nav-link.is-active,
.om-has-menu.is-current > .om-nav-trigger {
	color: var(--om-gold);
	box-shadow: inset 0 -2px 0 var(--om-gold);
}
.om-nav-item { position: relative; }
.om-nav-trigger { position: relative; padding-right: 20px; }
.om-nav-trigger:after {
	content: "";
	position: absolute;
	right: 7px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	opacity: 0.7;
}
.om-menu {
	display: none;
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	min-width: 220px;
	padding: 8px;
	background: var(--om-card);
	border: 1px solid var(--om-line);
	box-shadow: 0 16px 36px rgba(31, 26, 18, 0.18);
	z-index: 60;
}
.om-has-menu:hover > .om-menu,
.om-has-menu:focus-within > .om-menu,
.om-has-menu.is-open > .om-menu { display: flex; flex-direction: column; }
.om-subnav {
	display: flex;
	justify-content: center;
	align-items: stretch;
	min-height: 40px;
	padding: 0;
	background: var(--om-slate);
	border-bottom: 1px solid rgba(148, 163, 184, 0.18);
	box-sizing: border-box;
}
.om-subnav-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 2px;
	width: 100%;
	max-width: var(--om-page-max);
	margin: 0 auto;
	padding: 0 var(--om-page-gutter);
	box-sizing: border-box;
}
.om-subnav-item { position: relative; }
.om-subnav-link {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 12px;
	border: 0;
	background: transparent;
	color: var(--om-on-dark);
	text-decoration: none;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: inset 0 -2px 0 transparent;
}
.om-nav-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.25rem;
	height: 1.15rem;
	margin-left: 6px;
	padding: 0 5px;
	border-radius: 999px;
	background: #C45C26;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}
.om-subnav-link:hover { color: #FFFFFF; }
.om-subnav-link.is-active,
.om-subnav .om-has-menu.is-current > .om-nav-trigger {
	color: var(--om-gold);
	box-shadow: inset 0 -2px 0 var(--om-gold);
}
.om-subnav .om-nav-trigger { padding-right: 20px; }
.om-subnav .om-menu { top: calc(100% + 1px); }
.om-menu-link {
	display: block;
	padding: 8px 10px;
	border-radius: 6px;
	color: var(--om-text);
	text-decoration: none;
	font-size: 13px;
}
.om-menu-link:hover { background: var(--om-card-hover); color: var(--om-ink); }
.om-menu-link.is-active {
	background: var(--om-card-hover);
	color: var(--om-ink);
	font-weight: bold;
	box-shadow: inset 3px 0 0 var(--om-gold);
}
.om-user {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-self: end;
	min-width: 0;
}
.om-user-copy { text-align: right; line-height: 1.2; }
.om-user-name { font-weight: bold; font-size: 13px; color: var(--om-on-dark); }
.om-user-meta { font-size: 11px; color: var(--om-mist); }
.om-user-mail,
.om-signout,
.om-user-actions a {
	color: var(--om-gold);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
.om-user-mail:hover,
.om-signout:hover,
.om-user-actions a:hover { color: #FFFFFF; }
.om-signout {
	padding: 6px 10px;
	border: 1px solid rgba(235, 187, 18, 0.45);
	border-radius: 8px;
}
.om-signout:hover { border-color: var(--om-gold); }
.om-nav-mobile-user { display: none; }
.om-nav-toggle {
	display: none;
	height: 34px;
	grid-column: 3;
	justify-self: end;
	padding: 0 12px;
	border: 1px solid rgba(235, 187, 18, 0.55);
	border-radius: 8px;
	background: transparent;
	color: var(--om-gold);
	font-weight: bold;
	cursor: pointer;
}
.om-account {
	position: relative;
	min-width: 0;
	flex: 0 0 auto;
}
.om-account-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 220px;
	padding: 4px 8px 4px 4px;
	border: 1px solid rgba(235, 187, 18, 0.35);
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}
.om-account-toggle:hover,
.om-account.is-open .om-account-toggle {
	border-color: var(--om-gold);
	background: rgba(235, 187, 18, 0.14);
}
.om-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--om-gold);
	color: var(--om-ink-deep);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	flex: 0 0 auto;
	overflow: hidden;
}
.om-avatar.has-photo {
	background: #fff;
	padding: 0;
}
.om-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.om-account-label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	line-height: 1.15;
	text-align: left;
}
.om-account-label .om-user-name {
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.om-account-menu {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 240px;
	padding: 8px;
	background: var(--om-card);
	border: 1px solid var(--om-line);
	border-radius: 10px;
	box-shadow: 0 16px 36px rgba(31, 26, 18, 0.2);
	z-index: 70;
}
.om-account-menu[hidden] { display: none; }
.om-account-menu .om-menu-link { color: var(--om-text); }
.om-account-menu .om-account-signout {
	margin-top: 4px;
	border-top: 1px solid var(--om-line);
	border-radius: 0 0 6px 6px;
	color: #B91C1C;
}
.om-account-menu .om-account-signout:hover {
	background: #FEF2F2;
	color: #991B1B;
	box-shadow: none;
}
.om-main {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
}
.om-flash {
	padding: 8px 20px;
	font-size: 13px;
	border-bottom: 1px solid var(--om-line);
}
.om-flash.is-ok { background: #F3F8EC; color: #2E6B1A; }
.om-flash.is-err { background: #F8ECEC; color: #990000; }
.om-content {
	width: 100%;
	max-width: var(--om-page-max);
	margin: 0 auto;
	padding: 28px var(--om-page-gutter) 48px;
	box-sizing: border-box;
	flex: 1 1 auto;
}
.om-footer {
	padding: 12px 20px;
	text-align: center;
	color: var(--om-muted);
	font-size: 11px;
}
.om-nav-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(31, 26, 18, 0.45);
	z-index: 40;
}
body.om-bleed { overflow: hidden; }
body.om-bleed .om-shell { height: 100%; overflow: hidden; }
body.om-bleed .om-main { min-height: 0; overflow: hidden; }
body.om-bleed .om-content {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 12px 16px 12px;
	min-height: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
body.om-bleed .om-footer { display: none; }
body.om-guest {
	background: var(--om-paper);
	min-height: 100%;
	font-family: "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;
}
.om-login-wrap { max-width: 520px; margin: 48px auto; padding: 0 16px 40px; }
.om-login-brand { text-align: center; margin-bottom: 16px; color: var(--om-muted); font-weight: 600; }
.om-login-brand .om-brand-mark { margin: 0 auto 12px; }
.om-login-brand-name {
	font-size: 22px;
	letter-spacing: 0.02em;
	color: var(--om-ink);
}

.page-head { margin: 0 0 18px; }
.page-head h2 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	color: var(--om-ink);
}
.page-head p { margin: 4px 0 0; color: var(--om-muted); font-size: 13px; }
.form-card {
	max-width: 880px;
	padding: 16px 18px;
	border: 1px solid var(--om-line);
	background: var(--om-card);
}
.form-card input[type=text],
.form-card input[type=email],
.form-card input[type=date],
.form-card select,
.form-card textarea,
.clients-toolbar input,
.om-modal input,
.om-modal select,
.om-modal textarea {
	height: 28px;
	font-size: 13px;
	padding: 2px 8px;
	border: 1px solid var(--om-line);
	background: #fff;
}
.form-card textarea,
.om-modal textarea { height: auto; min-height: 90px; width: 100%; box-sizing: border-box; }

/* Clients home */
.clients-home { max-width: none; }
.clients-scopes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
}
.clients-scope {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	color: #5A4A36;
	font: inherit;
	cursor: pointer;
}
.clients-scope:hover { background: #FFF8DC; }
.clients-scope.is-active {
	background: #EBBB12;
	border-color: #EBBB12;
	color: #2C2416;
	font-weight: bold;
}
.clients-scope-count {
	min-width: 1.6em;
	padding: 0 6px;
	border: 1px solid rgba(44, 36, 22, 0.15);
	background: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.clients-scope.is-active .clients-scope-count { border-color: #C9A40E; }
.clients-row-go.is-badge {
	padding: 2px 7px;
	border: 1px solid #E3D6B8;
	background: #FFF8DC;
	color: #8A6E00;
}
.clients-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 16px;
	padding: 10px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
}
.clients-search {
	flex: 1;
	min-width: 0;
}
.clients-search input {
	width: 100%;
	box-sizing: border-box;
	height: 34px;
	font-size: 14px;
	font-family: inherit;
}
.users-table tbody tr.users-row { cursor: pointer; }
.users-table tbody tr.users-row:hover { background: #FFF8DC; }
.users-name-cell {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.user-photo {
	display: inline-block;
	object-fit: cover;
	border-radius: 50%;
	border: 2px solid var(--om-line);
	background: #fff;
	flex: 0 0 auto;
	vertical-align: middle;
}
.user-photo.is-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--om-gold);
	color: var(--om-ink-deep);
	font-size: 11px;
	font-weight: 700;
	border: 0;
}
.user-photo-inline { width: 28px; height: 28px; }
.user-photo-lg { width: 72px; height: 72px; font-size: 22px; }
.user-photo-with-name {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.user-photo-preview { margin: 10px 0 0; }
.user-modal-photo {
	margin: 0 0 12px;
}
.user-modal-photo img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 50%;
	border: 2px solid var(--om-line);
}
.client-hero:has(.user-photo) { align-items: center; }
.client-hero .user-photo-lg { align-self: flex-start; }
.users-tech-flag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #5A4A36;
	cursor: pointer;
	white-space: nowrap;
}
.users-empty,
.clients-empty,
.clients-status {
	padding: 28px 16px;
	text-align: center;
	color: #8A7A62;
	border: 1px dashed #E3D6B8;
	background: #FFFDF6;
}
.clients-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #E3D6B8;
	background: #fff;
}
.clients-row {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto;
	gap: 8px 16px;
	align-items: center;
	width: 100%;
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid #F0E6CC;
	background: #fff;
	text-align: left;
	cursor: pointer;
	font: inherit;
	color: inherit;
}
.clients-row:last-child { border-bottom: 0; }
.clients-row:hover,
.clients-row.is-active { background: #FFF8DC; }
.clients-row-name { font-weight: bold; color: #2C2416; }
.clients-row-sub { display: block; color: #8A7A62; font-size: 12px; margin-top: 2px; }
.clients-row-meta { color: #5A4A36; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clients-row-go { color: #8A6E00; font-size: 12px; font-weight: bold; }

.om-modal[hidden] { display: none !important; }
.om-modal {
	position: fixed;
	inset: 0;
	z-index: 110;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 48px 16px 24px;
}
.om-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(44, 36, 22, 0.5);
}
.om-modal-dialog {
	position: relative;
	width: min(560px, 100%);
	max-height: calc(100vh - 72px);
	overflow: auto;
	background: #FFFDF6;
	border: 1px solid #E3D6B8;
	box-shadow: 0 12px 32px rgba(44, 36, 22, 0.28);
	z-index: 1;
}
.om-modal-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px 10px;
	border-bottom: 1px solid #E3D6B8;
}
.om-modal-head h2 {
	margin: 0;
	font-family: inherit;
	font-size: 20px;
	color: #4A4030;
}
.om-modal-close {
	height: 28px;
	width: 28px;
	border: 1px solid #D4C49A;
	background: #fff;
	color: #6A5A40;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}
.om-modal-body { padding: 14px 16px 18px; }
.profile-grid {
	display: grid;
	grid-template-columns: 118px 1fr;
	gap: 6px 12px;
	margin: 0 0 14px;
}
.profile-grid dt { color: #8A7A62; font-size: 12px; }
.profile-grid dd { margin: 0; font-size: 13px; }
.profile-flags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.profile-flag {
	padding: 2px 8px;
	border: 1px solid #E3D6B8;
	background: #fff;
	color: #6A5A40;
	font-size: 11px;
}
.profile-flag.is-on { background: #EBBB12; border-color: #EBBB12; color: #2C2416; font-weight: bold; }
.om-modal-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.om-content:has(.clients-map-page) {
	display: flex;
	flex-direction: column;
	padding-bottom: 16px;
	min-height: 0;
}
.clients-map-page {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	overflow: hidden;
}
.clients-map-head {
	display: flex;
	justify-content: space-between;
	gap: 8px 12px;
	align-items: center;
	flex: 0 0 auto;
	flex-wrap: wrap;
	margin: 0 0 8px;
}
.clients-map-head h2 { display: block; font-size: 20px; }
.clients-map-head p { margin: 0; }
.clients-map-page .clients-scopes { margin: 0; flex: 1 1 auto; }
.clients-map-page .clients-scope { padding: 4px 8px; }
.clients-map-links { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.clients-map-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 10px;
	align-items: stretch;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}
.clients-map-stage {
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	min-height: 70vh;
	height: 100%;
	overflow: hidden;
}
#clients-map,
#lead-zoning-map,
#map-zones-canvas,
#sa-canvas,
#mb-canvas {
	flex: 1 1 auto;
	min-height: 70vh;
	height: 100%;
	width: 100%;
	z-index: 1;
}
#clients-map.map-setup,
#lead-zoning-map.map-setup,
#map-zones-canvas.map-setup,
#sa-canvas.map-setup,
#mb-canvas.map-setup {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px 20px;
	box-sizing: border-box;
	background: #FFF8DC;
}
.map-setup-card {
	max-width: 560px;
	color: #4A4030;
}
.map-setup-card h3 { margin: 0 0 10px; font-size: 18px; }
.map-setup-card p, .map-setup-card li { font-size: 13px; line-height: 1.45; }
.map-setup-card ol { margin: 10px 0 0; padding-left: 20px; }
.map-setup-card code { font-size: 12px; background: #fff; padding: 1px 4px; }
.gm-style { font: inherit; }
.map-pin-hint {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	padding: 8px 10px;
	background: #FFF3C4;
	border-bottom: 1px solid #EBBB12;
	color: #6A5A40;
	font-size: 12px;
	font-weight: bold;
}
.client-dot {
	background: transparent;
	border: 0;
}
.client-dot span {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px rgba(44, 36, 22, 0.35);
}
.map-legend {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	padding: 8px 10px;
	background: rgba(255, 253, 246, 0.94);
	border-top: 1px solid #E3D6B8;
	font-size: 11px;
	color: #6A5A40;
}
.map-legend-item { display: inline-flex; align-items: center; gap: 5px; }
.map-legend-item i {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid rgba(44, 36, 22, 0.25);
}
.map-legend-item em { font-style: normal; color: #8A7A62; }
.map-legend-item i.map-legend-swatch {
	border-radius: 2px;
	width: 12px;
	height: 12px;
}
.map-shade-legend {
	position: absolute;
	left: 10px;
	bottom: 12px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 8px 10px;
	background: rgba(255, 253, 246, 0.94);
	border: 1px solid #E3D6B8;
	border-radius: 8px;
	font-size: 11px;
	color: #6A5A40;
	max-width: 240px;
	box-shadow: 0 1px 4px rgba(44, 36, 22, 0.08);
}
.map-minis {
	display: flex;
	flex-direction: column;
	min-height: 0;
	height: 100%;
	overflow: hidden;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	padding: 12px;
}
#map-minis-list,
#lz-list {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
}
.map-minis h3,
.map-minis-search,
.map-minis .muted,
#map-minis-more { flex: 0 0 auto; }
.map-minis h3 { margin: 0 0 6px; font-size: 15px; }
.map-minis-search {
	width: 100%;
	box-sizing: border-box;
	height: 30px;
	margin: 0 0 8px;
	padding: 2px 8px;
	border: 1px solid #D4C49A;
	background: #fff;
	font-size: 13px;
}
.map-group-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px solid var(--om-gold);
	background: #FFF8DC;
	color: #8A6E00;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
}
.map-group-toggle input { height: auto; margin: 0; }
#map-minis-more { display: block; width: 100%; margin-top: 8px; }
.map-mini {
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 8px;
	padding: 8px 10px;
	border: 1px solid #E3D6B8;
	background: #fff;
	cursor: pointer;
	font: inherit;
	color: inherit;
}
.map-mini:hover { background: #FFF8DC; }
.map-mini-type {
	display: inline-block;
	padding: 1px 6px;
	margin-bottom: 4px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}
.map-info { min-width: 180px; max-width: 280px; }
.map-info-stack p { margin: 6px 0 8px; font-size: 12px; color: #6A5A40; }
.map-spread-btn {
	display: inline-block;
	margin: 0 0 8px;
	padding: 4px 10px;
	border: 1px solid #C45C26;
	background: #FFF8DC;
	color: #8A3B12;
	font: inherit;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.map-info-list {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 180px;
	overflow: auto;
}
.map-info-list li { margin: 0; }
.map-info-link {
	display: block;
	width: 100%;
	text-align: left;
	padding: 4px 0;
	border: 0;
	background: transparent;
	color: var(--om-accent);
	font: inherit;
	font-size: 12px;
	cursor: pointer;
}
.map-info-link:hover { text-decoration: underline; }
.map-mini-name { display: block; font-weight: bold; font-size: 13px; }
.map-mini-meta { display: block; color: #8A7A62; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-draw-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin: 0 0 10px;
}
.mb-draw-bar .chip-add:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}
#map-area-status,
#lz-status {
	max-width: 52rem;
}
#lz-list .map-mini {
	display: block;
	text-decoration: none;
	color: inherit;
}
.mz-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}
.mz-toggle input {
	margin: 0;
}
.sa-add input[type="text"],
.sa-add input[type="number"] {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 8px;
	border: 1px solid #D6C7B0;
	border-radius: 6px;
	font: inherit;
}
.sa-add .chip-add { justify-self: start; }
.sa-miles-edit { width: 4.5rem; margin-left: 6px; }
.mb-name-edit { width: 100%; box-sizing: border-box; margin-top: 4px; padding: 4px 6px; }
.sa-save, .sa-del { font: inherit; font-size: 12px; cursor: pointer; }

@media (max-width: 1080px) {
	.om-topbar {
		display: flex;
		flex-wrap: wrap;
		gap: 0 12px;
	}
	.om-topbar-inner,
	.om-subnav-inner {
		width: 100%;
		flex-wrap: wrap;
	}
	.om-subnav-inner {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
	}
	.om-nav-toggle { display: inline-block; margin-left: auto; grid-column: auto; }
	.om-user,
	.om-chrome .om-account { display: none; }
	.om-nav,
	.om-subnav {
		display: none;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		flex: 1 1 100%;
		width: 100%;
		padding: 8px 0 8px;
		gap: 2px;
		flex-wrap: nowrap;
		justify-self: stretch;
	}
	.om-subnav {
		padding: 0 8px 12px;
		background: var(--om-ink);
		border-bottom: 0;
		min-height: 0;
	}
	body.om-nav-open .om-nav,
	body.om-nav-open .om-subnav { display: flex; }
	body.om-nav-open .om-nav-backdrop { display: block; }
	.om-nav-link,
	.om-subnav-link {
		height: auto;
		padding: 10px 8px;
		box-shadow: none;
		justify-content: flex-start;
	}
	.om-nav-link.is-active,
	.om-subnav-link.is-active,
	.om-has-menu.is-current > .om-nav-trigger {
		box-shadow: inset 3px 0 0 var(--om-signal);
		background: rgba(235, 187, 18, 0.16);
	}
	.om-has-menu:hover > .om-menu,
	.om-has-menu:focus-within > .om-menu { display: none; }
	.om-has-menu.is-open > .om-menu {
		display: flex;
		flex-direction: column;
		position: static;
		top: auto;
		min-width: 0;
		margin: 0 0 6px 12px;
		padding: 6px;
		box-shadow: none;
	}
	.om-nav-mobile-user {
		display: block;
		margin-top: 10px;
		padding: 12px 8px 0;
		border-top: 1px solid rgba(148, 163, 184, 0.22);
	}
	.om-nav-mobile-user .om-user-actions {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		margin-top: 8px;
	}
	.clients-row { grid-template-columns: 1fr; }
	.clients-map-layout {
		grid-template-columns: 1fr;
		grid-template-rows: minmax(0, 1fr) minmax(140px, 28%);
		min-height: 0;
	}
	.clients-map-page { min-height: 0; }
	#clients-map,
	#lead-zoning-map,
	#map-zones-canvas,
	#sa-canvas,
	#mb-canvas { min-height: 55vh; height: auto; }
	.map-minis { min-height: 0; max-height: none; }
}
@media (max-width: 620px) {
	:root { --om-page-gutter: 14px; }
	.clients-toolbar { flex-direction: column; align-items: stretch; }
	.om-content { padding: 16px var(--om-page-gutter) 28px; }
	.om-brand-text em { display: none; }
	body.om-bleed .om-content { padding: 10px 10px 8px; }
}

/* Lead Center */
.leads-home { max-width: none; }
.leads-scopes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
}
.leads-scope {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	color: #5A4A36;
	font: inherit;
	cursor: pointer;
}
.leads-scope:hover { background: #FFF8DC; }
.leads-scope.is-active {
	background: #EBBB12;
	border-color: #EBBB12;
	color: #2C2416;
	font-weight: bold;
}
.leads-scope-count {
	min-width: 1.6em;
	padding: 0 6px;
	border: 1px solid rgba(44, 36, 22, 0.15);
	background: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.leads-scope.is-active .leads-scope-count { border-color: #C9A40E; }
.leads-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 16px;
	padding: 10px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
}
.leads-toolbar .clients-search { flex: 1 1 220px; }
.leads-filter {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 11px;
	color: #8A7A62;
}
.leads-filter select {
	height: 28px;
	min-width: 140px;
	font-size: 13px;
	border: 1px solid #D4C49A;
	background: #fff;
}
.clients-toolbar .leads-filter {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 11px;
	color: #8A7A62;
}
.geo-filters {
	display: flex;
	align-items: flex-end;
	gap: 10px;
}
.geo-filter { position: relative; }
.geo-filter-toggle {
	height: 28px;
	min-width: 148px;
	max-width: 200px;
	padding: 0 22px 0 8px;
	font-size: 13px;
	color: #2C2416;
	border: 1px solid #D4C49A;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238A7A62' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 8px center;
	text-align: left;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.geo-filter-toggle:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}
.geo-filter-menu {
	display: none;
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	z-index: 40;
	width: 260px;
	max-height: 340px;
	flex-direction: column;
	border: 1px solid #D4C49A;
	background: #fff;
	box-shadow: 0 8px 20px rgba(80, 60, 20, 0.14);
}
.geo-filter-menu:not([hidden]),
.geo-filter.is-open .geo-filter-menu {
	display: flex;
}
.geo-filter-find {
	width: 100%;
	box-sizing: border-box;
	height: 28px;
	margin: 0;
	padding: 0 8px;
	border: 0;
	border-bottom: 1px solid #E3D6B8;
	font-size: 13px;
}
.geo-filter-all {
	display: block;
	padding: 6px 8px;
	border-bottom: 1px solid #E3D6B8;
	font-size: 12px;
	color: #5A4A36;
	cursor: pointer;
}
.geo-filter-options {
	overflow: auto;
	max-height: 240px;
	padding: 4px 0;
}
.geo-filter-group {
	padding: 6px 8px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #8A6E00;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.geo-filter-opt {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 3px 8px;
	font-size: 13px;
	color: #5A4A36;
	cursor: pointer;
}
.geo-filter-opt:hover { background: #FFF8DC; }
.geo-filter-opt.is-hidden { display: none; }
.geo-filter-empty {
	padding: 10px 8px;
	color: #8A7A62;
	font-size: 12px;
}
.leads-import { margin: 0; }
.leads-table {
	border: 1px solid #E3D6B8;
	background: #fff;
}
.leads-thead,
.leads-row {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.95fr) minmax(0, 1.15fr) auto auto;
	gap: 8px 12px;
	align-items: start;
}
.leads-thead {
	padding: 8px 14px;
	background: #FFF8DC;
	border-bottom: 1px solid #E3D6B8;
	color: #8A6E00;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.leads-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.leads-row {
	padding: 10px 14px;
	border-bottom: 1px solid #F0E6CC;
}
.leads-row:last-child { border-bottom: 0; }
.leads-row-who,
.leads-row-contact,
.leads-row-address {
	border: 0;
	background: transparent;
	text-align: left;
	font: inherit;
	color: inherit;
	cursor: pointer;
	padding: 0;
	min-width: 0;
	display: block;
	text-decoration: none;
}
.leads-row-phone,
.leads-row-street { display: block; color: #2C2416; font-size: 13px; }
.leads-row-email,
.leads-row-locality { display: block; color: #8A7A62; font-size: 12px; margin-top: 2px; }
.leads-row:hover { background: #FFFDF6; }
.leads-row .lead-tag {
	justify-self: start;
	border: 0;
	cursor: pointer;
}
.leads-row-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.leads-row-actions .btn { padding: 4px 8px; font-size: 11px; }
.lead-tag {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}
.lead-tag-followup { background: #EBBB12; color: #2C2416; }
.lead-tag-followup_again { background: #FFEDD5; color: #9A3412; }
.lead-tag-contacted { background: #DBEAFE; color: #1E3A8A; }
.lead-tag-interested { background: #CCFBF1; color: #115E59; }
.lead-tag-won { background: #DCFCE7; color: #166534; }
.lead-tag-lost { background: #E7E5E4; color: #57534E; }
.lead-tag-has_it { background: #E0E7FF; color: #3730A3; }
.lead-tag-dnc { background: #FEE2E2; color: #991B1B; }
.archive-banner {
	margin: 0 0 16px;
	padding: 10px 14px;
	border: 1px solid #F0B4B4;
	background: #FEE2E2;
	color: #991B1B;
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px;
}
.leads-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 14px 0 0;
	color: #8A7A62;
	font-size: 13px;
}
.leads-modal { width: min(640px, 100%); }
.leads-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0 0 12px;
	font-size: 12px;
	color: #8A7A62;
}
.leads-field input,
.leads-field select,
.leads-field textarea {
	width: 100%;
	box-sizing: border-box;
	font: inherit;
	font-size: 13px;
	color: #2C2416;
}
.lead-add-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 12px;
}
.lead-view-kicker {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	color: #8A7A62;
	font-size: 13px;
}
.lead-flash-err { color: #990000; font-size: 13px; }
.lead-contact-card {
	margin: 0 0 14px;
	padding: 10px 12px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
}
.lead-contact-line { font-size: 14px; margin: 0 0 4px; }
.lead-contact-line a { color: #2C2416; font-weight: bold; }
.lead-contact-address { color: #5A4A36; font-size: 13px; white-space: pre-line; }
.lead-history-heading { margin: 16px 0 8px; font-size: 15px; }
.leads-home .clients-empty { border-left: 0; border-right: 0; border-radius: 0; }
.leads-empty-notice {
	margin: 0;
	font-size: 15px;
	line-height: 1.45;
	color: #5A4A36;
}
.leads-empty-notice a { color: #8A6E00; font-weight: bold; }
.lead-detail-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
	gap: 16px;
	margin: 0 0 22px;
}
.lead-hint { margin: 8px 0 0; color: #8A7A62; font-size: 12px; }
.lead-previous-extra { color: #8A7A62; }
.surveys-home { max-width: 1100px; }
.surveys-home .client-hero { margin-bottom: 16px; }
.survey-row-form { display: inline; margin-left: 6px; }
.surveys-comments-head { margin: 22px 0 10px; font-size: 16px; }
.survey-guest { max-width: 560px; }
.survey-guest .form-card { max-width: none; }
.survey-guest h1 { margin: 0 0 10px; font-size: 22px; }
.survey-guest-meta { margin: 0 0 6px; font-size: 14px; color: #2C2416; }
.survey-prev { margin: 0 0 12px; font-size: 13px; color: #5A4A36; }
.survey-q { border: 0; margin: 0 0 14px; padding: 0; }
.survey-q legend { font-size: 13px; font-weight: 600; color: #2C2416; margin-bottom: 6px; }
.survey-scores { display: flex; flex-wrap: wrap; gap: 4px; }
.survey-scores label {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	min-width: 28px;
	font-size: 12px;
	color: #5A4A36;
	cursor: pointer;
}
.survey-guest .leads-field { display: block; margin: 0 0 12px; }
.lead-form input[type=text],
.lead-form input[type=email] { width: min(360px, 100%); }
.lead-activity h3 { margin: 0 0 10px; }
.lead-notes { list-style: none; margin: 14px 0 0; padding: 0; }
.lead-notes li {
	padding: 10px 0;
	border-bottom: 1px solid #F0E6CC;
}
.lead-note-meta {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	color: #8A7A62;
	font-size: 12px;
	margin-bottom: 4px;
}
.lead-note-body {
	font-size: 13px;
	color: #2C2416;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
	min-width: 0;
}
.lead-note-body:has(.lead-note-html) { white-space: normal; }
.lead-note-html {
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
.lead-note-html img,
.lead-note-html table,
.lead-note-html pre,
.lead-note-html iframe,
.lead-note-html video {
	max-width: 100%;
	height: auto;
}
.lead-note-html span,
.lead-note-html p,
.lead-note-html li,
.lead-note-html a {
	overflow-wrap: anywhere;
	word-break: break-word;
}
.lead-note-html p { margin: 0 0 0.55em; }
.lead-note-html p:last-child { margin-bottom: 0; }
.lead-note-html p:has(> br:only-child) {
	min-height: 1.15em;
}
.lead-note-html hr {
	border: 0;
	border-top: 1px solid #C4B59A;
	margin: 0.85em 0;
	height: 0;
	background: transparent;
}
.lead-note-html h1,
.lead-note-html h2,
.lead-note-html h3 {
	margin: 0 0 0.4em;
	font-weight: 700;
	line-height: 1.25;
}
.lead-note-html h1 { font-size: 1.45em; }
.lead-note-html h2 { font-size: 1.25em; }
.lead-note-html h3 { font-size: 1.1em; }
.lead-note-html ul,
.lead-note-html ol {
	margin: 0 0 0.55em;
	padding-left: 1.4em;
}
.lead-note-html li { margin: 0 0 0.2em; }
.lead-note-html blockquote {
	margin: 0 0 0.55em;
	padding: 0 0 0 12px;
	border-left: 3px solid #E3D6B8;
	color: #4A4030;
}
.lead-note-html a { color: #C45C26; }
.lead-note-html .ql-align-center { text-align: center; }
.lead-note-html .ql-align-right { text-align: right; }
.lead-note-html .ql-align-justify { text-align: justify; }
.lead-note-html .ql-indent-1 { padding-left: 3em; }
.lead-note-html .ql-indent-2 { padding-left: 6em; }
.lead-note-html .ql-indent-3 { padding-left: 9em; }
.lead-note-html .ql-indent-4 { padding-left: 12em; }
.lead-note-html .ql-size-small { font-size: 0.75em; }
.lead-note-html .ql-size-large { font-size: 1.5em; }
.lead-note-html .ql-size-huge { font-size: 2.5em; }
.lead-note-html .ql-font-serif { font-family: Georgia, "Times New Roman", serif; }
.lead-note-html .ql-font-monospace { font-family: Monaco, "Courier New", monospace; }
.lead-note-html .ql-font-arial { font-family: Arial, Helvetica, sans-serif; }
.lead-note-html .ql-font-georgia { font-family: Georgia, "Times New Roman", serif; }
.lead-note-html .ql-font-verdana { font-family: Verdana, Geneva, sans-serif; }
.lead-note-html .ql-font-times { font-family: "Times New Roman", Times, serif; }
.lead-note-html .ql-color-red { color: #e60000; }
.lead-note-html .ql-color-orange { color: #f90; }
.lead-note-html .ql-color-yellow { color: #ff0; }
.lead-note-html .ql-color-green { color: #008a00; }
.lead-note-html .ql-color-blue { color: #06c; }
.lead-note-html .ql-color-purple { color: #93f; }
.lead-note-html .ql-color-white { color: #fff; }
.lead-note-html .ql-bg-black { background-color: #000; }
.lead-note-html .ql-bg-red { background-color: #e60000; }
.lead-note-html .ql-bg-orange { background-color: #f90; }
.lead-note-html .ql-bg-yellow { background-color: #ff0; }
.lead-note-html .ql-bg-green { background-color: #008a00; }
.lead-note-html .ql-bg-blue { background-color: #06c; }
.lead-note-html .ql-bg-purple { background-color: #93f; }
.lead-note-html pre,
.lead-note-html code,
.lead-note-html .ql-code-block,
.lead-note-html .ql-code-block-container,
.lead-note-html .ql-syntax {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.92em;
	background: #F4F4F6;
	color: #1F2937;
	border: 1px solid #E5E7EB;
	border-radius: 4px;
	padding: 10px 12px;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
	box-sizing: border-box;
}
.lead-note-html pre.ql-size-small,
.lead-note-html .ql-code-block.ql-size-small,
.lead-note-html .ql-code-block-container.ql-size-small,
.lead-note-html .ql-syntax.ql-size-small {
	font-size: 0.75em;
}
.lead-note-html pre.ql-size-large,
.lead-note-html .ql-code-block.ql-size-large,
.lead-note-html .ql-code-block-container.ql-size-large,
.lead-note-html .ql-syntax.ql-size-large {
	font-size: 1.5em;
}
.lead-note-html pre.ql-size-huge,
.lead-note-html .ql-code-block.ql-size-huge,
.lead-note-html .ql-code-block-container.ql-size-huge,
.lead-note-html .ql-syntax.ql-size-huge {
	font-size: 2.5em;
}
.lead-note-html code {
	display: inline;
	padding: 1px 5px;
	border-radius: 3px;
}
.lead-note-html pre code {
	display: block;
	padding: 0;
	border: 0;
	background: transparent;
}
.lead-note-html li[data-list="bullet"] { list-style-type: disc; }
.lead-note-html li[data-list="ordered"] { list-style-type: decimal; }
.lead-note-kind {
	color: #8A7A62;
	font-size: 12px;
	margin: 0 0 8px;
	font-weight: 600;
}
.lead-note-dialog { width: min(640px, 100%); }
.lead-note-panel {
	width: min(420px, calc(100vw - 24px));
	min-width: 280px;
	min-height: 280px;
	max-height: none;
	height: min(82vh, 680px);
	left: auto;
	right: 16px;
	top: 96px;
	z-index: 71;
}
.lead-note-panel .lead-script-body {
	white-space: normal;
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	flex: 1;
}
.lead-note-form .leads-field { margin: 0 0 10px; }
.lead-note-details {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
}
.lead-note-details .om-rich {
	flex: 1;
	min-height: 0;
}
.lead-note-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 12px;
}
.lead-note-chip {
	border: 1px solid #2C2416;
	background: #F6F2E8;
	color: #2C2416;
	font: inherit;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	padding: 6px 10px;
	cursor: pointer;
	line-height: 1.2;
}
.lead-note-chip:hover,
.lead-note-chip.is-on {
	background: #C45C26;
	color: #fff;
	border-color: #2C2416;
}
.lead-call-panel {
	width: min(400px, calc(100vw - 24px));
	min-width: 280px;
	min-height: 260px;
	max-height: none;
	height: min(82vh, 640px);
	left: auto;
	right: 16px;
	top: 96px;
	z-index: 72;
}
.lead-call-panel .lead-script-body {
	white-space: normal;
	min-width: 0;
}
.lead-call-form .leads-field { margin: 0 0 10px; }
.lead-note-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}
.om-rich {
	border: 1px solid #E3D6B8;
	background: #fff;
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	max-width: 100%;
	flex: 1;
}
.om-rich-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	padding: 6px 8px;
	border-bottom: 1px solid #E3D6B8;
	background: #F6F2E8;
}
.om-rich-bar button,
.om-rich-bar select {
	height: 28px;
	border: 1px solid #D4C49A;
	background: #fff;
	color: #4A4030;
	font-size: 12px;
	padding: 0 8px;
	cursor: pointer;
}
.om-rich-bar button { min-width: 28px; }
.om-rich-color {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 700;
	color: #4A4030;
}
.om-rich-color input[type="color"] {
	width: 28px;
	height: 22px;
	padding: 0;
	border: 1px solid #D4C49A;
	background: #fff;
	cursor: pointer;
}
.om-rich-edit {
	min-height: 6rem;
	flex: 1;
	min-width: 0;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	overflow-wrap: anywhere;
	word-break: break-word;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.45;
	color: #2C2416;
	outline: none;
	box-sizing: border-box;
}
.lead-script-panel {
	position: fixed;
	z-index: 70;
	width: min(360px, calc(100vw - 24px));
	min-width: 260px;
	min-height: 180px;
	height: min(70vh, 540px);
	max-height: none;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
	border: 1px solid #E3D6B8;
	box-shadow: 0 10px 28px rgba(44, 36, 22, 0.22);
	right: 16px;
	top: 96px;
	box-sizing: border-box;
}
.lead-script-panel[hidden] { display: none !important; }
.lead-script-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 12px;
	border-bottom: 1px solid #E3D6B8;
	cursor: move;
	user-select: none;
	background: #F6F2E8;
}
.lead-script-head h2 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #4A4030;
}
.lead-script-close {
	border: 0;
	background: transparent;
	font-size: 22px;
	line-height: 1;
	color: #6A5A40;
	cursor: pointer;
	padding: 0 4px;
}
.lead-script-body {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 12px 14px 16px;
	font-size: 13px;
	line-height: 1.5;
	color: #2C2416;
	background: #fff;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
	flex: 1;
	min-height: 0;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
.lead-script-panel .lead-note-html {
	color: #2C2416;
}
.lead-script-panel .lead-note-html .ql-color-red { color: #e60000; }
.lead-script-panel .lead-note-html .ql-color-orange { color: #f90; }
.lead-script-panel .lead-note-html .ql-color-yellow { color: #ff0; }
.lead-script-panel .lead-note-html .ql-color-green { color: #008a00; }
.lead-script-panel .lead-note-html .ql-color-blue { color: #06c; }
.lead-script-panel .lead-note-html .ql-color-purple { color: #93f; }
.lead-script-panel .lead-note-html .ql-color-white { color: #fff; }
.lead-script-body:has(.lead-note-html) {
	white-space: normal;
}
.lead-script-questions {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	max-width: 100%;
	border-top: 1px solid #E3D6B8;
	background: #fff;
}
.lead-script-questions.is-open {
	flex: 0 0 var(--script-q-h, 200px);
	height: var(--script-q-h, 200px);
	max-height: none;
}
.lead-script-questions-split {
	display: none;
	flex: 0 0 8px;
	cursor: ns-resize;
	touch-action: none;
	user-select: none;
	position: relative;
	background: #F6F2E8;
	border-bottom: 1px solid #E3D6B8;
}
.lead-script-questions.is-open .lead-script-questions-split {
	display: block;
}
.lead-script-questions-split::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 36px;
	height: 3px;
	border-radius: 2px;
	background: #C45C26;
	opacity: 0.55;
	transform: translate(-50%, -50%);
}
.lead-script-questions-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 auto;
	width: 100%;
	border: 0;
	background: #F6F2E8;
	color: #4A4030;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	padding: 8px 14px;
	cursor: pointer;
	text-align: left;
}
.lead-script-questions-toggle::after {
	content: '+';
	font-weight: 700;
	color: #C45C26;
}
.lead-script-questions.is-open .lead-script-questions-toggle::after {
	content: '–';
}
.lead-script-questions-body {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 14px 12px;
	font-size: 13px;
	line-height: 1.5;
	color: #2C2416;
	background: #fff;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
	max-height: none;
	max-width: 100%;
	box-sizing: border-box;
}
.lead-script-questions-body:has(.lead-note-html) {
	white-space: normal;
}
.lead-script-questions-body[hidden] {
	display: none !important;
}
.lead-script-body.lead-script-quill,
.lead-script-questions-body.lead-script-quill {
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	white-space: normal;
	background: #fff;
}
.lead-script-quill .ql-container.ql-snow {
	border: 0;
	height: auto;
	font-size: 15px;
	background: #fff;
	overflow: visible;
	width: 100%;
	max-width: 100%;
}
.lead-script-quill .ql-editor {
	height: auto;
	min-height: 0;
	overflow: visible;
	overflow-wrap: anywhere;
	word-break: break-word;
	color: #2C2416;
	background: #fff;
	line-height: 1.5;
	max-width: 100%;
	box-sizing: border-box;
}
.lead-script-quill .ql-editor > * {
	cursor: default;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
.lead-script-body > * {
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
.lead-script-body img,
.lead-script-body table,
.lead-script-body pre,
.lead-script-body iframe,
.lead-script-body video {
	max-width: 100%;
	height: auto;
}
.lead-script-panel .lead-note-html .ql-indent-1 { padding-left: min(3em, 12%); }
.lead-script-panel .lead-note-html .ql-indent-2 { padding-left: min(6em, 20%); }
.lead-script-panel .lead-note-html .ql-indent-3 { padding-left: min(9em, 28%); }
.lead-script-panel .lead-note-html .ql-indent-4 { padding-left: min(12em, 36%); }
.lead-script-resize {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18px;
	height: 18px;
	cursor: nwse-resize;
	background:
		linear-gradient(135deg, transparent 0 46%, #C45C26 46% 54%, transparent 54% 62%, #C45C26 62% 70%, transparent 70%);
	touch-action: none;
}
.lead-call-form {
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	flex: 1;
	white-space: normal;
}
.lead-call-form textarea {
	min-height: 4.5rem;
	resize: vertical;
}
.lead-layout-page .om-content {
	max-width: none;
	width: 100%;
}
.lead-layout-page .lead-profile.lead-detail {
	max-width: var(--om-page-max);
	width: 100%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
html[data-lead-layout="left"] .lead-layout-page .lead-profile.lead-detail {
	margin-left: 0;
	margin-right: auto;
}
html[data-lead-layout="right"] .lead-layout-page .lead-profile.lead-detail {
	margin-left: auto;
	margin-right: 0;
}
.lead-layout-control {
	position: fixed;
	z-index: 82;
	left: 16px;
	bottom: 20px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 8px 6px 10px;
	background: #FFFDF6;
	border: 1px solid #E3D6B8;
	box-shadow: 0 8px 22px rgba(44, 36, 22, 0.18);
}
.lead-layout-label {
	font-size: 12px;
	font-weight: 650;
	color: #5A4A36;
	letter-spacing: 0.02em;
}
.lead-layout-control select {
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	color: #2C2416;
	background: #fff;
	border: 1px solid #E3D6B8;
	padding: 4px 8px;
	min-width: 6.5rem;
}
@media (max-width: 720px) {
	.lead-script-panel {
		left: 8px !important;
		right: 8px !important;
		top: 72px !important;
		bottom: auto !important;
		width: auto !important;
		height: auto !important;
		max-height: min(42vh, calc(100vh - 200px));
	}
	.lead-script-head { cursor: default; }
	.lead-script-resize { display: none; }
	.lead-note-panel,
	.lead-call-panel { max-height: min(48vh, calc(100vh - 200px)); }
	.lead-layout-control { display: none; }
}
.call-script-form {
	min-width: 0;
	max-width: 100%;
}
.call-script-quill {
	max-width: 52rem;
	width: 100%;
	min-width: 0;
	overflow-x: hidden;
	box-sizing: border-box;
}
.call-script-quill .ql-toolbar.ql-snow {
	border-color: #E3D6B8;
	background: #F6F2E8;
	border-radius: 0;
	white-space: normal;
	flex-wrap: wrap;
}
.call-script-quill .ql-container.ql-snow {
	border-color: #E3D6B8;
	background: #fff;
	font-size: 15px;
	min-height: 22rem;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
.call-script-quill .ql-editor {
	width: 100%;
	max-width: 100%;
	min-height: 22rem;
	color: #2C2416;
	background: #fff;
	line-height: 1.5;
	overflow-x: hidden;
	overflow-wrap: anywhere;
	word-break: break-word;
	box-sizing: border-box;
}
.call-script-quill-questions .ql-container.ql-snow,
.call-script-quill-questions .ql-editor {
	min-height: 10rem;
}
.call-script-quill-previous .ql-container.ql-snow,
.call-script-quill-previous .ql-editor {
	min-height: 8rem;
}
.call-script-label-questions,
.call-script-label-previous {
	margin-top: 22px;
}
.call-script-previous-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 16px;
}
.call-script-previous-row .call-script-quill-previous {
	flex: 1 1 28rem;
	min-width: 0;
}
.call-script-tokens {
	flex: 0 1 18rem;
	min-width: 15rem;
	border: 1px solid #E3D6B8;
	background: #F6F2E8;
	padding: 12px 14px 14px;
	box-sizing: border-box;
}
.call-script-tokens-title {
	margin: 0 0 6px;
	font-size: 14px;
	color: #2C2416;
}
.call-script-tokens-hint {
	margin: 0 0 10px;
	font-size: 12px;
	color: #8A7A62;
}
.call-script-tokens-list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
}
.call-script-tokens-list li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	margin: 0 0 8px;
	font-size: 12px;
	color: #4A4030;
}
.call-script-token {
	border: 1px solid #D4C49A;
	background: #fff;
	color: #2C2416;
	font: inherit;
	padding: 3px 8px;
	cursor: pointer;
}
.call-script-token code {
	font-family: Consolas, "Courier New", monospace;
	font-size: 13px;
	font-weight: 700;
}
.call-script-token:hover,
.call-script-token.is-copied {
	background: #C45C26;
	border-color: #2C2416;
	color: #fff;
}
.call-script-token:hover code,
.call-script-token.is-copied code { color: #fff; }
.call-script-tokens-example {
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid #E3D6B8;
	font-size: 12px;
	line-height: 1.45;
	color: #4A4030;
}
.call-script-tokens-example strong {
	display: block;
	margin-bottom: 4px;
	color: #2C2416;
}
.lead-note-status {
	margin: 0 0 10px;
	padding: 8px 10px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}
.lead-note-status[hidden] { display: none !important; }
.lead-note-status.is-ok {
	background: #E8F5E9;
	color: #166534;
	border: 1px solid #A7D7B0;
}
.lead-note-status.is-err {
	background: #FDECEC;
	color: #9B1C1C;
	border: 1px solid #F0B4B4;
}
.call-script-optional {
	font-weight: 500;
	color: #8A7A62;
}
.call-script-quill .ql-font-arial,
.lead-script-quill .ql-font-arial { font-family: Arial, Helvetica, sans-serif; }
.call-script-quill .ql-font-georgia,
.lead-script-quill .ql-font-georgia { font-family: Georgia, "Times New Roman", serif; }
.call-script-quill .ql-font-verdana,
.lead-script-quill .ql-font-verdana { font-family: Verdana, Geneva, sans-serif; }
.call-script-quill .ql-font-times,
.lead-script-quill .ql-font-times { font-family: "Times New Roman", Times, serif; }
.call-script-quill .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arial"]::before,
.call-script-quill .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arial"]::before { content: 'Arial'; font-family: Arial, Helvetica, sans-serif; }
.call-script-quill .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="georgia"]::before,
.call-script-quill .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="georgia"]::before { content: 'Georgia'; font-family: Georgia, "Times New Roman", serif; }
.call-script-quill .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="verdana"]::before,
.call-script-quill .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="verdana"]::before { content: 'Verdana'; font-family: Verdana, Geneva, sans-serif; }
.call-script-quill .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="times"]::before,
.call-script-quill .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="times"]::before { content: 'Times'; font-family: "Times New Roman", Times, serif; }
.call-script-quill .ql-snow .ql-editor pre,
.call-script-quill .ql-snow .ql-editor .ql-code-block,
.call-script-quill .ql-snow .ql-editor .ql-code-block-container,
.call-script-quill .ql-snow .ql-editor .ql-syntax,
.lead-script-quill .ql-snow .ql-editor pre,
.lead-script-quill .ql-snow .ql-editor .ql-code-block,
.lead-script-quill .ql-snow .ql-editor .ql-code-block-container,
.lead-script-quill .ql-snow .ql-editor .ql-syntax {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	background: #F4F4F6 !important;
	color: #1F2937 !important;
	border: 1px solid #E5E7EB;
	border-radius: 4px;
	padding: 10px 12px;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}
.call-script-quill .ql-snow .ql-editor .ql-code-block.ql-size-small,
.call-script-quill .ql-snow .ql-editor .ql-code-block-container.ql-size-small,
.call-script-quill .ql-snow .ql-editor pre.ql-size-small,
.lead-script-quill .ql-snow .ql-editor .ql-code-block.ql-size-small,
.lead-script-quill .ql-snow .ql-editor .ql-code-block-container.ql-size-small,
.lead-script-quill .ql-snow .ql-editor pre.ql-size-small {
	font-size: 0.75em;
}
.call-script-quill .ql-snow .ql-editor .ql-code-block.ql-size-large,
.call-script-quill .ql-snow .ql-editor .ql-code-block-container.ql-size-large,
.call-script-quill .ql-snow .ql-editor pre.ql-size-large,
.lead-script-quill .ql-snow .ql-editor .ql-code-block.ql-size-large,
.lead-script-quill .ql-snow .ql-editor .ql-code-block-container.ql-size-large,
.lead-script-quill .ql-snow .ql-editor pre.ql-size-large {
	font-size: 1.5em;
}
.call-script-quill .ql-snow .ql-editor .ql-code-block.ql-size-huge,
.call-script-quill .ql-snow .ql-editor .ql-code-block-container.ql-size-huge,
.call-script-quill .ql-snow .ql-editor pre.ql-size-huge,
.lead-script-quill .ql-snow .ql-editor .ql-code-block.ql-size-huge,
.lead-script-quill .ql-snow .ql-editor .ql-code-block-container.ql-size-huge,
.lead-script-quill .ql-snow .ql-editor pre.ql-size-huge {
	font-size: 2.5em;
}
.call-script-quill .ql-editor .ql-size-10px,
.lead-script-quill .ql-editor .ql-size-10px { font-size: 10px; }
.call-script-quill .ql-editor .ql-size-12px,
.lead-script-quill .ql-editor .ql-size-12px { font-size: 12px; }
.call-script-quill .ql-editor .ql-size-14px,
.lead-script-quill .ql-editor .ql-size-14px { font-size: 14px; }
.call-script-quill .ql-editor .ql-size-16px,
.lead-script-quill .ql-editor .ql-size-16px { font-size: 16px; }
.call-script-quill .ql-editor .ql-size-18px,
.lead-script-quill .ql-editor .ql-size-18px { font-size: 18px; }
.call-script-quill .ql-editor .ql-size-20px,
.lead-script-quill .ql-editor .ql-size-20px { font-size: 20px; }
.call-script-quill .ql-editor .ql-size-24px,
.lead-script-quill .ql-editor .ql-size-24px { font-size: 24px; }
.call-script-quill .ql-editor .ql-size-28px,
.lead-script-quill .ql-editor .ql-size-28px { font-size: 28px; }
.call-script-quill .ql-editor .ql-size-32px,
.lead-script-quill .ql-editor .ql-size-32px { font-size: 32px; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item::before {
	content: 'Normal';
}
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before { content: '10'; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before { content: '12'; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before { content: '14'; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before { content: '16'; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before { content: '18'; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before { content: '20'; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before { content: '24'; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before { content: '28'; }
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before,
.call-script-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before { content: '32'; }
.call-script-quill .ql-snow .ql-hr {
	width: 28px;
}
.call-script-quill .ql-snow .ql-hr::before {
	content: '';
	display: block;
	width: 16px;
	height: 0;
	border-top: 2px solid #444;
	margin: 8px auto 0;
}
.call-script-quill .ql-snow .ql-editor hr,
.lead-script-quill .ql-snow .ql-editor hr {
	border: 0;
	border-top: 1px solid #C4B59A;
	margin: 0.85em 0;
}
.call-script-quill .ql-editor img,
.call-script-quill .ql-editor table,
.call-script-quill .ql-editor pre,
.call-script-quill .ql-editor iframe,
.call-script-quill .ql-editor video,
.lead-script-quill .ql-editor img,
.lead-script-quill .ql-editor table,
.lead-script-quill .ql-editor pre,
.lead-script-quill .ql-editor iframe,
.lead-script-quill .ql-editor video {
	max-width: 100%;
	height: auto;
}
/* Warm Quill chrome — do not rewrite stored .ql-color-* / .ql-bg-* note colors. */
.ql-toolbar.ql-snow {
	border-color: var(--om-line);
	background: var(--om-paper);
}
.ql-container.ql-snow {
	border-color: var(--om-line);
}
.ql-snow .ql-stroke { stroke: var(--om-ink); }
.ql-snow .ql-fill { fill: var(--om-ink); }
.ql-snow .ql-picker { color: var(--om-ink); }
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
	color: var(--om-accent);
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke {
	stroke: var(--om-accent);
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill {
	fill: var(--om-accent);
}
.call-script-form textarea[hidden] {
	display: none;
}
.call-script-label {
	display: block;
	font-weight: 600;
	margin-bottom: 8px;
	color: #4A4030;
}
.call-script-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}
.note-meta-when {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}
.note-del-form { display: inline; margin: 0; }
.lead-flash-ok { color: #166534; font-size: 13px; }
.lead-share-list { list-style: none; margin: 8px 0 12px; padding: 0; }
.lead-share-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 0;
	border-bottom: 1px solid #F0E6CC;
	font-size: 13px;
}
.lead-share-unshare,
.lead-share-form { margin: 8px 0 0; }
.lead-share-form .leads-field { margin: 0 0 8px; }
.lead-call-list { list-style: none; margin: 10px 0 0; padding: 0; }
.lead-call-list li {
	padding: 10px 0;
	border-bottom: 1px solid #F0E6CC;
}
.lead-detail .leads-field { margin: 0 0 10px; }

/* Client profile */
.client-profile { max-width: none; }
.client-hero {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 18px;
	padding: 0 0 18px;
	border-bottom: 2px solid #EBBB12;
}
.client-hero-copy { min-width: 0; }
.client-title {
	margin: 0;
	font-family: inherit;
	font-size: 32px;
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: 1.1;
	color: #1F1A12;
}
.client-person {
	margin: 6px 0 0;
	font-size: 16px;
	color: #6B5E4A;
}
.client-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 12px 0 0;
}
.client-flag-warn {
	background: #FEE2E2;
	border-color: #F0B4B4;
	color: #991B1B;
	font-weight: bold;
}
.client-hero-meta {
	margin: 10px 0 0;
	color: #8A7A62;
	font-size: 13px;
}
.client-meta-sep { margin: 0 4px; }
.client-hero-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	max-width: 560px;
}
.client-hero-actions .chip-btn {
	height: 32px;
	padding: 0 12px;
}
.client-text-link {
	color: #8A6E00;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.client-text-link:hover { color: #1F1A12; }
.icon-open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	line-height: 0;
	color: #8A6E00;
	text-decoration: none;
}
.icon-open:hover { color: #1F1A12; }
.icon-open svg {
	display: block;
	width: 16px;
	height: 16px;
}
.chip-page .chip-more.icon-open {
	width: 24px;
	height: 24px;
	font-size: 0;
	font-weight: normal;
}
.btn.icon-open {
	width: 32px;
	height: 32px;
	box-sizing: border-box;
}
.client-contact {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px 20px;
	margin: 0 0 20px;
	padding: 14px 16px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
}
.client-contact-item { margin: 0; min-width: 0; }
.client-contact-item dt {
	margin: 0 0 3px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8A6E00;
}
.client-contact-item dd { margin: 0; font-size: 14px; color: #1F1A12; }
.client-contact-item a { color: #1F1A12; font-weight: bold; text-decoration: none; }
.client-contact-item a:hover { color: #8A6E00; }
.client-contact-address { grid-column: span 2; }
.client-contact-address dd,
.client-contact-address a { font-weight: normal; white-space: pre-line; }
.client-primary {
	display: inline-block;
	margin-left: 4px;
	padding: 0 5px;
	border: 1px solid var(--om-gold);
	background: #EBBB12;
	color: #2C2416;
	font-size: 9px;
	letter-spacing: 0.04em;
	vertical-align: middle;
}
.client-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}
.client-card {
	padding: 16px 18px 18px;
	border: 1px solid #E8DCC0;
	border-radius: 8px;
	background: #fff;
}
.client-card h2 {
	margin: 0 0 12px;
	font-family: inherit;
	font-size: 18px;
	font-weight: 650;
	color: #1F1A12;
}
.client-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 12px;
}
.client-card-head h2 { margin: 0; }
.client-card-head .chip-btn { height: 30px; padding: 0 10px; font-size: 12px; }
.client-card .profile-grid { margin: 0; }
.client-record-notes { white-space: pre-wrap; }
.client-summary {
	margin: 0 0 10px;
	color: #5A4A36;
	font-size: 13px;
}
.client-empty, .client-hint {
	margin: 0;
	color: #8A7A62;
	font-size: 13px;
}
.client-hint { margin-top: 10px; }
table.data.client-table {
	width: 100%;
	margin: 0;
}
table.data.client-table th {
	background: #F6F2E8;
	color: #6A5A40;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 7px 8px;
}
table.data.client-table td { padding: 8px; }
table.data.client-table tr:nth-child(even) { background: #FFFDF6; }
.client-survey-comment { color: #6B5E4A; font-size: 12px; }
.client-more { margin: 8px 0 0; }
.client-more summary {
	cursor: pointer;
	color: #8A6E00;
	font-size: 12px;
	font-weight: bold;
}
.client-more summary:hover { color: #1F1A12; }
.client-more .client-table { margin-top: 8px; }
.client-timeline { list-style: none; margin: 0; padding: 0; }
.client-timeline-item {
	padding: 10px 0 10px 12px;
	border-bottom: 1px solid #F0E6CC;
	border-left: 2px solid #E8DCC0;
}
.client-timeline-item:last-child { border-bottom: 0; }
.client-timeline-item.is-lead { border-left-color: #EBBB12; }
.client-timeline-meta {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 4px;
	color: #8A7A62;
	font-size: 12px;
}
.client-timeline-body { font-size: 13px; color: #2C2416; }
.client-inline { display: inline; margin: 0; }
.client-quiet-btn {
	height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	color: #8A6E00;
	font: inherit;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.client-quiet-btn:hover { color: #1F1A12; }

.invoice-profile .client-hero {
	border-bottom: 1px solid var(--om-line);
}
.invoice-profile .client-title {
	font-family: inherit;
	font-weight: 650;
	color: var(--om-ink);
}
.invoice-profile .chip-kicker,
.invoice-profile .client-hero-meta,
.invoice-profile .client-person { color: var(--om-muted); }
.invoice-profile,
.invoices-home {
	max-width: 920px;
	margin: 0 auto;
}
.invoice-profile .chip-btn-ghost,
.invoices-home .chip-btn-ghost {
	color: var(--om-ink);
	border-color: var(--om-line);
	background: var(--om-card);
}
.invoice-profile .chip-btn-ghost:hover,
.invoices-home .chip-btn-ghost:hover {
	background: var(--om-card-hover);
	color: var(--om-ink);
	border-color: var(--om-signal);
}
.invoice-hero {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 18px;
	padding: 0 0 18px;
	border-bottom: 1px solid var(--om-line);
}
.invoice-hero-copy { min-width: 0; }
.invoice-title {
	margin: 0;
	font-size: 28px;
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: 1.15;
	color: var(--om-ink);
}
.invoice-person {
	margin: 6px 0 0;
	font-size: 15px;
	color: var(--om-muted);
}
.invoice-lede {
	margin: 8px 0 0;
	font-size: 14px;
	color: var(--om-muted);
	line-height: 1.45;
}
.invoice-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 12px 0 0;
}
.invoice-hero-meta {
	margin: 10px 0 0;
	color: var(--om-muted);
	font-size: 13px;
}
.invoice-meta-sep { margin: 0 4px; }
.invoice-hero-side {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	flex-shrink: 0;
}
.invoice-amount-strip {
	display: flex;
	gap: 16px;
	margin: 0;
}
.invoice-amount-strip > div { margin: 0; text-align: right; }
.invoice-amount-strip dt {
	margin: 0 0 2px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--om-muted);
}
.invoice-amount-strip dd {
	margin: 0;
	font-size: 22px;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	color: var(--om-ink);
}
.invoice-amount-strip .is-due dd { color: #B91C1C; }
.invoice-amount-strip .is-paid dd { color: #166534; }
.invoice-hero-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}
.invoice-hero-actions .chip-btn { height: 32px; padding: 0 12px; }
.invoice-text-link {
	color: var(--om-muted);
	font-size: 13px;
	font-weight: 650;
	text-decoration: none;
}
.invoice-text-link:hover { color: var(--om-ink); }
.invoice-client-link {
	color: inherit;
	text-decoration: none;
}
.invoice-client-link:hover { color: var(--om-accent); }
.invoice-billto-name {
	display: block;
	margin-bottom: 4px;
	font-weight: 650;
	color: var(--om-ink);
	text-decoration: none;
}
.invoice-billto-name:hover { color: var(--om-accent); }
.invoice-inline-form { display: inline; margin: 0; }
.invoice-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px 20px;
	margin: 0 0 20px;
	padding: 14px 16px;
	border: 1px solid var(--om-line);
	border-radius: 8px;
	background: var(--om-card);
}
.invoice-fact { margin: 0; min-width: 0; }
.invoice-fact dt {
	margin: 0 0 3px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--om-muted);
}
.invoice-fact dd { margin: 0; font-size: 14px; color: var(--om-text); }
.invoice-fact a { color: var(--om-text); font-weight: 650; text-decoration: none; }
.invoice-fact a:hover { color: var(--om-accent); }
.invoice-fact-address { grid-column: span 2; }
.invoice-fact-address dd,
.invoice-fact-address a { font-weight: 400; white-space: pre-line; }
.invoice-card {
	margin: 0 0 14px;
	padding: 16px 18px 18px;
	border: 1px solid var(--om-line);
	border-radius: 8px;
	background: var(--om-card);
}
.invoice-card h2 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 650;
	color: var(--om-ink);
}
.invoice-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 12px;
}
.invoice-card-head h2 { margin: 0; }
.invoice-empty, .invoice-hint {
	margin: 0;
	color: var(--om-muted);
	font-size: 13px;
}
.invoice-empty-card { padding: 28px 18px; }
.invoice-hint { margin-top: 10px; }
.invoice-hint a { color: var(--om-accent); }
table.invoice-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
table.invoice-table th {
	background: var(--om-paper);
	color: var(--om-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid var(--om-line);
}
table.invoice-table td {
	padding: 10px 8px;
	border-bottom: 1px solid var(--om-line);
	vertical-align: top;
	font-size: 13px;
}
table.invoice-table tbody tr:last-child td { border-bottom: 0; }
table.invoice-table .invoice-num {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.invoice-detail {
	margin-top: 3px;
	color: var(--om-muted);
	font-size: 12px;
}
.invoice-totals {
	width: min(280px, 100%);
	margin: 16px 0 0 auto;
	padding-top: 12px;
	border-top: 1px solid var(--om-line);
}
.invoice-totals > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 4px 0;
}
.invoice-totals dt {
	margin: 0;
	color: var(--om-muted);
	font-size: 13px;
	font-weight: 650;
}
.invoice-totals dd {
	margin: 0;
	font-variant-numeric: tabular-nums;
	color: var(--om-ink);
}
.invoice-totals .invoice-grand {
	margin-top: 6px;
	padding-top: 8px;
	border-top: 2px solid var(--om-signal);
}
.invoice-totals .invoice-grand dt,
.invoice-totals .invoice-grand dd {
	color: var(--om-ink);
	font-size: 16px;
	font-weight: 700;
}
.invoice-totals .invoice-grand.is-due dt,
.invoice-totals .invoice-grand.is-due dd { color: #B91C1C; }
.invoice-totals .invoice-grand.is-paid dt,
.invoice-totals .invoice-grand.is-paid dd { color: #166534; }
.invoice-flag-paid {
	background: #DCFCE7;
	border-color: #86EFAC;
	color: #166534;
	font-weight: 700;
}
.invoice-flag-due {
	background: #FEE2E2;
	border-color: #F0B4B4;
	color: #991B1B;
	font-weight: 700;
}
.invoice-notes {
	margin: 0;
	white-space: pre-wrap;
	color: var(--om-text);
	font-size: 13px;
}
.invoice-survey {
	display: grid;
	grid-template-columns: 88px 1fr;
	gap: 6px 12px;
	margin: 0;
}
.invoice-survey dt { color: var(--om-muted); font-size: 12px; }
.invoice-survey dd { margin: 0; font-size: 13px; }

.invoices-home .client-hero {
	border-bottom: 1px solid var(--om-line);
}
.invoices-home .client-title {
	font-family: inherit;
	font-weight: 650;
	color: var(--om-ink);
}
.invoices-home .chip-kicker,
.invoices-home .client-hero-meta { color: var(--om-muted); }
.invoices-home .client-empty,
.invoices-home .client-summary { color: var(--om-muted); }
.invoices-home .clients-scope {
	text-decoration: none;
}
.invoices-home .invoices-table td { vertical-align: top; }
.invoices-home .invoices-table tr:hover td { background: var(--om-card-hover); }
.invoices-home table.data.client-table th {
	background: var(--om-paper);
	color: var(--om-muted);
}
.invoices-home table.data.client-table tr:nth-child(even) { background: #fff; }
.invoices-client {
	color: var(--om-ink);
	font-weight: 650;
	text-decoration: none;
}
.invoices-client:hover { color: var(--om-accent); }
.invoices-method {
	display: block;
	margin-top: 3px;
	color: var(--om-muted);
	font-size: 11px;
}
.invoices-home .clients-toolbar .chip-btn {
	height: 34px;
	align-self: flex-end;
}
.invoices-home .icon-open { color: var(--om-muted); }
.invoices-home .icon-open:hover { color: var(--om-accent); }

.user-skills { display: flex; flex-direction: column; gap: 12px; }
.user-skill-group { margin: 0; }
.user-skill-group dt {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8A6E00;
}
.user-skill-group dd { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.skill-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 9px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	color: #2C2416;
	font-size: 12px;
}
.skill-chip.is-strong {
	background: #EBBB12;
	border-color: #EBBB12;
	font-weight: 650;
}
.skill-chip em {
	font-style: normal;
	font-size: 10px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6A5A40;
}
.skill-chip.is-strong em { color: #2C2416; }
.profile-facts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 16px;
	margin: 0;
}
.profile-facts dt {
	margin: 0 0 3px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8A6E00;
}
.profile-facts dd { margin: 0; font-size: 14px; color: #1F1A12; }
.profile-cap-list {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.profile-cap-list li {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	padding: 8px 10px;
	border: 1px solid #F0E6CC;
	background: #FFFDF6;
}
.profile-cap-list li.is-on {
	border-color: #EBBB12;
	background: #FFF8DC;
}
.profile-cap-list strong { font-size: 13px; color: #1F1A12; }
.profile-cap-list span { font-size: 12px; color: #8A7A62; }
.client-contact-item.is-sms {
	padding: 6px 8px;
	border: 1px solid #EBBB12;
	background: #FFF8DC;
}
.user-profile-edit { margin-top: 14px; }
.user-profile-edit .org-form-grid { margin-top: 4px; }
.user-profile-edit .leads-field input:not([type="checkbox"]):not([type="file"]),
.user-profile-edit .leads-field select {
	height: 32px;
	font-size: 13px;
	padding: 4px 8px;
	border: 1px solid #D4C49A;
	background: #fff;
}
.profile-readonly-name {
	display: block;
	margin: 2px 0 0;
	font-size: 16px;
	color: #1F1A12;
}
.profile-sms-field { grid-column: span 2; }
.profile-sms-field input { border-color: #EBBB12; }
.user-edit-heading {
	margin: 18px 0 8px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 650;
	color: #1F1A12;
}
.user-skill-fields { display: flex; flex-direction: column; gap: 10px; margin: 0 0 12px; }
.user-skill-fields fieldset { margin: 0; padding: 0; border: 0; }
.user-skill-fields legend {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8A6E00;
}
.user-skill-fields label { margin-right: 12px; white-space: nowrap; }
.user-profile .chip-btn { display: inline-flex; }
.skill-editor { display: flex; flex-direction: column; gap: 14px; }
.skill-editor-group {
	margin: 0;
	padding: 10px 12px 12px;
	border: 1px solid #F0E6CC;
	background: #FFFDF6;
}
.skill-editor-group legend {
	padding: 0 4px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8A6E00;
}
.skill-editor-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 7px 0;
	border-bottom: 1px solid #F0E6CC;
}
.skill-editor-row:last-child { border-bottom: 0; }
.skill-editor-label { font-size: 13px; color: #1F1A12; font-weight: 650; }
.skill-editor-levels { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.skill-level-opt {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border: 1px solid #E3D6B8;
	background: #fff;
	font-size: 12px;
	color: #6A5A40;
	cursor: pointer;
}
.skill-level-opt:has(input:checked) {
	border-color: #EBBB12;
	background: #EBBB12;
	color: #2C2416;
	font-weight: 650;
}
.skill-level-opt input { margin: 0; }
.tech-pick { margin: 0 0 10px; }
.tech-pick-hint {
	margin: -4px 0 0;
	color: #8A7A62;
	font-size: 12px;
}
.dispatch-skills {
	display: block;
	margin-top: 4px;
	color: #8A7A62;
	font-size: 12px;
}
.skill-admin-row {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) 90px auto auto;
	gap: 10px;
	align-items: end;
}
.skill-admin-active {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #2C2416;
	padding-bottom: 6px;
}
.users-home .clients-toolbar .chip-btn { height: 34px; align-self: flex-end; }

/* Organization profile */
.org-logo {
	display: block;
	max-height: 48px;
	max-width: 220px;
	margin: 0 0 6px;
	object-fit: contain;
}
.org-logo-preview { margin: 8px 0 0; }
.org-switch {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}
.org-switch select {
	height: 32px;
	min-width: 200px;
	max-width: 260px;
	padding: 2px 8px;
	border: 1px solid #D4C49A;
	background: #fff;
	font-size: 13px;
}
.org-form { margin: 0 0 14px; }
.org-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 12px;
}
.org-span-2 { grid-column: span 2; }
.org-profile .leads-field input:not([type="checkbox"]):not([type="file"]),
.org-profile .leads-field select {
	height: 28px;
	font-size: 13px;
	padding: 2px 8px;
	border: 1px solid #D4C49A;
	background: #fff;
}
.staff-switch-card {
	margin: 0 0 12px;
}
.staff-switch {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 52px;
	padding: 10px 12px;
	border: 2px solid var(--om-line);
	background: var(--om-card);
	cursor: pointer;
	box-sizing: border-box;
}
.staff-switch:hover { border-color: var(--om-mist); }
.staff-switch:has(input:checked) {
	border-color: var(--om-ink);
	background: #F8FAFF;
}
.staff-switch-copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.staff-switch-copy strong {
	font-size: 13px;
	font-weight: 650;
	color: var(--om-ink);
}
.staff-switch-copy span {
	font-size: 12px;
	font-weight: 400;
	color: var(--om-muted);
	line-height: 1.35;
}
.staff-switch-control {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.staff-switch-track {
	position: relative;
	width: 44px;
	height: 24px;
	border-radius: 999px;
	background: #CBD5E1;
	border: 2px solid #94A3B8;
	box-sizing: border-box;
	transition: background .15s ease, border-color .15s ease;
}
.staff-switch-track::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(31, 26, 18, 0.28);
	transition: transform .15s ease;
}
.staff-switch-control input:checked + .staff-switch-track {
	background: var(--om-signal);
	border-color: var(--om-ink);
}
.staff-switch-control input:checked + .staff-switch-track::after {
	transform: translateX(20px);
}
.staff-switch-control input:focus-visible + .staff-switch-track {
	outline: 2px solid var(--om-signal);
	outline-offset: 2px;
}
.staff-switch-state {
	min-width: 1.8em;
	font-size: 13px;
	font-weight: 650;
	color: var(--om-muted);
}
.staff-switch-state::before { content: "No"; }
.staff-switch-control input:checked ~ .staff-switch-state {
	color: var(--om-ink);
}
.staff-switch-control input:checked ~ .staff-switch-state::before { content: "Yes"; }
.org-side {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}
.org-flags {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 12px 0 0;
}
.org-flags label {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #2C2416;
	font-size: 13px;
}
.membership-secondaries { margin-top: 4px; }
.membership-secondaries > span:first-child {
	display: block;
	margin: 0 0 6px;
	font-weight: 650;
}
.membership-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0 0 8px;
	padding: 0;
}
.membership-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 8px;
	border: 1px solid #D4C49A;
	background: #fff;
	font-size: 13px;
	color: #2C2416;
}
.membership-chip-remove {
	border: 0;
	background: transparent;
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
	color: #6B5E4A;
	padding: 0;
}
.membership-add select {
	height: 28px;
	font-size: 13px;
	padding: 2px 8px;
	border: 1px solid #D4C49A;
	background: #fff;
}
.org-logo-missing {
	margin: 8px 0 0;
	padding: 8px 10px;
	border: 1px dashed #E3D6B8;
	background: #FFF8DC;
	color: #6B5E4A;
	font-size: 12px;
}
.org-save-row { margin: 16px 0 0; }
.org-techs-grid { margin-top: 0; }
.org-tech-add {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 12px 0 0;
}
.org-tech-add select {
	height: 32px;
	padding: 2px 8px;
	border: 1px solid #D4C49A;
	background: #fff;
	font-size: 13px;
}
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 860px) {
	.lead-detail-grid { grid-template-columns: 1fr; }
	.leads-thead { display: none; }
	.leads-row { grid-template-columns: 1fr; }
	.lead-add-grid { grid-template-columns: 1fr; }
	.client-hero { flex-direction: column; align-items: stretch; }
	.client-hero-actions { justify-content: flex-start; max-width: none; }
	.client-grid { grid-template-columns: 1fr; }
	.client-contact-address { grid-column: auto; }
	.client-title { font-size: 26px; }
	.invoice-hero { flex-direction: column; align-items: stretch; }
	.invoice-hero-side { align-items: flex-start; }
	.invoice-hero-actions { justify-content: flex-start; }
	.invoice-amount-strip { justify-content: flex-start; }
	.invoice-amount-strip > div { text-align: left; }
	.invoice-fact-address { grid-column: auto; }
	.invoice-title { font-size: 24px; }
	.invoice-lines-card { grid-column: auto; }
	.invoice-totals { margin-left: 0; }
	.org-form-grid { grid-template-columns: 1fr; }
	.org-span-2 { grid-column: auto; }
	.profile-facts { grid-template-columns: 1fr; }
	.profile-sms-field { grid-column: auto; }
	.skill-editor-row { flex-direction: column; align-items: flex-start; }
	.skill-admin-row { grid-template-columns: 1fr; }
	.org-switch select { max-width: none; width: 100%; }
}

@media print {
	#nav_bar, #message_bar, .noprint, .subnavcol, #who-mail,
	.om-chrome, .om-topbar, .om-footer, .om-nav-toggle, .om-nav-backdrop, .om-flash { display: none !important; }
	body, body.om-app { background: #fff; }
	.om-shell, .om-main { display: block; }
	.om-content { max-width: none; padding: 0; }
	.invoice-card { break-inside: avoid; }
	.invoice-totals .invoice-grand { border-top-color: #333; }
}

.stripe-setup { display: inline-block; max-width: 16rem; }
.portal-app .om-nav { gap: 4px; }
.portal-login { max-width: 360px; margin: 24px auto; }
.portal-login .leads-field { display: block; margin: 0 0 12px; }

/* Staff Portal hub */
.hub-stat-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 0 0 12px;
}
.hub-stat {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px 18px 18px;
	border: 1px solid #E8DCC0;
	border-radius: 8px;
	background: #fff;
	color: inherit;
	text-decoration: none;
	min-width: 0;
}
.hub-stat:hover { border-color: var(--om-gold); }
.hub-stat.is-warn { box-shadow: inset 3px 0 0 #C45A12; }
.hub-stat-kicker {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8A6E00;
}
.hub-stat strong {
	font-size: 26px;
	font-weight: bold;
	color: #1F1A12;
	letter-spacing: -0.02em;
}
.hub-stat-meta { font-size: 13px; color: #5A4A36; }
.hub-upcoming { list-style: none; margin: 0; padding: 0; }
.hub-upcoming li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 8px 0;
	border-bottom: 1px solid #F0E6D0;
}
.hub-upcoming li:last-child { border-bottom: 0; }
.hub-upcoming-when { font-size: 12px; color: #8A7A62; }
.hub-cal-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 16px;
	align-items: start;
}
.hub-cal-weekdays,
.hub-cal {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
}
.hub-cal-weekdays {
	gap: 1px;
	margin: 0 0 4px;
}
.hub-cal-weekdays span {
	padding: 6px 4px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #8A6E00;
	text-align: center;
}
.hub-cal {
	gap: 1px;
	background: #E3D6B8;
	border: 1px solid #E3D6B8;
	border-radius: 8px;
	overflow: hidden;
}
.hub-cal-day {
	min-height: 96px;
	padding: 6px 7px 8px;
	background: #fff;
}
.hub-cal-day.is-muted { background: #F7F1E4; color: #8A7A62; }
.hub-cal-day.is-today { box-shadow: inset 0 0 0 2px #EBBB12; }
.hub-cal-day-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 4px;
}
.hub-cal-num { font-size: 12px; font-weight: bold; }
.hub-cal-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #EBBB12;
	box-shadow: 0 0 0 1px rgba(138, 110, 0, 0.25);
}
.hub-cal-event {
	position: relative;
	margin: 0 0 4px;
	padding: 3px 16px 3px 6px;
	border-radius: 4px;
	background: #FFF8DC;
	font-size: 11px;
	line-height: 1.3;
	color: #2C2416;
}
.hub-cal-event-time { display: block; color: #8A6E00; font-weight: bold; }
.hub-cal-del { position: absolute; top: 0; right: 0; margin: 0; }
.hub-cal-del-btn {
	border: 0;
	background: transparent;
	color: #8A7A62;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
	padding: 2px 4px;
}
.hub-cal-del-btn:hover { color: #990000; }
.hub-cal-empty { margin: 12px 0 0; }
.hub-cal-form .leads-field { display: block; margin: 0 0 10px; }
.hub-cal-times { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hub-cal-aside h2 { margin-bottom: 10px; }
.hub-cal-ms-banner { margin: 0 0 16px; }
.hub-cal-ms h2 { margin: 0 0 8px; }
.hub-cal-ms p { margin: 0 0 10px; font-size: 13px; line-height: 1.4; }
.hub-cal-ms-form { margin: 0; }
.hub-cal-ms-banner .hub-cal-ms { margin: 0; padding: 0; border: 0; }
.hub-cal-event.is-m365 {
	background: #E8EEF7;
	box-shadow: inset 3px 0 0 #2B579A;
	padding-left: 8px;
}
.hub-cal-event.is-m365 .hub-cal-event-time { color: #2B579A; }

.commissions-home .clients-scope { text-decoration: none; }
.commissions-home .clients-toolbar .chip-btn {
	height: 34px;
	align-self: flex-end;
}
.commissions-home .commissions-table td { vertical-align: top; }
.commissions-home .commissions-table tr:hover td { background: #FFF8DC; }
.commissions-home .commissions-table tr.commission-lines:hover td { background: transparent; }
.commissions-home .commissions-table th.invoice-num,
.commissions-home .commissions-table td.invoice-num {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.commission-inline-form { display: inline-flex; margin: 0; }
.commission-lines td { color: #6B5E4A; font-size: 12px; background: #FFFDF6; }
.commission-line-list {
	margin: 8px 0 4px;
	padding: 0 0 0 18px;
	line-height: 1.55;
}
.commission-type {
	display: inline-block;
	margin: 0 4px;
	padding: 0 6px;
	border: 1px solid #E3D6B8;
	background: #fff;
	font-size: 11px;
	color: #8A6E00;
}
.commission-panel {
	margin: 28px 0 0;
	padding: 18px 0 0;
	border-top: 1px solid #E8DCC0;
}
.commission-panel h2 {
	margin: 0 0 6px;
	font-family: inherit;
	font-size: 22px;
	font-weight: 650;
	color: #1F1A12;
}
.commission-candidates {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commission-candidates li { margin: 0 0 8px; }
.commission-candidates label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 12px;
}
.commission-candidates input[type=number] {
	width: 72px;
	height: 28px;
}
.commission-partner {
	color: #8A6E00;
	font-size: 11px;
}
.commission-rates {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px;
	max-width: none;
}
.commission-detail {
	margin: 0 0 22px;
	padding: 0 0 18px;
	border-bottom: 1px solid #E8DCC0;
}
.commission-detail h2 {
	margin: 0;
	font-family: inherit;
	font-size: 22px;
	font-weight: 650;
}
.commission-detail-nav {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 12px 0 0;
}
.commission-detail-nav a { color: #8A6E00; }

@media (max-width: 900px) {
	.hub-stat-grid,
	.hub-cal-layout { grid-template-columns: 1fr; }
	.hub-cal-day { min-height: 72px; }
}

/* Manage techbiz — same warm paper/ink as the rest of the app. */
.techbiz-home,
#techbiz-modal {
	--om-muted: #6B5E4A;
	--om-line: #E3D6B8;
	--cv-field: #FFFDF6;
	--cv-field-line: #6B5E4A;
}
.techbiz-home .client-hero {
	align-items: flex-start;
	border-bottom: 2px solid var(--om-line);
}
.techbiz-home .chip-kicker {
	color: var(--om-muted);
	font-weight: 700;
}
.techbiz-home .client-title {
	font-family: inherit;
	font-weight: 650;
	color: var(--om-ink);
	letter-spacing: -0.03em;
}
.techbiz-home .client-hero-meta { color: var(--om-muted); }
.techbiz-home .chip-btn-ghost {
	background: var(--cv-field);
	color: var(--om-ink);
	border: 2px solid var(--om-ink);
	font-weight: 700;
}
.techbiz-home .chip-btn-ghost:hover,
#techbiz-modal .chip-btn-ghost:hover {
	background: var(--om-card-hover);
	color: var(--om-ink);
	border-color: var(--om-ink);
}
.techbiz-home .clients-scope {
	border: 2px solid var(--om-line);
	background: #fff;
	color: var(--om-ink);
	border-radius: 999px;
}
.techbiz-home .clients-scope:hover { background: var(--om-card-hover); }
.techbiz-home .clients-scope.is-active {
	background: var(--om-ink);
	border-color: var(--om-ink);
	color: #fff;
	font-weight: 700;
}
.techbiz-home .clients-scope-count {
	border-color: var(--om-line);
	background: #fff;
	color: var(--om-ink);
	border-radius: 999px;
}
.techbiz-home .clients-scope.is-active .clients-scope-count {
	border-color: rgba(255, 255, 255, 0.35);
	background: #fff;
	color: var(--om-ink);
}
.techbiz-home .clients-toolbar {
	border: 2px solid var(--om-line);
	background: #fff;
	border-radius: 10px;
}
.techbiz-home .chip-search-label {
	color: var(--om-muted);
	font-weight: 700;
}
.techbiz-home .clients-search input {
	font-family: inherit;
	height: 36px;
	border: 2px solid var(--cv-field-line);
	border-radius: 6px;
	background: var(--cv-field);
	color: var(--om-ink);
}
.techbiz-home .client-empty,
.techbiz-empty {
	margin: 0;
	padding: 28px 16px;
	text-align: center;
	color: var(--om-muted);
	border: 2px dashed var(--om-line);
	background: #fff;
	border-radius: 10px;
}
.techbiz-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.techbiz-card {
	display: grid;
	grid-template-columns: 52px minmax(0, 1.5fr) minmax(0, 1.2fr) auto auto;
	gap: 12px 20px;
	align-items: center;
	padding: 14px 16px;
	background: #fff;
	border: 2px solid var(--om-line);
	border-radius: 10px;
	cursor: pointer;
}
.techbiz-card:hover {
	border-color: var(--om-ink);
	background: var(--om-card-hover);
}
.techbiz-card.is-parent {
	background: #F6E7B2;
	border-color: #C9A227;
	box-shadow: inset 4px 0 0 #C9A227;
}
.techbiz-card.is-parent:hover {
	background: #F3DE9A;
	border-color: #B8860B;
}
.techbiz-card-logo {
	width: 52px;
	height: 52px;
	border-radius: 8px;
	border: 2px solid var(--om-line);
	background: #fff;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.techbiz-card-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.techbiz-card.is-parent .techbiz-card-logo {
	border-color: #8A6E00;
}
.techbiz-card-main { min-width: 0; }
.techbiz-name {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 16px;
	font-weight: 650;
	color: var(--om-ink);
	cursor: pointer;
	text-align: left;
}
.techbiz-name:hover { color: var(--om-accent); }
.techbiz-card-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 8px 0 0;
}
.techbiz-parent-flag {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border: 2px solid #8A6E00;
	border-radius: 999px;
	background: #EBBB12;
	color: #1F1A12;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.techbiz-sub {
	display: block;
	margin-top: 6px;
	color: var(--om-muted);
	font-size: 12px;
}
.techbiz-card-contact {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	font-size: 13px;
	color: var(--om-ink);
}
.techbiz-card-contact a { color: var(--om-ink); font-weight: 650; text-decoration: none; }
.techbiz-card-contact a:hover { color: var(--om-accent); }
.techbiz-muted { color: var(--om-muted); }
.techbiz-card-stats {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 12px;
	font-weight: 650;
	color: var(--om-muted);
	white-space: nowrap;
}
.techbiz-home .profile-flag {
	border: 2px solid var(--om-line);
	background: #fff;
	color: var(--om-muted);
	border-radius: 999px;
	font-weight: 700;
}
.techbiz-home .profile-flag.is-on {
	background: #ECFDF3;
	border-color: #BBF7D0;
	color: #166534;
}
.techbiz-home .chip-btn-ghost {
	background: var(--cv-field);
	color: var(--om-ink);
	border: 2px solid var(--om-ink);
	font-weight: 700;
}
.techbiz-card.is-parent .chip-btn-ghost {
	background: #FFF8DC;
	border-color: #8A6E00;
}
#techbiz-modal .om-modal-dialog {
	width: min(760px, 100%);
	background: var(--om-paper);
	border: 2px solid var(--om-line);
	border-radius: 10px;
	box-shadow: 0 16px 40px rgba(31, 26, 18, 0.22);
}
#techbiz-modal .om-modal-head {
	border-bottom-color: var(--om-line);
}
#techbiz-modal .om-modal-head h2 {
	font-family: inherit;
	font-weight: 650;
	color: var(--om-ink);
}
#techbiz-modal .om-modal-close {
	border: 2px solid var(--om-line);
	background: #fff;
	color: var(--om-ink);
	border-radius: 6px;
}
#techbiz-modal .leads-field { color: var(--om-ink); font-weight: 650; }
#techbiz-modal .leads-field input,
#techbiz-modal .leads-field select {
	height: 36px;
	border: 2px solid var(--cv-field-line);
	border-radius: 6px;
	background: var(--cv-field);
	color: var(--om-ink);
	font-size: 14px;
	padding: 0 10px;
}
.techbiz-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 12px;
}
.techbiz-span-2 { grid-column: span 2; }
#techbiz-modal input[type="file"] {
	height: auto;
	padding: 6px 8px;
}
#techbiz-modal #techbiz-logo-help {
	margin: 0 0 10px;
}
#techbiz-modal .techbiz-logo-preview {
	margin: 0 0 12px;
}
#techbiz-modal .org-logo-missing {
	border-color: var(--om-line);
	background: #FEF2F2;
	color: #991B1B;
}
#techbiz-modal .chip-btn-ghost {
	background: #fff;
	color: var(--om-ink);
	border: 2px solid var(--om-ink);
}
.techbiz-techs {
	padding: 0 16px 18px;
	border-top: 2px solid var(--om-line);
}
.techbiz-techs h3 {
	margin: 14px 0 8px;
	font-size: 15px;
	font-weight: 650;
	color: var(--om-ink);
}
.techbiz-techs .client-hint {
	margin: 0 0 12px;
}
.techbiz-staff-group {
	margin: 0 0 12px;
}
.techbiz-staff-group h4 {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 650;
	color: var(--om-ink);
}
.techbiz-staff-group h4 span {
	font-weight: 500;
	color: var(--om-muted);
}
.techbiz-staff-group ul {
	margin: 0;
	padding: 0 0 0 18px;
}
.techbiz-staff-group li {
	display: flex;
	align-items: center;
	gap: 8px;
}
.techbiz-staff-group li.is-inactive,
.techbiz-staff-group li.is-inactive a {
	color: var(--om-muted);
}
#techbiz-modal .om-modal-backdrop {
	background: rgba(31, 26, 18, 0.55);
}
.pac-container { z-index: 10000; }
@media (max-width: 700px) {
	.techbiz-form-grid { grid-template-columns: 1fr; }
	.techbiz-span-2 { grid-column: auto; }
	.techbiz-card {
		grid-template-columns: 52px 1fr auto;
	}
		.techbiz-card-contact,
	.techbiz-card-stats { grid-column: 1 / -1; }
}

/* Referrals — same warm paper/ink as the rest of the app. */
.referrals-home {
	--om-muted: #6B5E4A;
	--om-line: #E3D6B8;
	--cv-field: #FFFDF6;
	--cv-field-line: #6B5E4A;
	max-width: 1080px;
	margin: 0 auto;
}
.referrals-home .client-hero {
	align-items: flex-start;
	border-bottom: 2px solid var(--om-line);
}
.referrals-home .chip-kicker {
	color: var(--om-muted);
	font-weight: 700;
}
.referrals-home .client-title {
	font-family: inherit;
	font-weight: 650;
	color: var(--om-ink);
	letter-spacing: -0.03em;
}
.referrals-home .client-hero-meta {
	max-width: 42em;
	color: var(--om-muted);
	line-height: 1.45;
}
.referrals-home .chip-btn-ghost {
	background: var(--cv-field);
	color: var(--om-ink);
	border: 2px solid var(--om-ink);
	font-weight: 700;
}
.referrals-home .chip-btn-ghost:hover {
	background: var(--om-card-hover);
	color: var(--om-ink);
	border-color: var(--om-ink);
}
.ref-stat-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 20px;
}
.ref-stat {
	padding: 16px 16px 18px;
	background: #fff;
	border: 2px solid var(--om-line);
	border-radius: 10px;
	min-width: 0;
}
.ref-stat-parent { box-shadow: inset 4px 0 0 var(--om-ink-deep); }
.ref-stat-referrer { box-shadow: inset 4px 0 0 #8A6E00; }
.ref-stat-passoff { box-shadow: inset 4px 0 0 #C2410C; }
.ref-stat-worker { box-shadow: inset 4px 0 0 #15803D; }
.ref-stat-grid.ref-stat-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
a.ref-stat {
	color: inherit;
	text-decoration: none;
}
a.ref-stat:hover {
	border-color: var(--om-ink);
	background: var(--om-card-hover);
}
a.ref-stat.is-current {
	border-color: var(--om-ink);
}
.ref-stat-banked { box-shadow: inset 4px 0 0 #8A6E00; }
.ref-stat-paid { box-shadow: inset 4px 0 0 #15803D; }
.ref-stat-expired { box-shadow: inset 4px 0 0 var(--om-muted); }
.ref-section-title {
	margin: 8px 0 6px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--om-ink);
}
.ref-payee-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}
.ref-payee-amt {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	color: var(--om-ink);
	white-space: nowrap;
}
.ref-pay-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
	margin: 14px 0 0;
	padding-top: 14px;
	border-top: 2px solid var(--om-line);
}
.ref-pay-form label {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
.ref-pay-form label span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--om-muted);
}
.ref-pay-form input[type="date"],
.ref-pay-form input[type="number"] {
	height: 36px;
	padding: 0 10px;
	border: 2px solid var(--cv-field-line);
	border-radius: 6px;
	background: #fff;
	color: var(--om-ink);
	font: inherit;
	font-variant-numeric: tabular-nums;
}
.ref-pay-form input[type="number"] { width: 8.5rem; }
.ref-pay-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 0;
	padding-top: 14px;
	border-top: 2px solid var(--om-line);
}
.referrals-home .badge.expired {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border: 2px solid var(--om-line);
	border-radius: 999px;
	font-size: 11px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--om-muted);
	background: var(--om-paper);
}
.ref-stat-kicker {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--om-muted);
}
.ref-stat-value {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	color: var(--om-ink);
	line-height: 1.1;
}
.ref-stat-meta {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.35;
	color: var(--om-muted);
}
.referrals-home .clients-scope {
	text-decoration: none;
	border: 2px solid var(--om-line);
	background: #fff;
	color: var(--om-ink);
	border-radius: 999px;
}
.referrals-home .clients-scope:hover { background: var(--om-card-hover); }
.referrals-home .clients-scope.is-active {
	background: var(--om-ink);
	border-color: var(--om-ink);
	color: #fff;
	font-weight: 700;
}
.referrals-home .clients-toolbar {
	border: 2px solid var(--om-line);
	background: #fff;
	border-radius: 10px;
}
.referrals-home .chip-search-label,
.referrals-home .leads-filter span {
	color: var(--om-muted);
	font-weight: 700;
}
.referrals-home .clients-search input,
.referrals-home .leads-filter select,
.referrals-home .leads-filter input {
	font-family: inherit;
	height: 36px;
	border: 2px solid var(--cv-field-line);
	border-radius: 6px;
	background: var(--cv-field);
	color: var(--om-ink);
}
.referrals-home .client-empty {
	margin: 0;
	padding: 36px 16px;
	text-align: center;
	color: var(--om-muted);
	border: 2px dashed var(--om-line);
	background: #fff;
	border-radius: 10px;
}
.referrals-home .client-summary {
	margin: 4px 0 12px;
	color: var(--om-muted);
	font-size: 13px;
	font-weight: 650;
}
.ref-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.ref-row {
	display: block;
	padding: 16px 18px 18px;
	background: #fff;
	border: 2px solid var(--om-line);
	border-radius: 10px;
	color: inherit;
	text-decoration: none;
}
a.ref-row:hover {
	border-color: var(--om-ink);
	background: var(--om-card-hover);
}
.ref-row-main { min-width: 0; }
.ref-row-kicker {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 700;
}
.ref-row-kicker a { color: var(--om-ink); text-decoration: none; }
.ref-row-kicker a:hover { color: var(--om-accent); }
.ref-row-date { color: var(--om-muted); font-weight: 650; }
.ref-row-main strong {
	display: block;
	font-size: 17px;
	font-weight: 650;
	color: var(--om-ink);
}
.ref-row-meta {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.4;
	color: var(--om-muted);
}
.referrals-home .badge.paid,
.referrals-home .badge.unpaid {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border: 2px solid currentColor;
	border-radius: 999px;
	font-size: 11px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
.referrals-home .badge.paid { color: #166534; background: #DCFCE7; border-color: #166534; }
.referrals-home .badge.unpaid { color: #9F1239; background: #FFE4E6; border-color: #9F1239; }
.ref-bar {
	display: flex;
	height: 8px;
	margin: 14px 0 12px;
	overflow: hidden;
	border-radius: 999px;
	background: var(--om-paper);
}
.ref-bar-parent { background: var(--om-ink-deep); }
.ref-bar-referrer { background: #8A6E00; }
.ref-bar-passoff { background: #C2410C; }
.ref-bar-worker { background: #15803D; }
.ref-row-money {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px 16px;
	margin: 0;
}
.ref-row-money dt {
	margin: 0 0 2px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--om-muted);
}
.ref-row-money dd {
	margin: 0;
	font-size: 16px;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	color: var(--om-ink);
}
.ref-order {
	margin: 0 0 20px;
	padding: 16px 18px 16px 36px;
	background: #fff;
	border: 2px solid var(--om-line);
	border-radius: 10px;
	color: var(--om-ink);
	line-height: 1.5;
}
.ref-order li { margin: 0 0 8px; }
.ref-order li:last-child { margin: 0; }
.ref-rate-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 16px;
}
.ref-rate {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 18px 20px;
	background: #fff;
	border: 2px solid var(--om-line);
	border-radius: 10px;
	min-width: 0;
}
.ref-rate-kicker {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--om-muted);
}
.ref-rate-name {
	font-size: 18px;
	font-weight: 650;
	color: var(--om-ink);
}
.ref-rate-help {
	font-size: 13px;
	line-height: 1.4;
	color: var(--om-muted);
}
.ref-rate-field {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	font-size: 18px;
	font-weight: 700;
	color: var(--om-ink);
}
.ref-rate-field input {
	width: 100%;
	height: 44px;
	padding: 0 12px;
	border: 2px solid var(--cv-field-line);
	border-radius: 8px;
	background: #fff;
	color: var(--om-ink);
	font: inherit;
	font-size: 22px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.ref-settings-note,
.ref-settings-actions { margin: 0 0 12px; color: var(--om-muted); }
.referrals-home .invoices-client { color: var(--om-ink); }
.referrals-home .invoices-client:hover { color: var(--om-accent); }
@media (max-width: 960px) {
	.ref-stat-grid,
	.ref-rate-grid,
	.ref-row-money { grid-template-columns: 1fr 1fr; }
	.ref-stat-grid.ref-stat-3 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.ref-stat-grid,
	.ref-rate-grid,
	.ref-row-money { grid-template-columns: 1fr; }
	.ref-payee-top { flex-direction: column; gap: 8px; }
	.ref-pay-form input[type="number"] { width: 100%; }
}

.activity-home { max-width: 1100px; }
.activity-home .client-hero { margin-bottom: 16px; }
.activity-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px 12px;
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	border-radius: 8px;
}
.activity-filter {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 12px;
	color: #8A7A62;
	min-width: 140px;
}
.activity-filter input,
.activity-filter select {
	height: 36px;
	padding: 0 8px;
	border: 1px solid #D4C6A8;
	border-radius: 6px;
	background: #fff;
	color: #2C2416;
	font: inherit;
	font-size: 13px;
}
.activity-filter-search { flex: 1; min-width: 180px; }
.activity-filter-actions { display: flex; gap: 8px; align-items: center; }
.activity-table td { vertical-align: top; }
.activity-when { white-space: nowrap; color: #5A4A36; font-variant-numeric: tabular-nums; }
.activity-user-meta { color: #8A7A62; font-size: 12px; }
.activity-action {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 999px;
	background: #F3EAD6;
	color: #5A4A36;
	font-size: 12px;
	font-weight: 650;
}
.activity-summary { font-weight: 650; color: #2C2416; }
.activity-entity { margin-top: 2px; color: #8A7A62; font-size: 12px; }
.activity-extra { margin-top: 6px; font-size: 12px; color: #5A4A36; }
.activity-extra summary { cursor: pointer; color: #8A6E00; font-weight: 650; }
.activity-pre {
	margin: 6px 0 0;
	padding: 8px 10px;
	background: #FFF8EA;
	border: 1px solid #E3D6B8;
	border-radius: 6px;
	white-space: pre-wrap;
	word-break: break-word;
	font: inherit;
	font-size: 12px;
	color: #2C2416;
}
.activity-error { margin-top: 6px; color: #991B1B; }
.activity-page { margin-top: 4px; color: #8A7A62; font-size: 12px; word-break: break-all; }
@media (max-width: 720px) {
	.activity-filter { min-width: calc(50% - 8px); }
	.activity-filter-search { min-width: 100%; }
}

.om-timeclock {
	position: fixed;
	z-index: 90;
	right: 16px;
	bottom: 20px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 8px 6px 10px;
	background: #FFFDF6;
	border: 1px solid #E3D6B8;
	box-shadow: 0 8px 22px rgba(44, 36, 22, 0.18);
	min-width: 168px;
	pointer-events: auto;
	isolation: isolate;
}
.om-has-timeclock .om-content {
	padding-bottom: 88px;
}
body.om-bleed.om-has-timeclock .om-content {
	padding-bottom: 72px;
}
.om-timeclock-drag {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: move;
	user-select: none;
	flex: 1;
	min-width: 0;
}
.om-timeclock-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #B8A888;
	flex-shrink: 0;
}
.om-timeclock-dot.is-in {
	background: #2F7D4A;
	box-shadow: 0 0 0 3px rgba(47, 125, 74, 0.18);
}
.om-timeclock-copy {
	font-size: 13px;
	font-weight: 650;
	color: #2C2416;
	white-space: nowrap;
}
.om-timeclock-btn {
	border: 1px solid #2C2416;
	background: #C45C26;
	color: #fff;
	font: inherit;
	font-size: 12px;
	font-weight: 650;
	padding: 5px 10px;
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
}
.om-timeclock-btn:hover { filter: brightness(1.05); }
.om-timeclock-btn:disabled {
	opacity: 0.55;
	cursor: wait;
}
.om-timeclock.is-busy .om-timeclock-btn { pointer-events: none; }
.timeclock-shift {
	margin: 0 0 16px;
	padding: 8px 10px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	border-radius: 8px;
}
.timeclock-shift-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 2px 0;
	border: 0;
	background: transparent;
	font: inherit;
	color: #2C2416;
	cursor: pointer;
	text-align: left;
}
.timeclock-shift-kicker {
	font-size: 14px;
	font-weight: 700;
}
.timeclock-shift-compact {
	flex: 1;
	min-width: 0;
	font-size: 13px;
	font-weight: 650;
	color: #5A4A36;
}
.timeclock-shift-compact::before {
	content: "· ";
	color: #B8A888;
}
.timeclock-shift-chevron {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #8A7A62;
	flex-shrink: 0;
	transition: transform 0.15s ease;
}
.timeclock-shift.is-collapsed .timeclock-shift-chevron {
	transform: rotate(-90deg);
}
.timeclock-shift-body {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #E3D6B8;
}
.timeclock-shift.is-collapsed .timeclock-shift-body,
.timeclock-shift-body[hidden] {
	display: none !important;
}
.timeclock-shift-head h3 {
	margin: 0 0 4px;
	font-size: 15px;
	color: #2C2416;
}
.timeclock-shift-status {
	margin: 0;
	font-size: 13px;
	color: #5A4A36;
}
.timeclock-shift-counts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	font-weight: 650;
	color: #2C2416;
}
.timeclock-shift-list {
	margin: 10px 0 0;
	padding: 0 0 0 18px;
	color: #2C2416;
	font-size: 13px;
}
.timeclock-shift-list li { margin: 4px 0; }
.timeclock-shift-when {
	display: block;
	font-size: 12px;
	color: #8A7A62;
}
.timeclock-edit { margin: 0 0 16px; }
.timeclock-form .org-form-grid { margin-top: 8px; }
.timeclock-tabs { margin: 0 0 16px; }
.timeclock-week-banner {
	margin: 0 0 16px;
	padding: 10px 14px;
	border: 1px solid #C4A35A;
	background: #FFF8EA;
	border-radius: 8px;
	color: #2C2416;
	font-size: 14px;
}
.timeclock-rates { margin-bottom: 16px; }
.timeclock-rate-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 8px;
}
.timeclock-rate {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 10px 12px;
	border: 1px solid #E3D6B8;
	border-radius: 8px;
	background: #fff;
}
.timeclock-rate-name { font-weight: 650; color: #2C2416; }
.timeclock-rate-field {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #8A7A62;
	font-size: 13px;
}
.timeclock-rate-field input {
	height: 36px;
	width: 100%;
	max-width: 120px;
	padding: 0 8px;
	border: 1px solid #D4C6A8;
	border-radius: 6px;
	background: #fff;
	color: #2C2416;
	font: inherit;
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}
.timeclock-rate-actions { margin: 12px 0 0; }
.timeclock-open-note {
	margin: 0 0 12px;
	padding: 8px 12px;
	border: 1px solid #F0B4B4;
	background: #FEE2E2;
	border-radius: 8px;
	color: #991B1B;
	font-size: 13px;
	font-weight: 650;
}
.timeclock-pay-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
	margin: 0 0 12px;
}
.timeclock-pay-note {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 12px;
	color: #8A7A62;
	min-width: 220px;
	flex: 1;
}
.timeclock-pay-note input {
	height: 36px;
	padding: 0 8px;
	border: 1px solid #D4C6A8;
	border-radius: 6px;
	background: #fff;
	color: #2C2416;
	font: inherit;
	font-size: 13px;
}
.timeclock-week-scroll { overflow-x: auto; }
.timeclock-week-table .timeclock-check { width: 36px; text-align: center; }
.timeclock-week-table .timeclock-day,
.timeclock-week-table .timeclock-hours {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.timeclock-hours.is-empty { color: #C4B8A0; }
.timeclock-hours-total { font-weight: 700; }
.timeclock-cost { font-variant-numeric: tabular-nums; white-space: nowrap; }
.timeclock-week-foot th,
.timeclock-week-foot td { border-top: 2px solid #E3D6B8; }
.timeclock-home .badge {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 999px;
	border: 1px solid transparent;
	font-size: 12px;
	font-weight: 650;
}
.timeclock-home .badge.paid { color: #166534; background: #DCFCE7; border-color: #166534; }
.timeclock-home .badge.unpaid { color: #9F1239; background: #FFE4E6; border-color: #9F1239; }
.timeclock-week-table tr.is-paid { opacity: 0.82; }
.timeclock-week-table tr.is-open { background: #FFF8EA; }
.timeclock-batches { margin-top: 24px; }
.user-profile-edit .timeclock-rate-field { margin-top: 4px; }
@media (max-width: 900px) {
	.timeclock-rate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	.om-timeclock {
		left: 8px !important;
		right: 8px !important;
		bottom: max(8px, env(safe-area-inset-bottom, 0px));
		top: auto !important;
		width: auto;
		z-index: 90;
	}
	.om-timeclock-drag { cursor: default; }
	.om-has-timeclock .om-content {
		padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
	}
	body.om-bleed.om-has-timeclock .om-content {
		padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
	}
	.timeclock-rate-grid { grid-template-columns: 1fr; }
}

.om-followup-next {
	position: fixed;
	z-index: 81;
	right: 16px;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	min-width: 168px;
	pointer-events: none;
}
.om-has-timeclock .om-followup-next {
	bottom: 84px;
}
.om-followup-next-btn {
	pointer-events: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	padding: 14px 22px;
	background: #C45C26;
	color: #fff;
	border: 1px solid #2C2416;
	box-shadow: 0 8px 22px rgba(44, 36, 22, 0.18);
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	font: inherit;
	width: 100%;
}
.om-followup-next-ask {
	pointer-events: auto;
	margin-top: 8px;
	padding: 12px 12px 14px;
	background: #FFFDF6;
	border: 1px solid #2C2416;
	box-shadow: 0 8px 22px rgba(44, 36, 22, 0.18);
	width: min(280px, calc(100vw - 24px));
	align-self: flex-end;
}
.om-followup-next-ask[hidden] { display: none !important; }
.om-followup-next-ask-copy {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 650;
	color: #2C2416;
	line-height: 1.35;
}
.om-followup-next-ask .leads-field { margin: 0 0 8px; }
.om-followup-next-ask .lead-hint { margin: 0 0 10px; font-size: 12px; }
.om-followup-next-btn:hover { filter: brightness(1.05); }
.om-followup-next-label {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.1;
}
.om-followup-next-sub {
	font-size: 11px;
	font-weight: 650;
	letter-spacing: 0.02em;
	opacity: 0.92;
}
.om-followup-next-btn.is-end {
	background: #8A7A62;
}
.om-followup-next-btn.is-end .om-followup-next-label {
	font-size: 14px;
	letter-spacing: 0.04em;
}
@media (max-width: 720px) {
	.om-followup-next {
		left: 8px;
		right: 8px;
		bottom: 8px;
		min-width: 0;
	}
	.om-has-timeclock .om-followup-next {
		bottom: calc(68px + env(safe-area-inset-bottom, 0px));
	}
	.lead-layout-control { display: none; }
}

/* Sales floor */
.leads-floor { max-width: 1180px; }
.leads-floor-board {
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	gap: 20px 24px;
	align-items: start;
}
.leads-floor-people {
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	padding: 10px 10px 12px;
}
.leads-floor-people-title {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #5A4A36;
}
.leads-floor-person {
	border-bottom: 1px solid #E3D6B8;
}
.leads-floor-person:last-child { border-bottom: 0; }
.leads-floor-person > summary {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 8px;
	padding: 8px 4px;
	cursor: pointer;
}
.leads-floor-person > summary::-webkit-details-marker { display: none; }
.leads-floor-person > summary::after {
	content: '▾';
	margin-left: auto;
	color: #8A7A62;
	font-size: 11px;
}
.leads-floor-person[open] > summary::after { content: '▴'; }
.leads-floor-person > summary:hover { background: #FFF8DC; }
.leads-floor-person-name {
	font-weight: 700;
	color: #2C2416;
}
.leads-floor-person-on {
	font-size: 12px;
	color: #5A4A36;
}
.leads-floor-person-on a {
	color: #2C2416;
	font-weight: 650;
	text-decoration: none;
}
.leads-floor-person-on a:hover { text-decoration: underline; }
.leads-floor-person-stats {
	padding: 0 4px 10px 8px;
	font-size: 13px;
	color: #5A4A36;
}
.leads-floor-person-stats p {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #8A7A62;
}
.leads-floor-person-stats ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.leads-floor-person-stats li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 2px 0;
	font-variant-numeric: tabular-nums;
}
.leads-floor-person-stats li strong { color: #2C2416; }
.leads-floor-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin: 0 0 14px;
	color: #5A4A36;
	font-size: 13px;
}
.leads-floor-live {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: #2C2416;
}
.leads-floor-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #2F9E44;
	box-shadow: 0 0 0 4px rgba(47, 158, 68, 0.18);
	display: inline-block;
}
.leads-floor-dot.is-err {
	background: #991B1B;
	box-shadow: 0 0 0 4px rgba(153, 27, 27, 0.16);
}
.leads-floor-now {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
}
.leads-floor-chip {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 10px;
	padding: 7px 11px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	font-size: 13px;
	color: #5A4A36;
}
.leads-floor-chip strong { color: #2C2416; }
.leads-floor-chip a {
	color: #2C2416;
	font-weight: 650;
	text-decoration: none;
}
.leads-floor-chip a:hover { text-decoration: underline; }
.leads-floor-clock {
	display: inline-block;
	font-size: 12px;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	color: #8A7A62;
	white-space: nowrap;
}
.leads-floor-clock.is-in { color: #2F6B32; }
.leads-floor-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #E3D6B8;
}
.leads-floor-row {
	display: grid;
	grid-template-columns: 88px minmax(110px, 0.9fr) minmax(140px, 1.15fr) minmax(180px, 1.5fr);
	gap: 8px 16px;
	padding: 11px 2px;
	border-bottom: 1px solid #E3D6B8;
	align-items: start;
}
.leads-floor-row.is-new {
	animation: floor-flash 2.6s ease-out;
}
@keyframes floor-flash {
	from { background: #FFF3B0; }
	to { background: transparent; }
}
.leads-floor-when {
	color: #8A7A62;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	font-size: 13px;
}
.leads-floor-who {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	font-weight: 700;
	color: #2C2416;
	overflow-wrap: anywhere;
}
.leads-floor-who .leads-floor-clock { font-weight: 650; }
.leads-floor-lead a {
	color: #2C2416;
	font-weight: 650;
	text-decoration: none;
	overflow-wrap: anywhere;
}
.leads-floor-lead a:hover { text-decoration: underline; }
.leads-floor-lead-empty { color: #8A7A62; }
.leads-floor-what { color: #5A4A36; overflow-wrap: anywhere; }
.leads-floor .clients-empty { margin-top: 8px; }
@media (max-width: 720px) {
	.leads-floor-board { grid-template-columns: 1fr; }
	.leads-floor-row {
		grid-template-columns: 1fr 1fr;
		gap: 4px 12px;
		padding: 12px 0;
	}
	.leads-floor-when { grid-column: 1 / -1; }
	.leads-floor-what { grid-column: 1 / -1; }
}

.caller-pay-home { max-width: 1100px; }
.caller-pay-rates { margin-bottom: 16px; }
.caller-pay-rate-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 12px 0 0;
}
.caller-pay-rate {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 12px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	border-radius: 8px;
}
.caller-pay-rate-name { font-weight: 650; color: #2C2416; }
.caller-pay-rate-key { font-size: 11px; color: #8A7A62; }
.caller-pay-rate-field {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	font-weight: 650;
	color: #5A4A36;
}
.caller-pay-rate-field input {
	width: 100%;
	height: 36px;
	padding: 0 8px;
	border: 1px solid #D4C6A8;
	border-radius: 6px;
	background: #fff;
	color: #2C2416;
	font: inherit;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}
.caller-pay-rate-actions { margin: 12px 0 0; }
.caller-pay-totals {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 10px;
	margin: 0 0 16px;
}
.caller-pay-total {
	padding: 10px 12px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	border-radius: 8px;
}
.caller-pay-total-name { display: block; font-weight: 650; color: #2C2416; }
.caller-pay-total-meta { display: block; margin: 2px 0 6px; font-size: 12px; color: #8A7A62; }
.caller-pay-total strong { font-size: 18px; font-variant-numeric: tabular-nums; color: #2C2416; }
.caller-pay-total-grand { border-color: #C4A35A; background: #FFF8EA; }
.caller-pay-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
	margin: 0 0 12px;
	padding: 12px 14px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	border-radius: 8px;
}
.caller-pay-note {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 180px;
	font-size: 12px;
	color: #8A7A62;
}
.caller-pay-note input {
	height: 36px;
	padding: 0 8px;
	border: 1px solid #D4C6A8;
	border-radius: 6px;
	background: #fff;
	color: #2C2416;
	font: inherit;
	font-size: 13px;
}
.caller-pay-table .caller-pay-check { width: 36px; text-align: center; }
.caller-pay-old { color: #8A7A62; }
.caller-pay-arrow { color: #C4A35A; margin: 0 4px; }
.caller-pay-cost { font-variant-numeric: tabular-nums; white-space: nowrap; }
.caller-pay-foot th,
.caller-pay-foot td { border-top: 2px solid #E3D6B8; }
.caller-pay-home .badge {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border: 2px solid currentColor;
	border-radius: 999px;
	font-size: 11px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-weight: 650;
}
.caller-pay-home .badge.paid { color: #166534; background: #DCFCE7; border-color: #166534; }
.caller-pay-home .badge.unpaid { color: #9F1239; background: #FFE4E6; border-color: #9F1239; }
.caller-pay-table tr.is-paid { opacity: 0.82; }
.caller-pay-batches { margin-top: 24px; }
@media (max-width: 900px) {
	.caller-pay-rate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.caller-pay-rate-grid { grid-template-columns: 1fr; }
}

.lead-tag-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 12px;
}
.lead-tag-chips .lead-tag {
	border: 1px solid #2C2416;
	cursor: pointer;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 10px;
	line-height: 1.2;
}
.lead-tag-chips .lead-tag.is-current {
	box-shadow: 0 0 0 2px #2C2416;
}
.lead-note-details .lead-note-quill {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	max-width: none;
}
.lead-note-details .lead-note-quill .ql-container {
	flex: 1;
	min-height: 8rem;
	overflow: auto;
}
.lead-profile .client-card-head { align-items: center; }
.lead-refresh-contact { margin: 0; }
.om-session-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 16px 0;
	padding: 10px 14px;
	background: #FFF3CD;
	border: 1px solid #EBBB12;
	color: #2C2416;
}
.om-session-banner[hidden] { display: none !important; }
.om-session-banner p { margin: 0; font-size: 14px; }
.om-session-dismiss {
	border: 1px solid #2C2416;
	background: #fff;
	color: #2C2416;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 10px;
	cursor: pointer;
	white-space: nowrap;
}
.pay-onboard-list {
	margin: 8px 0 0;
	padding-left: 1.2em;
}
.pay-onboard-list li { margin: 0 0 6px; }
.dispatch-list { list-style: none; margin: 0; padding: 0; }
.dispatch-row {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #F0E6CC;
}
.dispatch-row-main { min-width: 0; }
.dispatch-when { margin: 0 0 4px; color: #8A7A62; font-size: 12px; }
.dispatch-who {
	margin: 0 0 6px;
	font-size: 18px;
	font-weight: 650;
}
.dispatch-issue { margin: 0 0 8px; white-space: pre-wrap; }
.dispatch-meta { margin: 0 0 8px; color: #6B5E4A; font-size: 13px; }
.dispatch-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.map-legend-dispatch { background: #C45C26 !important; border-color: #9a3f14 !important; }
.map-legend-tech { background: #2563eb !important; border-color: #1d4ed8 !important; }
.map-ops-info { max-width: 240px; font-size: 13px; }
.dispatch-sms-modes { border: 0; margin: 0 0 12px; padding: 0; }
.dispatch-sms-modes legend { font-weight: 650; margin-bottom: 8px; }
.dispatch-sms-mode { display: block; margin: 0 0 8px; }
.dispatch-sms-confirm { display: block; margin: 12px 0; }
.dispatch-sms-test { margin-top: 12px; }
.dispatch-sms-env {
	margin: 8px 0 0;
	padding: 10px 12px;
	overflow-x: auto;
	background: #F7F0E4;
	border-radius: 8px;
	font-size: 13px;
}
.dispatch-row-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-shrink: 0;
}
.leads-floor-open { font-size: 12px; font-weight: 700; }
@media (max-width: 720px) {
	.dispatch-row { flex-direction: column; }
	.om-session-banner { margin: 0 8px; flex-wrap: wrap; }
}

.sales-queues-home { max-width: none; }
.sales-queues-modes { margin-bottom: 16px; }
.sales-queues-modes .leads-scope { text-decoration: none; }
.sales-queues-layout {
	display: grid;
	grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}
.sales-queues-leads { min-width: 0; overflow-x: auto; }
.sales-queues-table { min-width: 36rem; }
.sales-queues-reps h2,
.sales-queues-leads h2 { margin: 0 0 8px; }
.sales-queues-rep-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sales-queues-rep {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 10px;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #2C2416;
	text-decoration: none;
}
.sales-queues-rep:hover { background: #FFF8DC; }
.sales-queues-rep.is-active {
	background: #FFF8DC;
	border-color: #EBBB12;
	font-weight: 650;
}
.sales-queues-rep-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sales-queues-rep-count {
	flex-shrink: 0;
	min-width: 1.6em;
	padding: 0 6px;
	border: 1px solid rgba(44, 36, 22, 0.15);
	background: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.sales-queues-lead-head { margin-bottom: 10px; }
.sales-queues-lead-head .client-hint { margin: 0; }
.sales-queues-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
	margin: 0 0 14px;
}
.sales-queues-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
	margin: 0 0 12px;
}
.sales-queues-reassign {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 12px;
	color: #8A7A62;
}
.sales-queues-table .sales-queues-check { width: 2.2em; }
.sales-queues-table th:nth-child(4),
.sales-queues-table td:nth-child(4),
.sales-queues-table th:nth-child(5),
.sales-queues-table td:nth-child(5),
.sales-queues-table th:nth-child(6),
.sales-queues-table td:nth-child(6) { white-space: nowrap; }
.sales-queues-person { display: block; font-size: 12px; }
.sales-queues-pager {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 14px 0 0;
}
@media (max-width: 860px) {
	.sales-queues-layout { grid-template-columns: 1fr; }
}

.pay-report-home { max-width: 1100px; }
.pay-report-tabs { margin: 0 0 16px; }
.pay-report-overview {
	margin: 0 0 12px;
	padding: 16px 18px;
	border-color: #C4A35A;
	background: #FFF8EA;
}
.pay-report-overview h2 {
	margin: 2px 0 6px;
	font-size: 22px;
	font-weight: 650;
	color: #2C2416;
}
.pay-report-overview-range { margin: 0; color: #6B5E4A; }
.pay-report-home .client-card { margin-top: 16px; }
.pay-report-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
}
.pay-report-note { margin: 0 0 14px; max-width: 520px; }
.pay-report-pads {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 12px;
}
.pay-report-pad {
	padding: 12px 14px;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	border-radius: 8px;
}
.pay-report-pad h3 {
	margin: 0 0 8px;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8A7A62;
}
.pay-sign-canvas {
	display: block;
	width: 100%;
	height: 140px;
	margin: 10px 0 8px;
	border: 1px solid #D4C6A8;
	border-radius: 6px;
	background: #fff;
	touch-action: none;
	cursor: crosshair;
}
.pay-report-pad-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}
.pay-report-batches { margin-top: 24px; }
.pay-report-home .badge {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border: 2px solid currentColor;
	border-radius: 999px;
	font-size: 11px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-weight: 650;
}
.pay-report-home .badge.paid { color: #166534; background: #DCFCE7; border-color: #166534; }
.pay-report-home .badge.unpaid { color: #9F1239; background: #FFE4E6; border-color: #9F1239; }
.pay-report-home .caller-pay-table tr.is-paid { opacity: 0.82; }
@media (max-width: 800px) {
	.pay-report-pads { grid-template-columns: 1fr; }
}