body {
	font-family: arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
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 #3B82F6;
	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 #3B82F6;
	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,
.om-modal .chip-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 14px;
	border: 1px solid #3B82F6;
	border-radius: 6px;
	font-size: 13px;
	font-weight: bold;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}
.chip-btn-gold { background: #3B82F6; color: #fff; border-color: #3B82F6; }
.chip-btn-gold:hover { background: #2563EB; color: #fff; }
.chip-btn-ghost { background: #fff; color: #8A6E00; }
.chip-btn-ghost:hover { background: #FFF8DC; color: #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; }
.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 #3B82F6;
	background: #EEF4FF;
	color: #1D4ED8;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}
.btn:hover { background: #3B82F6; color: #fff; }
table.form { border-collapse: collapse; }
table.form th {
	text-align: left;
	vertical-align: top;
	padding: 6px 12px 6px 0;
	color: #64748B;
	font-weight: normal;
	white-space: nowrap;
}
table.form td { padding: 6px 0; }
.muted { color: #64748B; }

/* Retainry chrome — ink / slate / signal. Logo left, nav centered, user right. */
:root {
	--om-ink: #0B1220;
	--om-slate: #151C2C;
	--om-paper: #F4F6F9;
	--om-card: #FFFFFF;
	--om-signal: #3B82F6;
	--om-signal-2: #60A5FA;
	--om-mist: #8B9BB4;
	--om-line: #E2E8F0;
	--om-text: #0F172A;
	--om-muted: #64748B;
	--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);
}
.om-topbar {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 58px;
	padding: 0;
	background: var(--om-ink);
	color: #E8EEF7;
	border-bottom: 1px solid rgba(59, 130, 246, 0.45);
	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: #3B82F6; }
.om-mark-r { fill: #F8FAFC; }
.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: #F8FAFC;
}
.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: #D7E0EE;
	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-signal-2);
	box-shadow: inset 0 -2px 0 var(--om-signal);
}
.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(11, 18, 32, 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: #C5D0E0;
	text-decoration: none;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: inset 0 -2px 0 transparent;
}
.om-subnav-link:hover { color: #FFFFFF; }
.om-subnav-link.is-active,
.om-subnav .om-has-menu.is-current > .om-nav-trigger {
	color: var(--om-signal-2);
	box-shadow: inset 0 -2px 0 var(--om-signal);
}
.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: #EEF4FF; color: var(--om-ink); }
.om-menu-link.is-active {
	background: #EEF4FF;
	color: var(--om-ink);
	font-weight: bold;
	box-shadow: inset 3px 0 0 var(--om-signal);
}
.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: #F8FAFC; }
.om-user-meta { font-size: 11px; color: var(--om-mist); }
.om-user-mail,
.om-signout,
.om-user-actions a {
	color: var(--om-signal-2);
	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(59, 130, 246, 0.45);
	border-radius: 8px;
}
.om-signout:hover { border-color: var(--om-signal); }
.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(59, 130, 246, 0.55);
	border-radius: 8px;
	background: transparent;
	color: var(--om-signal-2);
	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(59, 130, 246, 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-signal);
	background: rgba(59, 130, 246, 0.12);
}
.om-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--om-signal);
	color: #F8FAFC;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	flex: 0 0 auto;
}
.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(11, 18, 32, 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(11, 18, 32, 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 #D4C49A;
	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: Georgia, "Times New Roman", serif;
}
.users-table tbody tr.users-row { cursor: pointer; }
.users-table tbody tr.users-row:hover { background: #FFF8DC; }
.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: 80;
	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: Georgia, "Times New Roman", serif;
	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: 0;
	height: 100%;
	overflow: hidden;
}
#clients-map {
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
#clients-map.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-minis {
	display: flex;
	flex-direction: column;
	min-height: 0;
	height: 100%;
	overflow: hidden;
	border: 1px solid #E3D6B8;
	background: #FFFDF6;
	padding: 12px;
}
#map-minis-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 #3B82F6;
	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-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; }

@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(59, 130, 246, 0.12);
	}
	.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 { min-height: 0; 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;
}
.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-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-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; }
.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-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; }
.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; }

/* 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: Georgia, "Times New Roman", serif;
	font-size: 32px;
	font-weight: normal;
	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 #3B82F6;
	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: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: normal;
	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 view */
.invoice-client-link {
	color: inherit;
	text-decoration: none;
}
.invoice-client-link:hover { color: #8A6E00; }
.invoice-billto-name {
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
	color: #1F1A12;
	text-decoration: none;
}
.invoice-billto-name:hover { color: #8A6E00; }
.invoice-inline-form { display: inline; margin: 0; }
.invoice-lines-card { grid-column: 1 / -1; }
.invoice-detail {
	margin-top: 3px;
	color: #8A7A62;
	font-size: 12px;
}
table.data.invoice-table th.invoice-num,
table.data.invoice-table td.invoice-num {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.invoice-totals {
	width: min(280px, 100%);
	margin: 16px 0 0 auto;
	padding-top: 12px;
	border-top: 1px solid #E8DCC0;
}
.invoice-totals > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 4px 0;
}
.invoice-totals dt {
	margin: 0;
	color: #8A7A62;
	font-size: 13px;
	font-weight: bold;
}
.invoice-totals dd {
	margin: 0;
	font-variant-numeric: tabular-nums;
	color: #1F1A12;
}
.invoice-totals .invoice-grand {
	margin-top: 6px;
	padding-top: 8px;
	border-top: 2px solid #EBBB12;
}
.invoice-totals .invoice-grand dt,
.invoice-totals .invoice-grand dd {
	color: #1F1A12;
	font-size: 16px;
	font-weight: bold;
}
.invoice-flag-paid {
	background: #DCFCE7;
	border-color: #86EFAC;
	color: #166534;
	font-weight: bold;
}
.invoice-notes {
	margin: 0;
	white-space: pre-wrap;
	color: #2C2416;
	font-size: 13px;
}

.invoices-home .clients-scope {
	text-decoration: none;
}
.invoices-home .invoices-table td { vertical-align: top; }
.invoices-home .invoices-table tr:hover td { background: #FFF8DC; }
.invoices-client {
	color: #1F1A12;
	font-weight: bold;
	text-decoration: none;
}
.invoices-client:hover { color: #8A6E00; }
.invoices-method {
	display: block;
	margin-top: 3px;
	color: #8A7A62;
	font-size: 11px;
}
.invoices-home .clients-toolbar .chip-btn {
	height: 34px;
	align-self: flex-end;
}

.user-skills { display: flex; flex-direction: column; gap: 10px; }
.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; }
.user-profile-edit { margin-top: 14px; }
.user-edit-heading {
	margin: 16px 0 8px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	font-weight: normal;
	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; }

/* 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,
.org-profile .leads-field select {
	height: 28px;
	font-size: 13px;
	padding: 2px 8px;
	border: 1px solid #D4C49A;
	background: #fff;
}
.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;
}
.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-lines-card { grid-column: auto; }
	.invoice-totals { margin-left: 0; }
	.org-form-grid { grid-template-columns: 1fr; }
	.org-span-2 { grid-column: auto; }
	.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-profile .client-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: #3B82F6; }
.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: Georgia, "Times New Roman", serif;
	font-size: 22px;
	font-weight: normal;
	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: Georgia, "Times New Roman", serif;
	font-size: 22px;
	font-weight: normal;
}
.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; }
}