.lookon-top-meta {
	display: flex;
	gap: 10px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.lookon-trial-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 20px;
	margin-bottom: 18px;
	border-radius: 20px;
	border: 1px solid rgba(249, 115, 22, 0.18);
	background: linear-gradient(135deg, rgba(255, 247, 237, 0.98) 0%, rgba(255, 237, 213, 0.96) 100%);
	box-shadow: 0 18px 38px rgba(249, 115, 22, 0.12);
}

.lookon-trial-banner.is-ending {
	border-color: rgba(220, 38, 38, 0.2);
	box-shadow: 0 18px 38px rgba(220, 38, 38, 0.1);
}

.lookon-trial-banner-copy {
	min-width: 0;
}

.lookon-trial-banner-kicker {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	margin-bottom: 10px;
	border-radius: 999px;
	background: rgba(34, 197, 94, 0.12);
	color: #15803d;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lookon-trial-banner-copy strong {
	display: block;
	color: #7c2d12;
	font-size: 18px;
	line-height: 1.35;
}

.lookon-trial-banner-copy p {
	margin: 6px 0 0;
	color: #9a3412;
	font-size: 14px;
}

.lookon-trial-banner-timer {
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.lookon-trial-banner-btn {
	flex: 0 0 auto;
	white-space: nowrap;
}

#preloader {
	display: none !important;
}

.navbar-nav.header-right {
	margin-left: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.navbar-nav.header-right > li {
	flex: 0 0 auto;
}

.header .header-content .navbar .navbar-collapse {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: nowrap;
}

.header .header-content .header-left {
	flex: 1 1 auto;
	min-width: 0;
}

.nav-header .brand-logo {
	display: flex;
	align-items: center;
	gap: 12px;
}

.nav-header .brand-title {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.nav-header .brand-title h4 {
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-brand-title-hidden {
	display: none;
}

.lookon-plan-link,
.lookon-hero-link {
	text-decoration: none;
}

:root {
	--lookon-wa-green: #16a34a;
	--lookon-wa-green-strong: #15803d;
	--lookon-google-blue: #2563eb;
	--lookon-google-blue-strong: #1d4ed8;
	--lookon-cnj-gold: #c7921a;
	--lookon-cnj-gold-strong: #a16f00;
	--lookon-juris-rust: #8f4b33;
	--lookon-juris-rust-strong: #7a3f2b;
	--lookon-card-surface: #ffffff;
	--lookon-card-surface-alt: #f8fbff;
	--lookon-card-border: #e4ebf1;
	--lookon-card-text: #0f172a;
	--lookon-card-muted: #6b7280;
	--lookon-toggle-active-bg: #0f172a;
	--lookon-toggle-active-color: #f8fafc;
}

html[data-theme-version="dark"] {
	background-color: #060b28;
	color-scheme: dark;
}

html[data-theme-version="dark"] body,
body[data-theme-version="dark"] {
	background-color: #060b28 !important;
}

html[data-theme-version="dark"] #main-wrapper,
body[data-theme-version="dark"] #main-wrapper,
html[data-theme-version="dark"] .content-body,
body[data-theme-version="dark"] .content-body {
	background-color: #060b28;
}

html.lookon-theme-preload body,
html.lookon-theme-preload #main-wrapper,
html.lookon-theme-preload .content-body {
	transition: none !important;
}

html,
body {
	overflow-x: hidden;
}

#main-wrapper {
	max-width: 100%;
}

.content-body {
	width: auto;
	max-width: 100%;
	min-width: 0;
}

.content-body .container-fluid,
.content-body .container,
.content-body .container-sm,
.content-body .container-md,
.content-body .container-lg,
.content-body .container-xl,
.content-body .container-xxl {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.row > [class*="col-"] {
	min-width: 0;
}

.lookon-hero-card,
.lookon-summary-card,
.lookon-metric-card,
.lookon-module-card,
.lookon-contact-card {
	width: 100%;
	max-width: 100%;
}

.content-body .card,
.content-body .card-header,
.content-body .card-body,
.content-body .card-footer {
	min-width: 0;
}

.content-body img,
.content-body svg,
.content-body canvas,
.content-body iframe {
	max-width: 100%;
}

body[data-theme-version="dark"] {
	--lookon-card-surface: #18212a;
	--lookon-card-surface-alt: #141d27;
	--lookon-card-border: #25303c;
	--lookon-card-text: #f8fafc;
	--lookon-card-muted: #9eabb8;
	--lookon-toggle-active-bg: #f8fafc;
	--lookon-toggle-active-color: #0f172a;
}

body[data-theme-version="dark"] .lookon-trial-banner {
	border-color: rgba(251, 146, 60, 0.18);
	background: linear-gradient(135deg, rgba(76, 29, 12, 0.96) 0%, rgba(67, 20, 7, 0.92) 100%);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.28);
}

body[data-theme-version="dark"] .lookon-trial-banner.is-ending {
	border-color: rgba(248, 113, 113, 0.24);
}

body[data-theme-version="dark"] .lookon-trial-banner-kicker {
	background: rgba(34, 197, 94, 0.16);
	color: #86efac;
}

body[data-theme-version="dark"] .lookon-trial-banner-copy strong {
	color: #fff7ed;
}

body[data-theme-version="dark"] .lookon-trial-banner-copy p {
	color: #fed7aa;
}

.lookon-tailwick-calendar-wrap {
	width: 100%;
}

.lookon-tailwick-calendar-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 22px;
	align-items: start;
}

.lookon-tailwick-calendar-shell {
	border: 1px solid #e2e8f0;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	box-shadow: 0 22px 45px rgba(15, 23, 42, 0.08);
	padding: 18px;
	min-width: 0;
}

.lookon-tailwick-shell-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e8eef5;
}

.lookon-tailwick-shell-copy {
	min-width: 0;
}

.lookon-tailwick-shell-kicker {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: #eef4ff;
	color: #1d4ed8;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.lookon-tailwick-shell-copy h5 {
	margin: 0 0 6px;
	font-size: 22px;
	font-weight: 800;
	color: #0f172a;
}

.lookon-tailwick-shell-copy p {
	margin: 0;
	color: #64748b;
	line-height: 1.6;
}

.lookon-tailwick-shell-badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.lookon-tailwick-shell-badge {
	min-width: 88px;
	padding: 10px 12px;
	border-radius: 16px;
	border: 1px solid #e8eef5;
	background: #ffffff;
	text-align: left;
}

.lookon-tailwick-shell-badge span {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
	margin-bottom: 4px;
}

.lookon-tailwick-shell-badge strong {
	display: block;
	font-size: 20px;
	line-height: 1;
	color: #0f172a;
}

.lookon-tailwick-calendar-frame {
	min-height: 720px;
}

.lookon-tailwick-sidebar {
	display: grid;
	gap: 18px;
}

.lookon-tailwick-side-card {
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
	padding: 18px;
}

.lookon-tailwick-eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	background: #eff6ff;
	color: #2563eb;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.lookon-tailwick-side-card h5 {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
}

.lookon-tailwick-side-card p {
	margin: 0 0 14px;
	color: #64748b;
	line-height: 1.6;
}

.lookon-tailwick-legend,
.lookon-tailwick-option-list,
.lookon-tailwick-upcoming-list {
	display: grid;
	gap: 10px;
}

.lookon-tailwick-legend-item,
.lookon-tailwick-option,
.lookon-tailwick-upcoming-item,
.lookon-tailwick-empty {
	border: 1px solid #e8eef5;
	border-radius: 16px;
	background: #ffffff;
	padding: 12px 14px;
}

.lookon-tailwick-legend-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lookon-tailwick-legend-item.tone-primary {
	background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
}

.lookon-tailwick-legend-item.tone-success {
	background: linear-gradient(180deg, #f7fdf9 0%, #ecfdf3 100%);
}

.lookon-tailwick-legend-item.tone-info {
	background: linear-gradient(180deg, #f4fbfd 0%, #eaf9fc 100%);
}

.lookon-tailwick-legend-item.tone-warning {
	background: linear-gradient(180deg, #fffaf4 0%, #fff3e3 100%);
}

.lookon-tailwick-legend-item.tone-danger {
	background: linear-gradient(180deg, #fff7f7 0%, #ffeded 100%);
}

.lookon-tailwick-legend-item strong,
.lookon-tailwick-upcoming-item strong {
	display: block;
	color: #0f172a;
	font-size: 14px;
	font-weight: 700;
}

.lookon-tailwick-legend-item small,
.lookon-tailwick-upcoming-item small,
.lookon-tailwick-empty {
	display: block;
	color: #64748b;
	font-size: 12px;
}

.lookon-tailwick-legend-dot {
	width: 11px;
	height: 11px;
	border-radius: 999px;
	flex: 0 0 auto;
}

.lookon-tailwick-legend-dot.tone-primary {
	background: #2563eb;
}

.lookon-tailwick-legend-dot.tone-success {
	background: #16a34a;
}

.lookon-tailwick-legend-dot.tone-info {
	background: #0891b2;
}

.lookon-tailwick-legend-dot.tone-warning {
	background: #ea580c;
}

.lookon-tailwick-legend-dot.tone-danger {
	background: #dc2626;
}

.lookon-tailwick-legend-dot.tone-muted {
	background: #64748b;
}

.lookon-tailwick-option {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #334155;
	cursor: pointer;
}

.lookon-tailwick-option input {
	width: 16px;
	height: 16px;
	accent-color: #3b82f6;
}

.lookon-tailwick-upcoming-item {
	text-decoration: none;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.lookon-tailwick-upcoming-item:hover {
	transform: translateY(-2px);
	border-color: #bfdbfe;
	box-shadow: 0 12px 24px rgba(37, 99, 235, 0.08);
}

.lookon-tailwick-upcoming-time {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 700;
	color: #2563eb;
}

.lookon-tailwick-calendar-wrap .fc {
	--fc-border-color: #e8eef5;
	--fc-page-bg-color: transparent;
	--fc-neutral-bg-color: #f8fbff;
	--fc-neutral-text-color: #64748b;
	--fc-button-bg-color: #4f8df7;
	--fc-button-border-color: #4f8df7;
	--fc-button-hover-bg-color: #3577ec;
	--fc-button-hover-border-color: #3577ec;
	--fc-button-active-bg-color: #255fd1;
	--fc-button-active-border-color: #255fd1;
	color: #0f172a;
}

.lookon-tailwick-calendar-wrap .fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 18px;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
}

.lookon-tailwick-calendar-wrap .fc .fc-toolbar-title {
	font-size: 28px;
	font-weight: 700;
	color: #0f172a;
	text-transform: capitalize;
}

.lookon-tailwick-calendar-wrap .fc .fc-button-primary {
	background: #ffffff;
	color: #475569;
	border-color: #dbe5f0;
}

.lookon-tailwick-calendar-wrap .fc .fc-button-primary:hover,
.lookon-tailwick-calendar-wrap .fc .fc-button-primary:focus {
	background: #eef4ff;
	color: #1d4ed8;
	border-color: #bfdbfe;
}

.lookon-tailwick-calendar-wrap .fc .fc-button-primary.fc-button-active,
.lookon-tailwick-calendar-wrap .fc .fc-button-primary:active {
	background: #4f8df7;
	color: #ffffff;
	border-color: #4f8df7;
}

.lookon-tailwick-calendar-wrap .fc .fc-button {
	border-radius: 10px;
	box-shadow: none !important;
	padding: 8px 12px;
	font-size: 13px;
	font-weight: 600;
	text-transform: none;
}

.lookon-tailwick-calendar-wrap .fc .fc-button-group {
	padding: 3px;
	border-radius: 14px;
	background: #f5f8fc;
	border: 1px solid #e5edf5;
}

.lookon-tailwick-calendar-wrap .fc .fc-button-group > .fc-button {
	border-radius: 10px !important;
}

.lookon-tailwick-calendar-wrap .fc .fc-col-header-cell-cushion {
	padding: 12px 8px;
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
	text-transform: uppercase;
}

.lookon-tailwick-calendar-wrap .fc .fc-daygrid-day-number,
.lookon-tailwick-calendar-wrap .fc .fc-timegrid-slot-label-cushion,
.lookon-tailwick-calendar-wrap .fc .fc-list-day-text,
.lookon-tailwick-calendar-wrap .fc .fc-list-day-side-text {
	color: #334155;
	font-weight: 600;
}

.lookon-tailwick-calendar-wrap .fc .fc-daygrid-day-frame {
	min-height: 112px;
}

.lookon-tailwick-calendar-wrap .fc .fc-daygrid-day-events {
	align-items: flex-start;
	padding: 0 6px 6px;
}

.lookon-tailwick-calendar-wrap .fc .fc-daygrid-event-harness {
	max-width: 100%;
}

.lookon-tailwick-calendar-wrap .fc .fc-daygrid-dot-event {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: auto;
	max-width: 100%;
	padding: 4px 8px;
	border-radius: 999px;
	box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
	border: 1px solid currentColor;
}

.lookon-tailwick-calendar-wrap .fc .fc-daygrid-dot-event .fc-event-time,
.lookon-tailwick-calendar-wrap .fc .fc-daygrid-dot-event .fc-event-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lookon-tailwick-calendar-wrap .fc .fc-daygrid-dot-event .fc-daygrid-event-dot {
	display: none;
}

.lookon-tailwick-calendar-wrap .fc .fc-daygrid-day.fc-day-today,
.lookon-tailwick-calendar-wrap .fc .fc-timegrid-col.fc-day-today {
	background: rgba(59, 130, 246, 0.05);
}

.lookon-tailwick-calendar-wrap .fc .fc-h-event,
.lookon-tailwick-calendar-wrap .fc .fc-timegrid-event {
	border-radius: 10px;
	border-width: 1px;
	box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
	padding: 1px 2px;
}

.lookon-tailwick-calendar-wrap .fc .fc-event-main {
	font-size: 12px;
	font-weight: 700;
	padding: 4px 6px;
}

.lookon-tailwick-calendar-wrap .fc .fc-list-event:hover td {
	background: rgba(59, 130, 246, 0.05);
}

body[data-theme-version="dark"] .lookon-tailwick-calendar-shell,
body[data-theme-version="dark"] .lookon-tailwick-side-card,
body[data-theme-version="dark"] .lookon-tailwick-legend-item,
body[data-theme-version="dark"] .lookon-tailwick-option,
body[data-theme-version="dark"] .lookon-tailwick-upcoming-item,
body[data-theme-version="dark"] .lookon-tailwick-empty,
body[data-theme-version="dark"] .lookon-tailwick-shell-badge {
	background: linear-gradient(180deg, #101926 0%, #162232 100%);
	border-color: #243041;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-tailwick-shell-head {
	border-bottom-color: #243041;
}

body[data-theme-version="dark"] .lookon-tailwick-side-card h5,
body[data-theme-version="dark"] .lookon-tailwick-legend-item strong,
body[data-theme-version="dark"] .lookon-tailwick-upcoming-item strong,
body[data-theme-version="dark"] .lookon-tailwick-shell-copy h5,
body[data-theme-version="dark"] .lookon-tailwick-shell-badge strong,
body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-toolbar-title,
body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-daygrid-day-number,
body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-timegrid-slot-label-cushion,
body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-list-day-text,
body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-list-day-side-text {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-tailwick-side-card p,
body[data-theme-version="dark"] .lookon-tailwick-legend-item small,
body[data-theme-version="dark"] .lookon-tailwick-upcoming-item small,
body[data-theme-version="dark"] .lookon-tailwick-empty,
body[data-theme-version="dark"] .lookon-tailwick-option,
body[data-theme-version="dark"] .lookon-tailwick-shell-copy p,
body[data-theme-version="dark"] .lookon-tailwick-shell-badge span,
body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-col-header-cell-cushion {
	color: #9fb0c2;
}

body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc {
	--fc-border-color: #243041;
	--fc-page-bg-color: transparent;
	--fc-neutral-bg-color: #111c2a;
	--fc-neutral-text-color: #9fb0c2;
}

body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-button-primary {
	background: #0f1824;
	color: #cbd5e1;
	border-color: #243041;
}

body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-button-primary:hover,
body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-button-primary:focus {
	background: #172232;
	color: #ffffff;
	border-color: #324559;
}

body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-button-group {
	background: #0f1824;
	border-color: #243041;
}

body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-daygrid-day.fc-day-today,
body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-timegrid-col.fc-day-today {
	background: rgba(79, 141, 247, 0.08);
}

body[data-theme-version="dark"] .lookon-tailwick-calendar-wrap .fc .fc-daygrid-dot-event {
	box-shadow: none;
}

@media (max-width: 1199px) {
	.lookon-tailwick-calendar-grid {
		grid-template-columns: 1fr;
	}

	.lookon-tailwick-shell-head {
		flex-direction: column;
	}

	.lookon-tailwick-shell-badges {
		justify-content: flex-start;
	}
}

@media (max-width: 767px) {
	.lookon-tailwick-calendar-shell,
	.lookon-tailwick-side-card {
		padding: 14px;
		border-radius: 18px;
	}

	.lookon-tailwick-calendar-frame {
		min-height: 560px;
	}

	.lookon-tailwick-calendar-wrap .fc .fc-toolbar.fc-header-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.lookon-tailwick-calendar-wrap .fc .fc-toolbar-title {
		font-size: 22px;
		text-align: center;
	}
}

.deznav .metismenu > li > a[data-lookon-menu-slug="agenda"],
.deznav .metismenu > li > a[data-lookon-menu-slug="integracoes"],
.deznav .metismenu > li > a[data-lookon-menu-slug="whatsapp"] {
	border-radius: 10px;
	transition: color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="agenda"]:hover,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="agenda"]:focus,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="integracoes"]:hover,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="integracoes"]:focus,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="whatsapp"]:hover,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="whatsapp"]:focus {
	background: transparent !important;
	box-shadow: none !important;
	color: #4d5863 !important;
}

.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="agenda"]:hover i,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="agenda"]:focus i,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="agenda"]:hover .nav-text,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="agenda"]:focus .nav-text,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="integracoes"]:hover i,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="integracoes"]:focus i,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="integracoes"]:hover .nav-text,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="integracoes"]:focus .nav-text,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="whatsapp"]:hover i,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="whatsapp"]:focus i,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="whatsapp"]:hover .nav-text,
.deznav .metismenu > li:not(.mm-active) > a[data-lookon-menu-slug="whatsapp"]:focus .nav-text {
	color: inherit !important;
}

.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="agenda"] {
	background: linear-gradient(135deg, var(--lookon-google-blue) 0%, var(--lookon-google-blue-strong) 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 10px 24px rgba(37, 99, 235, 0.24);
}

.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="integracoes"] {
	background: linear-gradient(135deg, var(--lookon-cnj-gold) 0%, var(--lookon-cnj-gold-strong) 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 10px 24px rgba(199, 146, 26, 0.24);
}

.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="whatsapp"] {
	background: linear-gradient(135deg, var(--lookon-wa-green) 0%, var(--lookon-wa-green-strong) 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 10px 24px rgba(22, 163, 74, 0.24);
}

.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="agenda"] i,
.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="agenda"] .nav-text,
.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="integracoes"] i,
.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="integracoes"] .nav-text,
.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="whatsapp"] i,
.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="whatsapp"] .nav-text {
	color: #ffffff !important;
}

.lookon-sortable-menu-item {
	position: relative;
}

.lookon-menu-group-label {
	display: block;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.lookon-sortable-menu-item > .ai-icon {
	position: relative;
	cursor: grab;
}

.lookon-sortable-menu-item.lookon-card-drag-chosen > .ai-icon,
.lookon-sortable-menu-item:active > .ai-icon {
	cursor: grabbing;
}

.lookon-plan-link:hover,
.lookon-hero-link:hover {
	opacity: 0.9;
}

.lookon-hero-card {
	position: relative;
	overflow: hidden;
	border-radius: 26px;
	background-color: #ffffff !important;
	background-image: none !important;
	border: 1px solid #e2e8f0;
	box-shadow: 0 24px 50px rgba(15, 23, 42, 0.08);
}

.lookon-hero-card::before {
	opacity: 0;
	background: none;
}

.lookon-hero-card::after {
	opacity: 0;
	background: none;
}

.lookon-hero-card > * {
	position: relative;
	z-index: 1;
}

.lookon-hero-card .card-body {
	position: relative;
	z-index: 1;
	background-color: transparent !important;
	background-image: none !important;
}

.lookon-hero-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px;
	align-items: stretch;
}

.lookon-hero-layout.has-side-panel {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
}

.lookon-hero-main,
.lookon-hero-side {
	min-width: 0;
}

.lookon-hero-side {
	padding: 24px;
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.lookon-hero-side-copy {
	margin-bottom: 18px;
}

.lookon-hero-side-title {
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #f8fafc !important;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lookon-hero-side-copy p {
	margin: 14px 0 0;
	color: #64748b !important;
	line-height: 1.6;
}

.lookon-hero-card h2,
.lookon-hero-card p,
.lookon-hero-card span,
.lookon-hero-card strong {
	color: #0f172a;
}

.lookon-hero-card p,
.lookon-hero-card span {
	color: #64748b;
}

.lookon-hero-card .badge {
	background: #e2e8f0 !important;
	color: #1e293b !important;
	padding: 8px 12px;
	border-radius: 999px;
	font-weight: 600;
	box-shadow: none;
}

.lookon-hero-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 16px;
	margin-top: 6px;
}

.lookon-hero-stat {
	min-width: 0;
	margin: 0;
	padding: 16px 18px;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 18px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(10px);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.lookon-hero-stat::before {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 16px;
	background: linear-gradient(120deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 44%);
	opacity: 0.62;
	pointer-events: none;
}

.lookon-hero-stat::after {
	content: "";
	position: absolute;
	top: 0;
	left: 18px;
	right: 18px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
	opacity: 0.52;
	pointer-events: none;
}

.lookon-hero-stat:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 36px rgba(2, 6, 23, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.lookon-hero-card .lookon-hero-stat strong,
.lookon-hero-card .lookon-hero-stat span {
	color: #0f172a !important;
}

.lookon-hero-stat.tone-primary,
.lookon-hero-stat.tone-success {
	background: #f8fafc !important;
	border-color: #e2e8f0;
}

.lookon-hero-stat.tone-info {
	background: #f8fafc !important;
	border-color: #e2e8f0;
}

.lookon-hero-stat.tone-warning {
	background: #f8fafc !important;
	border-color: #e2e8f0;
}

.lookon-hero-stat.tone-danger {
	background: #f8fafc !important;
	border-color: #e2e8f0;
}

.lookon-hero-stat strong {
	display: block;
	font-size: 1.35rem;
	letter-spacing: -0.01em;
}

.lookon-card-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.lookon-card-badges {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}

.lookon-card-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border: 1px solid transparent;
	white-space: nowrap;
}

.lookon-card-symbol {
	width: 34px;
	height: 34px;
	border-radius: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	font-size: 15px;
	line-height: 1;
}

.lookon-card-symbol i {
	line-height: 1;
}

.lookon-card-tag.tone-primary,
.lookon-card-symbol.tone-primary {
	background: #2563eb !important;
	color: #ffffff !important;
	border-color: #1d4ed8 !important;
	box-shadow: 0 8px 18px rgba(37, 99, 235, 0.28) !important;
}

.lookon-card-tag.tone-success,
.lookon-card-symbol.tone-success {
	background: #16a34a !important;
	color: #ffffff !important;
	border-color: #15803d !important;
	box-shadow: 0 8px 18px rgba(22, 163, 74, 0.28) !important;
}

.lookon-card-tag.tone-info,
.lookon-card-symbol.tone-info {
	background: #0891b2 !important;
	color: #ffffff !important;
	border-color: #0e7490 !important;
	box-shadow: 0 8px 18px rgba(8, 145, 178, 0.28) !important;
}

.lookon-card-tag.tone-warning,
.lookon-card-symbol.tone-warning {
	background: #ea580c !important;
	color: #ffffff !important;
	border-color: #c2410c !important;
	box-shadow: 0 8px 18px rgba(234, 88, 12, 0.3) !important;
}

.lookon-card-tag.tone-danger,
.lookon-card-symbol.tone-danger {
	background: #dc2626 !important;
	color: #ffffff !important;
	border-color: #b91c1c !important;
	box-shadow: 0 8px 18px rgba(220, 38, 38, 0.3) !important;
}

.lookon-card-symbol.tone-primary i,
.lookon-card-symbol.tone-success i,
.lookon-card-symbol.tone-info i,
.lookon-card-symbol.tone-warning i,
.lookon-card-symbol.tone-danger i {
	color: #ffffff !important;
}

.lookon-metric-card {
	border: 1px solid #e8edf2;
	border-radius: 16px;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

.lookon-hero-panel {
	padding: 22px;
	background: rgba(255, 255, 255, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 22px;
	backdrop-filter: blur(6px);
}

.lookon-hero-panel-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.lookon-summary-card {
	--lookon-summary-rgb: 15, 92, 92;
	position: relative;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #e2ebf1;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
	min-width: 0;
	height: 100%;
	border-radius: 18px;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.lookon-summary-card::before {
	content: none;
}

.lookon-summary-card::after {
	content: none;
}

.lookon-summary-card .card-body {
	position: relative;
	z-index: 1;
}

.lookon-summary-card:hover {
	transform: translateY(-2px);
	border-color: rgba(var(--lookon-summary-rgb), 0.28);
	box-shadow: 0 22px 44px rgba(15, 23, 42, 0.12);
}

.lookon-summary-card.tone-primary,
.lookon-summary-card.tone-success {
	--lookon-summary-rgb: 15, 92, 92;
	background: #ffffff;
	border-color: rgba(15, 92, 92, 0.24);
}

.lookon-summary-card.tone-info {
	--lookon-summary-rgb: 217, 119, 6;
	background: #ffffff;
	border-color: rgba(217, 119, 6, 0.28);
}

.lookon-summary-card.tone-warning {
	--lookon-summary-rgb: 249, 115, 22;
	background: #ffffff;
	border-color: rgba(249, 115, 22, 0.3);
}

.lookon-summary-card.tone-danger {
	--lookon-summary-rgb: 239, 68, 68;
	background: #ffffff;
	border-color: rgba(239, 68, 68, 0.32);
}

.lookon-summary-card.is-alert {
	box-shadow: 0 18px 44px rgba(239, 68, 68, 0.22);
	animation: lookon-alert-pulse 2.6s ease-in-out infinite;
}

.lookon-status-pill {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	background: #eef2f5;
	color: #1f2937;
	font-size: 12px;
	font-weight: 700;
}

.lookon-status-pill.tone-success {
	background: rgba(34, 197, 94, 0.18);
	color: #15803d;
}

.lookon-status-pill.tone-info {
	background: rgba(59, 130, 246, 0.18);
	color: #1d4ed8;
}

.lookon-status-pill.tone-warning {
	background: rgba(245, 158, 11, 0.18);
	color: #b45309;
}

.lookon-status-pill.tone-danger {
	background: rgba(239, 68, 68, 0.18);
	color: #b91c1c;
}

.lookon-status-pill.is-overdue {
	background: rgba(239, 68, 68, 0.16);
	color: #b91c1c;
	animation: lookon-alert-pulse 2.4s ease-in-out infinite;
}

.lookon-status-pill.is-paid {
	background: rgba(16, 185, 129, 0.18);
	color: #0f766e;
}

.lookon-status-pill.is-canceled {
	background: rgba(107, 114, 128, 0.18);
	color: #374151;
}

.lookon-cnj-technical {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.lookon-cnj-raw {
	border: 1px solid rgba(148, 163, 184, 0.3);
	border-radius: 14px;
	padding: 12px 16px;
	background: #f8fafc;
}

.lookon-cnj-raw summary {
	cursor: pointer;
	font-weight: 600;
	color: #0f172a;
}

.lookon-cnj-raw pre {
	white-space: pre-wrap;
	word-break: break-word;
	margin-top: 10px;
	font-size: 12px;
	color: #334155;
}

.lookon-cnj-process-meta {
	display: none;
}

@keyframes lookon-alert-pulse {
	0% {
		box-shadow: 0 0 0 rgba(239, 68, 68, 0.18);
		transform: translateY(0);
	}
	50% {
		box-shadow: 0 0 18px rgba(239, 68, 68, 0.3);
		transform: translateY(-1px);
	}
	100% {
		box-shadow: 0 0 0 rgba(239, 68, 68, 0.18);
		transform: translateY(0);
	}
}

.lookon-summary-label {
	display: block;
	margin-bottom: 8px;
	color: var(--lookon-card-muted);
}

.lookon-module-card,
.lookon-widget-card,
.lookon-chart-card,
.lookon-detail-card,
.lookon-service-card {
	background: linear-gradient(165deg, var(--lookon-card-surface) 0%, var(--lookon-card-surface-alt) 100%);
	border: 1px solid var(--lookon-card-border);
	border-radius: 18px;
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
	color: var(--lookon-card-text);
}

.lookon-module-card .card-header,
.lookon-widget-card .card-header,
.lookon-chart-card .card-header,
.lookon-detail-card .card-header,
.lookon-service-card .card-header {
	padding-top: 18px;
}

.menu-toggle .deznav .lookon-sidebar-card-group {
	display: none;
}

.lookon-side-highlight {
	background: linear-gradient(155deg, #0f5c5c 0%, #1e7d7d 55%, #ff7a00 120%) !important;
	border: 0;
}

.lookon-dev-card {
	border: 1px solid #ebf0f3;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
}

.lookon-dev-eyebrow {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #0f5c5c;
}

.lookon-dev-list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lookon-dev-list a {
	color: #0f5c5c;
	text-decoration: none;
}

.lookon-quota-list {
	display: grid;
	gap: 12px;
}

.lookon-quota-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

.lookon-menu-lock {
	margin-left: auto;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(255, 122, 0, 0.14);
	color: #ff7a00;
	font-size: 10px;
	font-weight: 700;
}

.lookon-menu-subnav {
	margin: 6px 0 12px 52px;
	padding: 0 0 0 12px;
	border-left: 1px solid rgba(15, 92, 92, 0.12);
	list-style: none;
}

.lookon-menu-subnav li + li {
	margin-top: 4px;
}

.lookon-menu-subnav a {
	display: flex;
	align-items: center;
	min-height: 30px;
	padding: 6px 10px;
	border-radius: 10px;
	color: #6b7a88;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.lookon-menu-subnav a:hover,
.lookon-menu-subnav li.is-active > a {
	background: rgba(15, 92, 92, 0.08);
	color: #0f5c5c;
	transform: translateX(2px);
}

.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="agenda"] + .lookon-menu-subnav li.is-active > a {
	background: rgba(37, 99, 235, 0.12);
	color: var(--lookon-google-blue-strong);
}

.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="integracoes"] + .lookon-menu-subnav li.is-active > a {
	background: rgba(199, 146, 26, 0.12);
	color: var(--lookon-cnj-gold-strong);
}

.deznav .metismenu > li.mm-active > a[data-lookon-menu-slug="whatsapp"] + .lookon-menu-subnav li.is-active > a {
	background: rgba(22, 163, 74, 0.12);
	color: var(--lookon-wa-green-strong);
}

.lookon-action-group {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.lookon-table thead th {
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #67748a;
	border-bottom: 1px solid #edf2f7;
	white-space: normal;
}

.lookon-table tbody td {
	vertical-align: middle;
	border-bottom: 1px solid #f4f6f8;
	white-space: normal;
	word-break: break-word;
}

.table-responsive {
	overflow-x: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
}

.lookon-table {
	width: 100%;
	table-layout: fixed;
}

.lookon-action-group .btn {
	margin-bottom: 4px;
}

.lookon-action-icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	min-width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 12px;
	font-size: 16px;
	line-height: 1;
}

.lookon-action-icon-button i {
	font-size: 17px;
	line-height: 1;
}

.lookon-ui-avatar,
.lookon-user-avatar {
	border-radius: 999px;
	border: 2px solid rgba(255, 255, 255, 0.92);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
	object-fit: cover;
}

.lookon-ui-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0.4rem 0.75rem;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border: 1px solid rgba(148, 163, 184, 0.18);
	background: #f8fafc;
	color: #475569;
}

.lookon-ui-label.tone-primary { background: rgba(59, 130, 246, 0.12); color: #2563eb; }
.lookon-ui-label.tone-success { background: rgba(34, 197, 94, 0.12); color: #15803d; }
.lookon-ui-label.tone-warning { background: rgba(245, 158, 11, 0.12); color: #b45309; }
.lookon-ui-label.tone-danger { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.lookon-ui-label.tone-info { background: rgba(14, 165, 233, 0.12); color: #0369a1; }

.lookon-ui-list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lookon-ui-list li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	padding: 12px 14px;
	border-radius: 16px;
	border: 1px solid #e7eef6;
	background: #fff;
}

.lookon-ui-progress {
	position: relative;
	width: 100%;
	height: 10px;
	border-radius: 999px;
	overflow: hidden;
	background: #e8eef6;
}

.lookon-ui-progress > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #0f5c5c 0%, #20a6a6 100%);
}

.lookon-ui-countdown {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0.5rem 0.85rem;
	border-radius: 999px;
	background: rgba(15, 92, 92, 0.08);
	color: #0f5c5c;
	font-size: 12px;
	font-weight: 700;
}

.lookon-ui-countdown.is-expired {
	background: rgba(239, 68, 68, 0.12);
	color: #b91c1c;
}

.lookon-ui-spinner {
	display: inline-flex;
	width: 14px;
	height: 14px;
	border-radius: 999px;
	border: 2px solid rgba(15, 92, 92, 0.16);
	border-top-color: #0f5c5c;
	animation: lookonSpin 1s linear infinite;
}

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

.lookon-shell-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0.55rem 0.95rem;
	border-radius: 14px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	background: rgba(255, 255, 255, 0.9);
	color: #334155;
	font-size: 12px;
	font-weight: 700;
	transition: all 0.2s ease;
}

.lookon-shell-pill:hover {
	border-color: rgba(15, 92, 92, 0.3);
	color: #0f5c5c;
	transform: translateY(-1px);
}

.lookon-shell-pill.active {
	background: rgba(15, 92, 92, 0.12);
	border-color: rgba(15, 92, 92, 0.32);
	color: #0f5c5c;
}

.lookon-notes-toolbar,
.lookon-plan-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.lookon-notes-filters,
.lookon-plan-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.lookon-notes-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.lookon-note-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: 100%;
	padding: 20px;
	border-radius: 22px;
	border: 1px solid #e6edf5;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.lookon-note-card-head,
.lookon-plan-card-head,
.lookon-mailbox-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.lookon-note-tone-dot {
	width: 14px;
	height: 14px;
	border-radius: 999px;
	border: 2px solid rgba(255, 255, 255, 0.92);
	box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

.lookon-note-card .lookon-note-content {
	color: #475569;
	font-size: 14px;
	line-height: 1.72;
	white-space: pre-line;
}

.lookon-note-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	color: #64748b;
	font-size: 12px;
}

.lookon-note-author {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
	color: #334155;
}

.lookon-note-author-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: rgba(15, 92, 92, 0.12);
	color: #0f5c5c;
	font-size: 12px;
	font-weight: 800;
}

.lookon-empty-state-card {
	padding: 32px 24px;
	border-radius: 22px;
	border: 1px dashed #cbd5e1;
	background: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%);
	text-align: center;
}

.lookon-plans-showcase-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.lookon-plan-card,
.lookon-order-card,
.lookon-mailbox-card {
	padding: 20px;
	border-radius: 22px;
	border: 1px solid #e6edf5;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.lookon-plan-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: 100%;
}

.lookon-plan-prices {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.lookon-plan-price-box {
	padding: 14px;
	border-radius: 18px;
	border: 1px solid #e7eef6;
	background: rgba(255, 255, 255, 0.88);
}

.lookon-plan-limits {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lookon-plan-limits li {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 13px;
	color: #475569;
}

.lookon-plan-cta-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: auto;
}

.lookon-plan-buyers-shell,
.lookon-mailbox-shell {
	border-radius: 24px;
	border: 1px solid #e7eef6;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	overflow: hidden;
}

.lookon-tailwick-table {
	width: 100%;
	border-collapse: collapse;
}

.lookon-tailwick-table thead th {
	padding: 14px 16px;
	background: #f6f9fd;
	border-bottom: 1px solid #e7eef6;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #64748b;
	text-align: left;
}

.lookon-tailwick-table tbody td {
	padding: 16px;
	border-bottom: 1px solid #eef3f8;
	vertical-align: middle;
	color: #334155;
}

.lookon-tailwick-table tbody tr:last-child td {
	border-bottom: 0;
}

.lookon-tailwick-identity {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.lookon-tailwick-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(15, 92, 92, 0.18) 0%, rgba(32, 166, 166, 0.12) 100%);
	color: #0f5c5c;
	font-weight: 800;
	font-size: 12px;
}

.lookon-tailwick-muted {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	color: #64748b;
}

.lookon-mailbox-list {
	display: grid;
	gap: 12px;
	padding: 18px;
}

.lookon-mailbox-item {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 16px 18px;
	border-radius: 18px;
	border: 1px solid #e7eef6;
	background: rgba(255, 255, 255, 0.88);
	text-decoration: none;
	color: inherit;
}

.lookon-mailbox-item:hover {
	transform: translateY(-1px);
	border-color: rgba(15, 92, 92, 0.18);
}

.lookon-mailbox-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: rgba(15, 92, 92, 0.08);
	color: #0f5c5c;
	font-size: 18px;
}

.lookon-order-overview-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 18px;
}

.lookon-order-overview-metrics {
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
	gap: 18px;
}

.lookon-order-summary-list {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lookon-order-summary-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 16px;
	border: 1px solid #e7eef6;
	background: rgba(255, 255, 255, 0.88);
}

.lookon-status-timeline {
	display: grid;
	gap: 16px;
}

.lookon-status-step {
	position: relative;
	padding-left: 22px;
}

.lookon-status-step::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 6px;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: #0f5c5c;
}

.lookon-status-step::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 20px;
	bottom: -18px;
	width: 2px;
	background: rgba(15, 92, 92, 0.16);
}

.lookon-status-step:last-child::after {
	display: none;
}

@media (max-width: 1399px) {
	.lookon-notes-grid,
	.lookon-plans-showcase-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.lookon-notes-grid,
	.lookon-plans-showcase-grid,
	.lookon-order-overview-grid {
		grid-template-columns: 1fr;
	}

	.lookon-plan-prices,
	.lookon-plan-cta-row {
		grid-template-columns: 1fr;
	}

	.lookon-order-overview-metrics {
		grid-template-columns: 1fr;
	}

	.lookon-mailbox-item {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.lookon-mailbox-item > span:last-child {
		grid-column: 1 / -1;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

.lookon-list {
	margin: 0;
	padding-left: 18px;
	color: #525f7f;
}

.lookon-list li {
	margin-bottom: 12px;
}

.lookon-form-grid .form-control,
.lookon-form-grid .bootstrap-select .dropdown-toggle {
	min-height: 50px;
	border-radius: 14px;
	border-color: #e5e9ef;
}

.lookon-form-grid textarea.form-control {
	min-height: 120px;
}

.lookon-check {
	padding: 14px 16px;
	border: 1px solid #e5e9ef;
	border-radius: 14px;
}

.lookon-checkbox-group {
	padding: 18px;
	border: 1px solid #e5e9ef;
	border-radius: 18px;
	background: #fbfdff;
}

.lookon-checkbox-group-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px 16px;
	margin-bottom: 14px;
}

.lookon-checkbox-groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.lookon-checkbox-group-card {
	padding: 14px;
	border: 1px solid #e5e9ef;
	border-radius: 16px;
	background: #ffffff;
}

.lookon-checkbox-group-card h6 {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	color: #0f172a;
}

.lookon-checkbox-group-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.lookon-checkbox-group.is-stacked {
	padding: 16px;
}

.lookon-checkbox-groups.is-stacked {
	grid-template-columns: minmax(0, 1fr);
}

.lookon-checkbox-group-grid.is-stacked {
	grid-template-columns: minmax(0, 1fr);
	max-height: 320px;
	overflow-y: auto;
	padding-right: 4px;
}

.lookon-checkbox-option {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid #e5e9ef;
	border-radius: 12px;
	background: #f8fbff;
	cursor: pointer;
	transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.lookon-checkbox-option:hover {
	border-color: #c9d8ea;
	background: #f1f7ff;
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

.lookon-checkbox-group-grid.is-stacked .lookon-checkbox-option {
	align-items: center;
	padding: 12px 14px;
}

.lookon-collection-text {
	padding: 18px;
	border: 1px solid #e5e9ef;
	border-radius: 18px;
	background: #fbfdff;
}

.lookon-collection-text-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px 16px;
	margin-bottom: 14px;
}

.lookon-collection-text-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 14px;
}

.lookon-collection-text-row {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lookon-collection-text-row .form-control {
	flex: 1 1 auto;
}

.lookon-pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	background: #eef2ff;
	color: #334155;
}

.lookon-pill.is-success {
	background: #dcfce7;
	color: #166534;
}

.lookon-pill.is-warning {
	background: #fef3c7;
	color: #92400e;
}

.lookon-pill.is-danger {
	background: #fee2e2;
	color: #b91c1c;
}

.lookon-pill.is-info {
	background: #dbeafe;
	color: #1d4ed8;
}

.lookon-pill.is-muted {
	background: #f1f5f9;
	color: #64748b;
}

.lookon-process-helper {
	padding: 12px 14px;
	border: 1px solid #e5e9ef;
	border-radius: 14px;
	background: #f8fbff;
	color: #475569;
}

.lookon-checkbox-option input {
	margin-top: 2px;
	flex: 0 0 auto;
}

.lookon-checkbox-option span {
	display: block;
	font-size: 13px;
	line-height: 1.45;
	color: #334155;
}

.lookon-license-box {
	padding: 6px 0;
}

.lookon-license-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.lookon-license-meta div {
	padding: 14px 16px;
	background: #f8fbfc;
	border: 1px solid #e8eef0;
	border-radius: 16px;
}

.lookon-license-meta span {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	color: #6b7280;
	letter-spacing: 0.06em;
}

.lookon-license-meta strong {
	display: block;
	margin-top: 6px;
	font-size: 15px;
	color: #172b4d;
}

.lookon-license-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.lookon-lock-box {
	padding: 18px;
	border-radius: 18px;
	background: linear-gradient(135deg, #fff5ed 0%, #fff 100%);
	border: 1px solid #ffd9bd;
}

.lookon-kanban-board {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 18px;
	overflow-x: visible;
	padding-bottom: 8px;
}

.lookon-kanban-column {
	min-width: 220px;
	padding: 18px;
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(15, 92, 92, 0.06), rgba(255, 255, 255, 0.96));
	border: 1px solid #e8eef0;
}

.lookon-kanban-column-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.lookon-kanban-column-head h5 {
	margin: 0;
}

.lookon-kanban-column-head span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(15, 92, 92, 0.1);
	color: #0f5c5c;
	font-weight: 700;
}

.lookon-kanban-column-body {
	display: grid;
	gap: 12px;
}

.lookon-kanban-empty {
	padding: 14px;
	border-radius: 16px;
	background: #f8fbfc;
	color: #6b7280;
}

.lookon-kanban-card {
	padding: 16px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #edf2f5;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.lookon-kanban-card.lookon-sortable-card {
	cursor: grab;
}

.lookon-kanban-card p {
	margin: 10px 0;
	color: #67748a;
}

.lookon-kanban-card-top,
.lookon-kanban-card-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.lookon-kanban-card-meta {
	margin-bottom: 12px;
	font-size: 12px;
	color: #6b7280;
}

.lookon-kanban-card-actions .lookon-action-group {
	justify-content: flex-start;
}

.nav-control .line svg {
	display: block;
}

.header-right .notification_dropdown .nav-link svg {
	display: block;
}

.lookon-alert {
	border-radius: 16px;
}

.lookon-analytics-grid,
.lookon-route-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.lookon-widget-card,
.lookon-chart-card {
	padding: 22px;
	border-radius: 24px;
	border: 1px solid var(--lookon-card-border);
	background: var(--lookon-card-surface);
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.05);
	min-width: 0;
	color: var(--lookon-card-text);
}

.lookon-widget-card-gradient {
	background: linear-gradient(140deg, #0f5c5c 0%, #1e7d7d 60%, #ff7a00 130%) !important;
	border: 0;
}

.lookon-widget-card-gradient,
.lookon-widget-card-gradient h5,
.lookon-widget-card-gradient strong,
.lookon-widget-card-gradient span,
.lookon-widget-card-gradient small {
	color: #fff;
}

.lookon-widget-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.lookon-widget-head h5 {
	margin: 4px 0 0;
}

.lookon-widget-eyebrow {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--lookon-card-muted);
}

.lookon-widget-card-gradient .lookon-widget-eyebrow {
	color: rgba(255, 255, 255, 0.8);
}

.lookon-widget-chip {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	font-size: 12px;
	font-weight: 700;
}

.lookon-widget-stat-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.lookon-widget-stat-grid.is-compact {
	grid-template-columns: 1fr 1fr;
}

.lookon-widget-stat {
	padding: 16px;
	border-radius: 18px;
	background: rgba(15, 92, 92, 0.06);
	border: 1px solid rgba(15, 92, 92, 0.08);
}

.lookon-widget-card-gradient .lookon-widget-stat {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.14);
}

.lookon-widget-stat strong,
.lookon-widget-stat span {
	display: block;
}

.lookon-widget-stat strong {
	font-size: 1.45rem;
	line-height: 1.1;
	margin-bottom: 6px;
}

.lookon-widget-stack {
	display: grid;
	gap: 12px;
}

.lookon-widget-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 16px;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(15, 92, 92, 0.05), rgba(255, 255, 255, 0.96));
	border: 1px solid #edf2f5;
}

.lookon-widget-row.is-clickable {
	cursor: pointer;
	text-decoration: none;
	color: inherit;
}

.lookon-widget-row.is-clickable:hover {
	border-color: rgba(15, 92, 92, 0.45);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.lookon-widget-row strong,
.lookon-widget-row span {
	display: block;
}

.lookon-widget-row span,
.lookon-widget-row small {
	color: #6b7280;
}

.lookon-widget-row.is-empty {
	justify-content: flex-start;
}

.lookon-service-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.lookon-service-card {
	--lookon-service-rgb: 15, 92, 92;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 16px;
	border-radius: 18px;
	border: 1px solid #e4ebf2;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(247, 251, 253, 1) 100%);
	text-decoration: none;
	color: inherit;
	position: relative;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.lookon-service-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, rgba(var(--lookon-service-rgb), 0.88), rgba(var(--lookon-service-rgb), 0.45));
}

.lookon-service-card::after {
	content: "";
	position: absolute;
	right: -72px;
	top: -72px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--lookon-service-rgb), 0.17) 0%, rgba(var(--lookon-service-rgb), 0) 68%);
	pointer-events: none;
}

.lookon-service-card:hover {
	transform: translateY(-1px);
	border-color: rgba(var(--lookon-service-rgb), 0.35);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.11);
}

.lookon-service-card strong {
	font-size: 1.1rem;
}

.lookon-service-card small {
	color: #6b7280;
}

.lookon-service-card.tone-primary {
	--lookon-service-rgb: 15, 92, 92;
	background: linear-gradient(145deg, rgba(15, 92, 92, 0.12) 0%, rgba(255, 255, 255, 0.94) 100%);
}

.lookon-service-card.tone-info {
	--lookon-service-rgb: 14, 165, 233;
	background: linear-gradient(145deg, rgba(14, 165, 233, 0.12) 0%, rgba(255, 255, 255, 0.94) 100%);
}

.lookon-service-card.tone-success {
	--lookon-service-rgb: 16, 185, 129;
	background: linear-gradient(145deg, rgba(16, 185, 129, 0.13) 0%, rgba(255, 255, 255, 0.94) 100%);
}

.lookon-service-card.tone-warning {
	--lookon-service-rgb: 245, 158, 11;
	background: linear-gradient(145deg, rgba(245, 158, 11, 0.15) 0%, rgba(255, 255, 255, 0.94) 100%);
}

.lookon-chart-box {
	min-height: 300px;
}



.lookon-agenda-v2 {
	display: grid;
	gap: 24px;
}

.lookon-agenda-v2__toolbar,
.lookon-agenda-v2__layout {
	display: grid;
	gap: 20px;
}

.lookon-agenda-v2__toolbar {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
}

.lookon-agenda-v2__toolbar h5,
.lookon-agenda-v2__month-head h6,
.lookon-agenda-v2__sidebar-block h6 {
	margin: 6px 0 0;
	color: #172b2d;
	font-weight: 800;
}

.lookon-agenda-v2__toolbar p,
.lookon-agenda-v2__sidebar-block p {
	color: #667085;
}

.lookon-agenda-v2__toolbar-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.lookon-agenda-v2__layout {
	grid-template-columns: minmax(0, 1.75fr) minmax(280px, 0.9fr);
	align-items: start;
}

.lookon-agenda-v2__panel {
	padding: 24px;
	border-radius: 28px;
	border: 1px solid #e4edf2;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdfd 100%);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.lookon-agenda-v2__month-head,
.lookon-agenda-v2__day-head,
.lookon-agenda-v2__list-item {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.lookon-agenda-v2__month-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.lookon-agenda-v2__grid-wrap {
	border-radius: 22px;
	border: 1px solid #e4edf2;
	background: #ffffff;
	overflow: auto;
}

.lookon-agenda-v2__weekdays,
.lookon-agenda-v2__grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	min-width: 760px;
}

.lookon-agenda-v2__weekdays {
	background: linear-gradient(180deg, #f7fbfc 0%, #f2f7f8 100%);
	border-bottom: 1px solid #e4edf2;
}

.lookon-agenda-v2__weekday {
	padding: 14px 10px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #52627a;
	text-align: center;
}

.lookon-agenda-v2__day {
	min-height: 158px;
	padding: 12px;
	border-right: 1px solid #edf3f6;
	border-bottom: 1px solid #edf3f6;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.lookon-agenda-v2__day:nth-child(7n) {
	border-right: 0;
}

.lookon-agenda-v2__day.is-outside {
	background: #f8fbfc;
}

.lookon-agenda-v2__day.is-outside .lookon-agenda-v2__day-number {
	color: #98a2b3;
}

.lookon-agenda-v2__day.is-today {
	background: linear-gradient(180deg, rgba(32, 166, 166, 0.08) 0%, rgba(255, 255, 255, 1) 72%);
}

.lookon-agenda-v2__day.has-events {
	background: linear-gradient(180deg, rgba(15, 92, 92, 0.04) 0%, #ffffff 78%);
}

.lookon-agenda-v2__day-number {
	font-size: 1rem;
	font-weight: 800;
	color: #172b2d;
}

.lookon-agenda-v2__day-count {
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	background: rgba(15, 92, 92, 0.1);
	color: #0f5c5c;
	font-size: 0.72rem;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.lookon-agenda-v2__day-body {
	display: grid;
	gap: 8px;
	align-content: start;
}

.lookon-agenda-v2__event {
	display: grid;
	gap: 2px;
	padding: 9px 10px;
	border-radius: 16px;
	border-left: 4px solid currentColor;
	background: #f8fafc;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.lookon-agenda-v2__event.tone-info {
	color: #0f5c5c;
	background: rgba(32, 166, 166, 0.10);
}

.lookon-agenda-v2__event.tone-success {
	color: #15803d;
	background: rgba(34, 197, 94, 0.10);
}

.lookon-agenda-v2__event.tone-danger {
	color: #b42318;
	background: rgba(239, 68, 68, 0.10);
}

.lookon-agenda-v2__event.tone-muted {
	color: #667085;
	background: rgba(148, 163, 184, 0.12);
}

.lookon-agenda-v2__event-time {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.lookon-agenda-v2__event-title {
	font-size: 0.86rem;
	font-weight: 700;
	line-height: 1.35;
}

.lookon-agenda-v2__quick-add {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid rgba(15, 92, 92, 0.25);
	background: rgba(15, 92, 92, 0.08);
	color: #0f5c5c;
	font-size: 0.72rem;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
}

.lookon-agenda-v2__quick-add:hover,
.lookon-agenda-v2__quick-add:focus {
	background: rgba(15, 92, 92, 0.16);
	color: #0a4747;
}

.lookon-agenda-v2__more,
.lookon-agenda-v2__list-empty {
	font-size: 0.82rem;
	color: #667085;
}

.lookon-agenda-v2__sidebar-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 18px 0;
}

.lookon-agenda-v2__stat {
	padding: 16px;
	border-radius: 20px;
	background: linear-gradient(180deg, #f8fbfc 0%, #ffffff 100%);
	border: 1px solid #e4edf2;
	display: grid;
	gap: 4px;
}

.lookon-agenda-v2__stat strong {
	font-size: 1.45rem;
	font-weight: 800;
	color: #172b2d;
}

.lookon-agenda-v2__stat span,
.lookon-agenda-v2__list-item span {
	color: #667085;
}

.lookon-agenda-v2__list {
	display: grid;
	gap: 12px;
	max-height: 620px;
	overflow: auto;
	padding-right: 4px;
}

.lookon-agenda-v2__list-item {
	align-items: flex-start;
	padding: 14px 16px;
	border-radius: 20px;
	border: 1px solid #e4edf2;
	background: linear-gradient(180deg, #ffffff 0%, #f9fcfc 100%);
}

.lookon-agenda-v2__list-item strong {
	display: block;
	margin-bottom: 4px;
	font-size: 0.94rem;
	color: #172b2d;
}

.lookon-agenda-v2__list-item .lookon-status-pill {
	flex-shrink: 0;
}

@media (max-width: 1280px) {
	.lookon-agenda-v2__layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 860px) {
	.lookon-agenda-v2__toolbar {
		grid-template-columns: 1fr;
	}

	.lookon-agenda-v2__toolbar-actions,
	.lookon-agenda-v2__month-meta {
		justify-content: flex-start;
	}
}

@media (max-width: 640px) {
	.lookon-agenda-v2__panel {
		padding: 18px;
		border-radius: 22px;
	}

	.lookon-agenda-v2__sidebar-stats {
		grid-template-columns: 1fr;
	}
}

.notification_dropdown .nav-link {
	position: relative;
}

.lookon-notification-pill {
	position: absolute;
	top: 2px;
	right: 0;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: #ff7a00;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 18px rgba(255, 122, 0, 0.28);
}

.lookon-chat-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #58626d;
}

.lookon-system-link {
	position: relative;
}

.lookon-whatsapp-top-item {
	display: flex;
	align-items: center;
}

.lookon-whatsapp-top-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: transparent;
	color: var(--lookon-wa-green) !important;
	border: 1px solid rgba(22, 163, 74, 0.35);
	box-shadow: 0 8px 18px rgba(22, 163, 74, 0.2);
	transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.lookon-whatsapp-top-link i {
	font-size: 21px;
	line-height: 1;
	color: var(--lookon-wa-green);
}

.lookon-whatsapp-top-link:hover,
.lookon-whatsapp-top-link:focus {
	color: var(--lookon-wa-green) !important;
	background: rgba(22, 163, 74, 0.12);
	transform: translateY(-1px);
	box-shadow: 0 14px 24px rgba(22, 163, 74, 0.28);
}

.lookon-whatsapp-top-link.is-active {
	background: rgba(22, 163, 74, 0.16);
	box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.24), 0 14px 24px rgba(22, 163, 74, 0.28);
}

.lookon-whatsapp-top-link.is-alert {
	animation: lookon-chat-bounce 1.2s ease-in-out infinite;
}

.lookon-wa-shortcuts-dropdown {
	min-width: 360px;
}

.lookon-whatsapp-top-item.dropdown.show .lookon-wa-shortcuts-dropdown {
	display: block;
}

.lookon-wa-shortcut-item {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #edf2f5;
}

.lookon-wa-shortcut-item:last-child {
	border-bottom: 0;
}

.lookon-wa-shortcut-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
}

.lookon-wa-shortcut-content {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.lookon-wa-shortcut-content strong {
	font-size: 13px;
	color: #111827;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-wa-shortcut-content small {
	font-size: 12px;
	color: #64748b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-wa-shortcut-meta {
	margin-top: 3px;
	font-size: 11px;
	color: #94a3b8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-chat-icon {
	display: block;
	color: inherit;
}

.lookon-chat-link.is-alert .lookon-chat-icon {
	animation: lookon-chat-bounce 1.2s ease-in-out infinite;
}

.lookon-chat-link.is-alert::after {
	content: "";
	position: absolute;
	inset: -4px;
	border-radius: 999px;
	border: 2px solid rgba(255, 122, 0, 0.35);
	animation: lookon-chat-ring 1.6s ease-out infinite;
}

.lookon-system-link.is-alert svg {
	animation: lookon-chat-bounce 1.2s ease-in-out infinite;
}

.lookon-system-link.is-alert::after {
	content: "";
	position: absolute;
	inset: -4px;
	border-radius: 999px;
	border: 2px solid rgba(255, 122, 0, 0.35);
	animation: lookon-chat-ring 1.6s ease-out infinite;
}

@keyframes lookon-chat-bounce {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-2px);
	}
}

@keyframes lookon-chat-ring {
	0% {
		transform: scale(0.9);
		opacity: 0.7;
	}
	100% {
		transform: scale(1.35);
		opacity: 0;
	}
}

.lookon-center-row {
	justify-content: flex-start;
}

.lookon-hero-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	margin-top: 24px;
	align-items: stretch;
}

.lookon-hero-card .lookon-hero-action-card {
	display: block;
	padding: 18px 20px;
	border-radius: 20px;
	text-decoration: none;
	background: linear-gradient(162deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.2) 52%, rgba(255, 255, 255, 0.12) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
	box-shadow: 0 14px 32px rgba(2, 6, 23, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.36);
	min-height: 108px;
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(10px);
}

.lookon-hero-card .lookon-hero-action-card::before {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 18px;
	background: linear-gradient(120deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 44%);
	opacity: 0.62;
	pointer-events: none;
}

.lookon-hero-card .lookon-hero-action-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
	opacity: 0.52;
	pointer-events: none;
}

.lookon-hero-action-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 36px rgba(2, 6, 23, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.lookon-hero-card .lookon-hero-action-card span,
.lookon-hero-card .lookon-hero-action-card strong,
.lookon-hero-card .lookon-hero-action-card small {
	display: block;
	color: var(--lookon-card-text) !important;
}

.lookon-hero-action-card span {
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.85;
}

.lookon-hero-action-card strong {
	margin: 8px 0 6px;
	font-size: 1.1rem;
}

.lookon-hero-action-card small {
	color: var(--lookon-card-muted);
}

.lookon-hero-action-card.tone-primary,
.lookon-hero-action-card.tone-success {
	background: linear-gradient(162deg, rgba(255, 255, 255, 0.34) 0%, rgba(167, 243, 208, 0.28) 58%, rgba(15, 92, 92, 0.24) 110%) !important;
	border-color: rgba(205, 251, 234, 0.62);
}

.lookon-hero-action-card.tone-info {
	background: linear-gradient(162deg, rgba(255, 255, 255, 0.34) 0%, rgba(191, 219, 254, 0.3) 58%, rgba(96, 165, 250, 0.23) 110%) !important;
	border-color: rgba(191, 219, 254, 0.62);
}

.lookon-hero-action-card.tone-warning {
	background: linear-gradient(162deg, rgba(255, 255, 255, 0.34) 0%, rgba(254, 215, 170, 0.34) 58%, rgba(251, 146, 60, 0.29) 110%) !important;
	border-color: rgba(254, 215, 170, 0.66);
}

.lookon-hero-action-card.tone-danger {
	background: linear-gradient(162deg, rgba(255, 255, 255, 0.34) 0%, rgba(254, 202, 202, 0.34) 58%, rgba(248, 113, 113, 0.3) 110%) !important;
	border-color: rgba(254, 202, 202, 0.7);
}

.lookon-detail-card {
	padding: 24px;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdfd 100%);
	border: 1px solid #e9eef2;
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.05);
}

.lookon-detail-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.lookon-detail-item {
	padding: 16px;
	border-radius: 18px;
	background: #f8fbfc;
	border: 1px solid #edf2f5;
}

.lookon-detail-item span,
.lookon-detail-item strong {
	display: block;
}

.lookon-detail-item span {
	margin-bottom: 8px;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6b7280;
}

.lookon-detail-item strong {
	color: #172b4d;
	line-height: 1.45;
}

.lookon-cnj-detail-shell {
	display: grid;
	gap: 18px;
}

.lookon-cnj-detail-section {
	padding: 20px;
	border-radius: 22px;
	background: #ffffff;
	border: 1px solid #e9eef2;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.lookon-cnj-detail-head {
	margin-bottom: 16px;
}

.lookon-cnj-detail-head h5 {
	margin: 8px 0 6px;
	color: #172b4d;
	font-size: 20px;
	font-weight: 800;
}

.lookon-cnj-detail-head p {
	margin: 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.6;
}

.lookon-detail-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.lookon-portal-message-detail {
	display: grid;
	gap: 18px;
}

.lookon-portal-message-detail-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.lookon-portal-message-detail-body-wrap {
	padding: 18px 20px;
	border-radius: 20px;
	background: #f8fbfc;
	border: 1px solid #edf2f5;
}

.lookon-portal-message-detail-label {
	display: block;
	margin-bottom: 10px;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6b7280;
}

.lookon-portal-message-detail-body {
	min-height: 240px;
	padding: 18px;
	border-radius: 18px;
	background: #ffffff;
	border: 1px solid #e5edf3;
	color: #172b4d;
	line-height: 1.7;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.lookon-executive-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 18px;
	grid-auto-flow: dense;
}

.lookon-span-8 {
	grid-column: span 8;
}

.lookon-span-4 {
	grid-column: span 4;
}

.lookon-contract-shell {
	display: grid;
	gap: 18px;
}

.lookon-contract-grid,
.lookon-contract-history-grid {
	display: grid;
	gap: 18px;
}

.lookon-contract-grid {
	grid-template-columns: minmax(0, 1fr);
}

.lookon-contract-history-grid {
	grid-template-columns: minmax(0, 1fr);
}

.lookon-contract-variable-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 18px;
}

.lookon-contract-field.is-full {
	grid-column: 1 / -1;
}

.lookon-contract-preview-wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
	margin-top: 18px;
}

.lookon-contract-preview-card {
	min-width: 0;
}

.lookon-contract-grid {
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}

.lookon-contract-preview-card {
	padding: 18px;
	border-radius: 22px;
	background: #f8fbfc;
	border: 1px solid #edf2f5;
	margin-bottom: 18px;
}

.lookon-contract-ai-assistant-card {
	padding: 1.35rem 1.4rem;
	border-radius: 22px;
	border: 1px solid rgba(99, 102, 241, 0.14);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 249, 255, 0.98) 100%);
	box-shadow: 0 18px 36px rgba(66, 108, 214, 0.08);
	margin-bottom: 1.25rem;
}

.lookon-contract-ai-orchestrator {
	display: grid;
	gap: 1rem;
	margin-bottom: 1.25rem;
}

.lookon-contract-ai-orchestrator-hero,
.lookon-contract-guide-stage,
.lookon-contract-builder-body {
	padding: 1.35rem 1.4rem;
	border-radius: 22px;
	border: 1px solid rgba(148, 163, 184, 0.14);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 255, 0.98) 100%);
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.04);
}

.lookon-contract-ai-orchestrator-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.lookon-contract-ai-orchestrator-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.lookon-contract-guide-stage-head,
.lookon-contract-builder-section-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 1rem;
}

.lookon-contract-guide-summary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.lookon-contract-guide-box {
	padding: 16px 17px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(226, 232, 240, 0.94);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.lookon-contract-guide-box[data-lookon-guide-accent="primary"] {
	border-color: rgba(37, 99, 235, 0.16);
}

.lookon-contract-guide-box[data-lookon-guide-accent="info"] {
	border-color: rgba(6, 182, 212, 0.18);
}

.lookon-contract-guide-box[data-lookon-guide-accent="success"] {
	border-color: rgba(16, 185, 129, 0.18);
}

.lookon-contract-guide-box[data-lookon-guide-accent="warning"] {
	border-color: rgba(245, 158, 11, 0.2);
}

.lookon-contract-guide-box h6 {
	margin: 0.4rem 0 0.55rem;
	font-size: 15px;
	color: #0f172a;
}

.lookon-contract-guide-box-copy {
	color: #475569;
	line-height: 1.65;
	font-size: 13px;
}

.lookon-contract-builder-body[hidden],
.lookon-contract-guide-stage[hidden] {
	display: none !important;
}

.lookon-contract-ai-assistant-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 1rem;
}

.lookon-contract-ai-context {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 1rem;
}

.lookon-contract-ai-inline-note {
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
}

.lookon-contract-ai-assistant-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.95fr);
	gap: 16px;
}

.lookon-contract-ai-conversation,
.lookon-contract-ai-progress {
	padding: 16px;
	border-radius: 18px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	background: rgba(255, 255, 255, 0.76);
}

.lookon-contract-ai-thread {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 240px;
	padding: 4px 2px 10px;
	margin-bottom: 14px;
	overflow-y: auto;
}

.lookon-contract-ai-thread-message {
	display: flex;
}

.lookon-contract-ai-thread-message.is-user {
	justify-content: flex-end;
}

.lookon-contract-ai-thread-message.is-assistant {
	justify-content: flex-start;
}

.lookon-contract-ai-thread-bubble {
	max-width: min(100%, 560px);
	padding: 11px 14px;
	border-radius: 18px;
	line-height: 1.65;
	font-size: 13px;
	background: rgba(248, 250, 252, 0.94);
	border: 1px solid rgba(148, 163, 184, 0.18);
	color: #334155;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
}

.lookon-contract-ai-thread-message.is-user .lookon-contract-ai-thread-bubble {
	background: linear-gradient(135deg, rgba(79, 70, 229, 0.96), rgba(37, 99, 235, 0.96));
	border-color: transparent;
	color: #fff;
}

.lookon-contract-ai-quick-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.lookon-contract-ai-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid rgba(99, 102, 241, 0.18);
	background: rgba(255, 255, 255, 0.92);
	color: #334155;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.lookon-contract-ai-pill:hover,
.lookon-contract-ai-pill:focus {
	border-color: rgba(99, 102, 241, 0.28);
	color: #1e293b;
}

.lookon-contract-ai-response {
	padding: 1rem 1.05rem;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.86);
	border: 1px solid rgba(37, 99, 235, 0.1);
}

.lookon-contract-ai-response-copy {
	line-height: 1.75;
	color: #334155;
}

.lookon-contract-ai-meta-group + .lookon-contract-ai-meta-group {
	margin-top: 12px;
}

.lookon-contract-ai-meta-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.lookon-contract-ai-meta-pill {
	display: inline-flex;
	align-items: center;
	padding: 7px 10px;
	border-radius: 999px;
	background: rgba(37, 99, 235, 0.08);
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 700;
}

.lookon-contract-ai-meta-pill.is-applied {
	background: rgba(16, 185, 129, 0.1);
	color: #047857;
}

.lookon-contract-ai-step-list {
	display: grid;
	gap: 12px;
	margin-top: 12px;
}

.lookon-contract-ai-step {
	padding: 14px 15px;
	border-radius: 16px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	background: rgba(248, 250, 252, 0.92);
	display: grid;
	gap: 4px;
}

.lookon-contract-ai-step strong {
	color: #0f172a;
}

.lookon-contract-ai-step small {
	color: #64748b;
	line-height: 1.55;
}

.lookon-contract-ai-step.is-complete {
	border-color: rgba(16, 185, 129, 0.22);
	background: rgba(236, 253, 245, 0.88);
}

.lookon-contract-ai-step.is-complete strong {
	color: #047857;
}

.lookon-contract-ai-step.is-pending strong {
	color: #1e293b;
}

@media (max-width: 991px) {
	.lookon-contract-ai-assistant-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.lookon-contract-guide-summary-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.lookon-contract-preview-box,
.lookon-contract-viewer {
	min-height: 320px;
	padding: 18px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #e9eef2;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
	overflow: auto;
	color: #172b4d;
	line-height: 1.6;
}

.lookon-contract-preview-divider {
	height: 1px;
	background: #e9eef2;
	margin: 18px 0;
}

.lookon-contract-editor-shell {
	display: grid;
	gap: 12px;
}

.lookon-contract-editor-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.lookon-contract-editor-toolbar-separator {
	width: 1px;
	align-self: stretch;
	background: #dbe3ef;
	border-radius: 999px;
	margin: 0 4px;
}

.lookon-contract-editor-surface {
	min-height: 420px;
	padding: 18px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #e9eef2;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
	overflow: auto;
	color: #172b4d;
	line-height: 1.7;
	outline: none;
}

.lookon-contract-editor-surface:focus {
	border-color: rgba(37, 99, 235, 0.3);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

.lookon-contract-editor-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.lookon-contract-review-panel {
	display: grid;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px solid #d9e6ff;
	background: linear-gradient(180deg, rgba(245, 249, 255, 0.96), rgba(255, 255, 255, 0.98));
}

.lookon-contract-review-panel-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.lookon-contract-review-issues {
	display: grid;
	gap: 8px;
}

.lookon-contract-review-issue-card {
	display: grid;
	gap: 8px;
	padding: 12px 14px;
	border-radius: 14px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
}

.lookon-contract-review-issue {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid transparent;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
}

.lookon-contract-review-issue-detail {
	color: #334155;
	font-size: 13px;
	line-height: 1.55;
}

.lookon-contract-review-issue-excerpt,
.lookon-contract-review-issue-suggested {
	color: #475569;
	font-size: 12px;
	line-height: 1.5;
}

.lookon-contract-review-issue-excerpt code {
	display: inline-block;
	padding: 2px 6px;
	border-radius: 8px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	color: #1e293b;
	white-space: pre-wrap;
	word-break: break-word;
}

.lookon-contract-review-issue-card.is-critical {
	border-color: #fecdd3;
	background: #fff7f8;
}

.lookon-contract-review-issue-card.is-brand,
.lookon-contract-review-issue-card.is-language {
	border-color: #fed7aa;
	background: #fffaf5;
}

.lookon-contract-review-issue-card.is-duplicate,
.lookon-contract-review-issue-card.is-structure,
.lookon-contract-review-issue-card.is-format {
	border-color: #bfdbfe;
	background: #f8fbff;
}

.lookon-contract-review-issue.is-critical {
	background: #fff1f2;
	border-color: #fecdd3;
	color: #be123c;
}

.lookon-contract-review-issue.is-brand,
.lookon-contract-review-issue.is-language {
	background: #fff7ed;
	border-color: #fed7aa;
	color: #c2410c;
}

.lookon-contract-review-issue.is-duplicate,
.lookon-contract-review-issue.is-structure,
.lookon-contract-review-issue.is-format {
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1d4ed8;
}

.lookon-contract-review-issue.is-success {
	background: #ecfdf5;
	border-color: #bbf7d0;
	color: #15803d;
}

.lookon-contract-review-copy {
	padding: 14px 16px;
	border-radius: 14px;
	background: #ffffff;
	border: 1px solid #e5edf8;
	color: #334155;
	font-size: 14px;
	line-height: 1.65;
}

.lookon-contract-review-applied {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e2e8f0;
	font-size: 13px;
	color: #334155;
}

.lookon-contract-review-applied ul {
	margin: 8px 0 0;
	padding-left: 18px;
}

.lookon-contract-upload-status {
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
}

.lookon-contract-editor {
	min-height: 260px;
	border-radius: 18px;
	border-color: #e5e9ef;
}

.lookon-contract-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}


.lookon-brand-logo-image {
	display: block;
	max-width: 148px;
	max-height: 42px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.lookon-brand-logo-theme-dark {
	display: none;
}

.lookon-brand-favicon-mobile {
	display: none;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	object-fit: contain;
}

.lookon-brand-mobile-theme-dark {
	display: none;
}

html[data-theme-version="dark"] .lookon-brand-logo-theme-light,
body[data-theme-version="dark"] .lookon-brand-logo-theme-light,
body.lookon-theme-dark .lookon-brand-logo-theme-light,
html[data-theme-version="dark"] .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
body[data-theme-version="dark"] .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
body.lookon-theme-dark .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light {
	display: none !important;
}

html[data-theme-version="dark"] .lookon-brand-logo-theme-dark,
body[data-theme-version="dark"] .lookon-brand-logo-theme-dark,
body.lookon-theme-dark .lookon-brand-logo-theme-dark {
	display: block !important;
}

.lookon-field-help {
	display: block;
	margin-top: 8px;
	color: #6b7280;
	font-size: 12px;
	line-height: 1.55;
}

.lookon-top-clock-wrap {
	display: flex;
	align-items: center;
	padding-right: 6px;
}

.lookon-top-clock {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 8px 14px;
	border-radius: 16px;
	background: #ffffff;
	border: 1px solid #e5e9ef;
}

.lookon-top-clock strong,
.lookon-top-clock span {
	display: block;
	line-height: 1.2;
}

.lookon-top-clock strong {
	color: #172b4d;
	font-size: 15px;
	font-weight: 700;
}

.lookon-top-clock span {
	margin-top: 3px;
	color: #6b7280;
	font-size: 11px;
	text-transform: capitalize;
}

.lookon-inline-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
}

.lookon-theme-switch-item {
	display: flex;
	align-items: center;
}

.lookon-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	border: 1px solid #e8eef0;
	border-radius: 999px;
	background: #fff;
	color: #172b4d;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
	transition: 0.18s ease;
}

.lookon-theme-toggle:hover {
	border-color: #0f5c5c;
	color: #0f5c5c;
}

.lookon-theme-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	min-height: 34px;
	padding: 0;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(135deg, #0f5c5c, #1e7d7d);
}

.lookon-theme-icon i {
	line-height: 1;
}

.lookon-mobile-more-item {
	display: none;
	align-items: center;
}

.lookon-mobile-more-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid #e8eef0;
	border-radius: 16px;
	background: #fff;
	color: #172b4d;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.lookon-mobile-more-toggle i {
	font-size: 1.25rem;
	line-height: 1;
}

.lookon-mobile-quick-menu {
	width: min(320px, calc(100vw - 20px));
	padding: 14px;
	border-radius: 20px;
	border: 1px solid #e5e9ef;
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
}

.lookon-mobile-quick-head {
	display: grid;
	gap: 12px;
}

.lookon-mobile-quick-profile {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lookon-mobile-quick-profile-copy {
	min-width: 0;
}

.lookon-mobile-quick-profile-copy strong,
.lookon-mobile-quick-profile-copy small {
	display: block;
}

.lookon-mobile-quick-profile-copy strong {
	color: #172b4d;
	font-size: 0.98rem;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-mobile-quick-profile-copy small {
	margin-top: 3px;
	color: #6b7280;
	font-size: 0.78rem;
}

.lookon-mobile-quick-clock {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 14px;
	background: #f8fbfc;
	border: 1px solid #e8eef0;
}

.lookon-mobile-quick-clock strong,
.lookon-mobile-quick-clock span {
	display: block;
	line-height: 1.2;
}

.lookon-mobile-quick-clock strong {
	color: #172b4d;
	font-size: 0.92rem;
	font-weight: 700;
}

.lookon-mobile-quick-clock span {
	color: #6b7280;
	font-size: 0.75rem;
	text-align: right;
}

.lookon-mobile-quick-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-top: 11px;
	padding-bottom: 11px;
}

.lookon-mobile-quick-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border-radius: 999px;
	background: #ff7a00;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}

.lookon-notification-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.lookon-notification-link:hover h6 {
	color: #0f5c5c;
}

.lookon-media-field {
	display: grid;
	gap: 10px;
}

.lookon-media-picker {
	display: grid;
	grid-template-columns: 108px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding: 14px;
	border-radius: 18px;
	background: #f8fbfc;
	border: 1px solid #edf2f5;
}

.lookon-media-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 92px;
	padding: 8px;
	border-radius: 16px;
	background: #fff;
	border: 1px dashed #d4dde3;
	color: #6b7280;
	font-size: 12px;
	text-align: center;
}

.lookon-media-preview.has-image {
	border-style: solid;
}

.lookon-media-preview img {
	display: block;
	max-width: 100%;
	max-height: 76px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.lookon-media-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.lookon-media-actions .btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.lookon-media-actions .btn.is-active {
	background: #2563eb;
	border-color: #1d4ed8;
	color: #ffffff;
	box-shadow: 0 8px 16px rgba(37, 99, 235, 0.25);
}

.lookon-wa-local-media {
	display: grid;
	gap: 6px;
}

.lookon-wa-local-media-box {
	display: grid;
	gap: 8px;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #e6ebf1;
	background: #f8fbfc;
}

.lookon-wa-local-media-summary {
	min-height: 32px;
	display: flex;
	align-items: center;
	padding: 6px 8px;
	border-radius: 8px;
	background: #ffffff;
	border: 1px dashed #cbd5e1;
	color: #334155;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-wa-local-media-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.lookon-wa-local-media-actions .btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	border-radius: 8px;
}

.lookon-wa-send-inline {
	min-width: 88px;
	background: #16a34a;
	border-color: #15803d;
	color: #ffffff;
	font-weight: 700;
	order: -1;
}

.lookon-wa-send-inline:hover,
.lookon-wa-send-inline:focus {
	background: #15803d;
	border-color: #166534;
	color: #ffffff;
	box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.18);
}

.lookon-wa-local-media-actions .btn.is-active {
	background: #16a34a;
	border-color: #15803d;
	color: #ffffff;
}

.lookon-admin-signature {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 28px;
	padding: 16px 20px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #e9eef2;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.04);
}

.lookon-admin-signature span {
	font-weight: 700;
	color: #172b4d;
}

.lookon-admin-signature a {
	color: #0f5c5c;
	text-decoration: none;
}

.lookon-brand-preview {
	display: grid;
	gap: 16px;
	padding: 22px;
	border-radius: 26px;
	background: linear-gradient(145deg, rgba(15, 92, 92, 0.96), rgba(32, 166, 166, 0.9) 58%, rgba(255, 122, 0, 0.78));
	color: #fff;
	box-shadow: 0 24px 60px rgba(15, 92, 92, 0.18);
}

.lookon-brand-preview-top {
	display: flex;
	align-items: center;
	gap: 16px;
}

.lookon-brand-preview-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.18);
	overflow: hidden;
}

.lookon-brand-preview-mark img {
	display: block;
	max-width: 82%;
	max-height: 82%;
	object-fit: contain;
}

.lookon-brand-preview-mark span {
	font-size: 24px;
	font-weight: 700;
}

.lookon-brand-preview-copy strong,
.lookon-brand-preview-copy small {
	display: block;
}

.lookon-brand-preview-copy small {
	margin-top: 4px;
	color: rgba(255, 255, 255, 0.78);
}

.lookon-brand-preview-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.lookon-brand-preview-meta span,
.lookon-brand-preview-footer {
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.14);
}

.lookon-brand-preview-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.lookon-brand-preview-footer a {
	color: #fff;
	text-decoration: none;
}

body[data-theme-version="dark"] .lookon-summary-card,
body[data-theme-version="dark"] .lookon-module-card,
body[data-theme-version="dark"] .lookon-widget-card,
body[data-theme-version="dark"] .lookon-chart-card,
body[data-theme-version="dark"] .lookon-hero-card,
body[data-theme-version="dark"] .lookon-detail-card,
body[data-theme-version="dark"] .lookon-contract-preview-card,
body[data-theme-version="dark"] .lookon-admin-signature,
body[data-theme-version="dark"] .lookon-dev-card {
	background: #18212a !important;
	border-color: #25303c;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-summary-label,
body[data-theme-version="dark"] .lookon-widget-row span,
body[data-theme-version="dark"] .lookon-widget-row small,
body[data-theme-version="dark"] .lookon-detail-item span,
body[data-theme-version="dark"] .lookon-field-help,
body[data-theme-version="dark"] .lookon-top-clock span {
	color: #9eabb8;
}

body[data-theme-version="dark"] .lookon-checkbox-group {
	background: #18212a;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-checkbox-group-card {
	background: #101923;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-checkbox-group-card h6 {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-checkbox-option {
	background: #141d27;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-checkbox-option:hover {
	background: #17222e;
	border-color: #334155;
}

body[data-theme-version="dark"] .lookon-checkbox-option span {
	color: #cbd5e1;
}

body[data-theme-version="dark"] .lookon-chat-link {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-hero-card h2,
body[data-theme-version="dark"] .lookon-hero-card p,
body[data-theme-version="dark"] .lookon-hero-card span,
body[data-theme-version="dark"] .lookon-hero-card strong,
body[data-theme-version="dark"] .lookon-hero-action-card span,
body[data-theme-version="dark"] .lookon-hero-action-card strong,
body[data-theme-version="dark"] .lookon-hero-action-card small {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-hero-card::before,
body[data-theme-version="dark"] .lookon-hero-card::after {
	opacity: 0.08;
}

body[data-theme-version="dark"] .lookon-hero-side {
	background: linear-gradient(180deg, rgba(10, 14, 23, 0.35) 0%, rgba(10, 14, 23, 0.18) 100%);
	border-color: rgba(255, 255, 255, 0.08);
}

body[data-theme-version="dark"] .lookon-hero-card .lookon-hero-action-card {
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 100%) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

body[data-theme-version="dark"] .lookon-hero-stat {
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 100%) !important;
	border-color: rgba(255, 255, 255, 0.2);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

body[data-theme-version="dark"] .lookon-hero-stat strong,
body[data-theme-version="dark"] .lookon-hero-stat span {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-hero-card .lookon-hero-action-card::before,
body[data-theme-version="dark"] .lookon-hero-card .lookon-hero-action-card::after,
body[data-theme-version="dark"] .lookon-hero-stat::before,
body[data-theme-version="dark"] .lookon-hero-stat::after {
	opacity: 0.3;
}

body[data-theme-version="dark"] .lookon-summary-card {
	background: linear-gradient(155deg, #18212a 0%, #141d27 100%) !important;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-summary-card::before {
	opacity: 0.68;
}

body[data-theme-version="dark"] .lookon-summary-card::after {
	opacity: 0.45;
}

body[data-theme-version="dark"] .lookon-service-card {
	background: linear-gradient(150deg, #18212a 0%, #141d27 100%);
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-quick-result,
body[data-theme-version="dark"] .lookon-advanced-settings {
	background: #121922;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-quick-message,
body[data-theme-version="dark"] .lookon-advanced-settings summary {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-advanced-warning {
	background: rgba(249, 115, 22, 0.16);
	border-color: rgba(249, 115, 22, 0.28);
	color: #fdba74;
}

body[data-theme-version="dark"] .lookon-reference-card,
body[data-theme-version="dark"] .lookon-integration-tab {
	background: #121922;
	border-color: #25303c;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-integration-tab.is-active {
	background: linear-gradient(135deg, rgba(15, 92, 92, 0.22), #121922 100%);
	border-color: rgba(34, 197, 94, 0.28);
}

body[data-theme-version="dark"] .lookon-integration-tab strong,
body[data-theme-version="dark"] .lookon-reference-list,
body[data-theme-version="dark"] .lookon-reference-list strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-integration-tab span {
	color: #9eabb8;
}

body[data-theme-version="dark"] .lookon-detail-item,
body[data-theme-version="dark"] .lookon-widget-row,
body[data-theme-version="dark"] .lookon-kanban-card,
body[data-theme-version="dark"] .lookon-media-picker,
body[data-theme-version="dark"] .lookon-media-preview {
	background: #121922;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-status-pill {
	background: rgba(248, 250, 252, 0.08);
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-status-pill.is-overdue {
	background: rgba(239, 68, 68, 0.28);
	color: #fecaca;
}

body[data-theme-version="dark"] .lookon-status-pill.is-paid {
	background: rgba(16, 185, 129, 0.2);
	color: #a7f3d0;
}

body[data-theme-version="dark"] .lookon-status-pill.is-canceled {
	background: rgba(148, 163, 184, 0.22);
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-service-card {
	background: #121922;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-service-card small {
	color: #9eabb8;
}

body[data-theme-version="dark"] .lookon-update-meta-grid > div {
	background: #121922;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-update-meta-grid > div strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-update-meta-grid > div span {
	color: #9eabb8;
}

body[data-theme-version="dark"] .lookon-menu-update-badge {
	background: rgba(245, 158, 11, 0.22);
	border-color: rgba(245, 158, 11, 0.32);
	color: #fcd34d;
}

body[data-theme-version="dark"] .lookon-top-clock,
body[data-theme-version="dark"] .lookon-theme-toggle,
body[data-theme-version="dark"] .lookon-mobile-more-toggle,
body[data-theme-version="dark"] .lookon-mobile-quick-menu,
body[data-theme-version="dark"] .lookon-mobile-quick-clock {
	background: #18212a;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-whatsapp-top-link {
	border-color: rgba(74, 222, 128, 0.5);
	box-shadow: 0 12px 26px rgba(21, 128, 61, 0.42);
}

body[data-theme-version="dark"] .lookon-top-clock strong,
body[data-theme-version="dark"] .lookon-admin-signature span,
body[data-theme-version="dark"] .lookon-detail-item strong,
body[data-theme-version="dark"] .lookon-notification-link,
body[data-theme-version="dark"] .lookon-theme-toggle,
body[data-theme-version="dark"] .lookon-mobile-more-toggle,
body[data-theme-version="dark"] .lookon-mobile-quick-profile-copy strong,
body[data-theme-version="dark"] .lookon-mobile-quick-clock strong,
body[data-theme-version="dark"] .lookon-mobile-quick-link {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-mobile-quick-profile-copy small,
body[data-theme-version="dark"] .lookon-mobile-quick-clock span {
	color: #9fb0c1;
}

body[data-theme-version="dark"] .lookon-table thead th,
body[data-theme-version="dark"] .lookon-table tbody td {
	border-color: #25303c;
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-media-actions .btn.btn-light {
	background: #1f2937;
	border-color: #334155;
	color: #e2e8f0;
}

@media (max-width: 991px) {
	.header .header-content {
		padding-left: 12px;
		padding-right: 12px;
	}

	.header .header-content .navbar .navbar-collapse {
		gap: 10px;
	}

	.navbar-nav.header-right {
		gap: 8px;
		max-width: 62vw;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	.navbar-nav.header-right::-webkit-scrollbar {
		display: none;
	}

	.lookon-license-meta {
		grid-template-columns: 1fr;
	}

	.lookon-analytics-grid,
	.lookon-route-grid,
	.lookon-kanban-board {
		grid-template-columns: 1fr;
	}

	.lookon-widget-stat-grid,
	.lookon-hero-actions,
	.lookon-contract-grid,
	.lookon-contract-history-grid,
	.lookon-contract-variable-grid,
	.lookon-contract-preview-wrap,
	.lookon-detail-grid,
	.lookon-portal-message-detail-grid,
	.lookon-brand-preview-meta {
		grid-template-columns: 1fr;
	}

	.lookon-executive-grid {
		grid-template-columns: 1fr;
	}

	.lookon-span-8,
	.lookon-span-4 {
		grid-column: auto;
	}

	.lookon-top-clock {
		padding: 4px 8px;
		border-radius: 10px;
	}

	.lookon-top-clock strong {
		font-size: 0.85rem;
	}

	.lookon-top-clock span {
		display: none;
	}

	.lookon-media-picker {
		grid-template-columns: 1fr;
	}

	.lookon-brand-preview-footer {
		flex-direction: column;
		align-items: flex-start;
	}

	.lookon-service-grid {
		grid-template-columns: 1fr;
	}

	.nav-header .brand-title h4 {
		max-width: 140px;
	}

	.lookon-hero-layout,
	.lookon-hero-layout.has-side-panel {
		grid-template-columns: 1fr;
	}

	.lookon-table {
		table-layout: auto;
	}

	.lookon-kanban-board {
		overflow-x: auto;
	}
}

@media (max-width: 640px) {
	.content-body .container-fluid,
	.content-body .container,
	.content-body .container-sm,
	.content-body .container-md,
	.content-body .container-lg,
	.content-body .container-xl,
	.content-body .container-xxl {
		padding-left: 10px;
		padding-right: 10px;
	}

	.navbar-nav.header-right {
		max-width: none;
	}

	.lookon-theme-switch-item {
		display: flex;
	}

	.lookon-wa-shortcuts-dropdown {
		min-width: 0;
		width: 90vw;
		max-width: 90vw;
	}
}

@media (max-width: 767px) {
	.header {
		height: auto;
	}

	.header .header-content {
		padding: 10px 12px 10px 6px;
		min-height: 0;
	}

	.header .header-content .navbar {
		width: 100%;
	}

	.header .header-content .navbar .navbar-collapse {
		flex-wrap: nowrap;
		align-items: center;
		gap: 8px;
	}

	.header .header-content .header-left {
		flex: 1 1 auto;
		width: auto;
		max-width: none;
		align-items: flex-start;
	}

	.header-left .dashboard_bar {
		display: block;
		width: auto;
		margin: 0;
		font-size: 1rem;
		line-height: 1.15;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.lookon-top-meta {
		display: none;
	}

	.lookon-top-meta .badge {
		max-width: 100%;
		white-space: normal;
		line-height: 1.2;
	}

	.navbar-nav.header-right {
		width: auto;
		max-width: none;
		flex: 0 0 auto;
		justify-content: flex-end;
		padding-bottom: 0;
		overflow: visible;
	}

	.navbar-nav.header-right > li {
		padding-left: 0 !important;
	}

	.nav-header .brand-logo {
		gap: 8px;
	}

	.lookon-brand-logo-desktop {
		display: none !important;
	}

	.lookon-brand-favicon-mobile {
		display: none !important;
	}

	.lookon-brand-favicon-mobile.lookon-brand-mobile-theme-single {
		display: block !important;
	}

	html:not([data-theme-version="dark"]) #main-wrapper .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	#main-wrapper:not([data-theme-version="dark"]) .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light {
		display: block !important;
	}

	html:not([data-theme-version="dark"]) #main-wrapper .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	#main-wrapper:not([data-theme-version="dark"]) .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark {
		display: none !important;
	}

	html[data-theme-version="dark"] #main-wrapper .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	body[data-theme-version="dark"] #main-wrapper .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	body.lookon-theme-dark #main-wrapper .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	#main-wrapper[data-theme-version="dark"] .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light {
		display: none !important;
	}

	html[data-theme-version="dark"] #main-wrapper .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	body[data-theme-version="dark"] #main-wrapper .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	body.lookon-theme-dark #main-wrapper .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	#main-wrapper[data-theme-version="dark"] .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark {
		display: block !important;
	}

	.nav-header .brand-title {
		display: none;
	}

	.lookon-chat-dropdown,
	.lookon-whatsapp-top-item,
	.notification_dropdown,
	.lookon-top-clock-wrap,
	.header-profile {
		display: none !important;
	}

	.lookon-theme-switch-item,
	.lookon-mobile-more-item {
		display: flex !important;
	}

	.lookon-theme-toggle,
	.lookon-mobile-more-toggle {
		width: 42px;
		height: 42px;
		border-radius: 14px;
	}

	.lookon-theme-icon {
		min-width: 30px;
		min-height: 30px;
	}

	.lookon-top-clock-wrap {
		padding-right: 0;
	}

	.lookon-top-clock {
		padding: 6px 10px;
		border-radius: 12px;
	}

	.lookon-top-clock strong {
		font-size: 0.8rem;
	}

	.header-profile > a.nav-link {
		padding: 0;
		background: transparent;
	}

	.header-profile > a.nav-link .header-info {
		display: none;
	}

	.header-profile .dropdown-menu {
		min-width: 16rem;
		max-width: calc(100vw - 24px);
	}

	.lookon-mobile-quick-menu {
		margin-top: 10px;
	}
}

.lookon-user-avatar {
	border-radius: 999px;
	object-fit: cover;
	border: 1px solid rgba(15, 23, 42, 0.12);
}

.lookon-release-modal {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(15, 23, 42, 0.55);
	backdrop-filter: blur(6px);
	z-index: 9999;
}

.lookon-release-modal.is-active {
	display: flex;
}

.lookon-release-card {
	width: min(540px, 92vw);
	background: #ffffff;
	border-radius: 24px;
	padding: 24px;
	box-shadow: 0 22px 60px rgba(15, 23, 42, 0.2);
}

.lookon-release-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.lookon-release-close {
	border: 0;
	background: transparent;
	font-size: 22px;
	line-height: 1;
	color: #0f172a;
	cursor: pointer;
}

.lookon-release-list {
	padding-left: 18px;
	margin: 0 0 18px;
	color: #334155;
}

.lookon-release-list li + li {
	margin-top: 8px;
}

.lookon-release-open {
	overflow: hidden;
}

.lookon-section-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: #eef2f7;
	color: #334155;
}

.lookon-section-badge.tone-success {
	background: rgba(34, 197, 94, 0.16);
	color: #15803d;
}

.lookon-section-badge.tone-info {
	background: rgba(59, 130, 246, 0.16);
	color: #1d4ed8;
}

.lookon-section-badge.tone-warning {
	background: rgba(245, 158, 11, 0.18);
	color: #b45309;
}

.lookon-section-badge.tone-danger {
	background: rgba(239, 68, 68, 0.18);
	color: #b91c1c;
}

.lookon-form-footer {
	margin-top: 14px;
}

.lookon-quick-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
}

.lookon-quick-result {
	margin-top: 16px;
	padding: 16px;
	border-radius: 16px;
	background: #f8fafc;
	border: 1px solid #e5e9ef;
}

.lookon-quick-message {
	font-weight: 600;
	margin-bottom: 12px;
	color: #0f172a;
}

.lookon-inline-form {
	display: inline-flex;
}

.lookon-inline-form.is-submitting {
	opacity: 0.7;
	pointer-events: none;
}

.lookon-update-panel {
	display: grid;
	gap: 14px;
}

.lookon-update-meta-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 10px;
}

.lookon-update-meta-grid > div {
	border: 1px solid #e5e9ef;
	border-radius: 14px;
	padding: 10px 12px;
	background: linear-gradient(140deg, #ffffff 0%, #f8fbfc 100%);
}

.lookon-update-meta-grid > div span {
	display: block;
	font-size: 11px;
	color: #64748b;
	margin-bottom: 4px;
}

.lookon-update-meta-grid > div strong {
	display: block;
	font-size: 14px;
	color: #0f172a;
}

.lookon-update-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.lookon-system-update-alert {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.lookon-system-update-sep {
	opacity: 0.45;
}

.lookon-menu-update-badge {
	margin-left: auto;
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(245, 158, 11, 0.16);
	border: 1px solid rgba(245, 158, 11, 0.34);
	color: #b45309;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.lookon-menu-pill {
	margin-left: 8px;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

.lookon-menu-pill-beta {
	background: rgba(99, 102, 241, 0.16);
	border: 1px solid rgba(99, 102, 241, 0.26);
	color: #4f46e5;
}

.lookon-advanced-settings {
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: 14px;
	border: 1px solid #e5e9ef;
	background: #f8fafc;
}

.lookon-advanced-settings summary {
	cursor: pointer;
	font-weight: 600;
	color: #0f172a;
}

.lookon-advanced-settings .lookon-advanced-body {
	margin-top: 12px;
}

.lookon-advanced-shell {
	display: grid;
	gap: 12px;
	margin-top: 22px;
}

.lookon-advanced-warning {
	margin-bottom: 16px;
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(249, 115, 22, 0.12);
	border: 1px solid rgba(249, 115, 22, 0.2);
	color: #9a3412;
	font-weight: 600;
}

.lookon-integration-tabs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
}

.lookon-integration-tab {
	display: block;
	padding: 18px 20px;
	border-radius: 18px;
	text-decoration: none;
	background: linear-gradient(135deg, #ffffff 0%, #f8fbfc 100%);
	border: 1px solid #e5e9ef;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.lookon-integration-tab:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
}

.lookon-integration-tab.is-active {
	border-color: rgba(15, 92, 92, 0.35);
	background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
}

.lookon-integration-tab strong,
.lookon-integration-tab span {
	display: block;
}

.lookon-integration-tab strong {
	color: #0f172a;
	font-size: 1rem;
}

.lookon-integration-tab span {
	margin-top: 6px;
	color: #64748b;
	font-size: 0.9rem;
}

.lookon-whatsapp-tabs {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0;
	margin: 18px 0 0;
	overflow: hidden;
	border: 1px solid #dbe3eb;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.lookon-whatsapp-tabs .lookon-integration-tab {
	display: flex;
	min-height: 84px;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	padding: 14px 18px;
	border: 0;
	border-right: 1px solid #e5e9ef;
	border-radius: 0;
	background: #ffffff;
	box-shadow: none;
	transform: none;
}

.lookon-whatsapp-tabs .lookon-integration-tab:last-child {
	border-right: 0;
}

.lookon-whatsapp-tabs .lookon-integration-tab:hover {
	background: #f8fbfc;
	box-shadow: none;
	transform: none;
}

.lookon-whatsapp-tabs .lookon-integration-tab.is-active {
	border-color: #d1fae5;
	background: #ecfdf5;
}

.lookon-whatsapp-tabs .lookon-integration-tab strong {
	font-size: 0.98rem;
	line-height: 1.2;
}

.lookon-whatsapp-tabs .lookon-integration-tab span {
	margin-top: 0;
	font-size: 0.86rem;
	line-height: 1.25;
}

.lookon-reference-card {
	padding: 18px 20px;
	border-radius: 18px;
	background: linear-gradient(135deg, #ffffff 0%, #f8fbfc 100%);
	border: 1px solid #e5e9ef;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lookon-reference-card:has(.lookon-status-pill) {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.94) 100%),
		linear-gradient(135deg, rgba(241, 241, 241, 0.94) 0%, rgba(248, 250, 252, 0.98) 100%);
	border-color: rgba(15, 23, 42, 0.06);
}

.lookon-reference-card:has(.lookon-status-pill.tone-success) {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.96) 100%),
		linear-gradient(135deg, rgba(34, 197, 94, 0.12) 0%, rgba(255, 255, 255, 0.92) 56%);
	border-color: rgba(34, 197, 94, 0.16);
}

.lookon-reference-card:has(.lookon-status-pill.tone-danger) {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.96) 100%),
		linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(255, 255, 255, 0.92) 56%);
	border-color: rgba(239, 68, 68, 0.16);
}

.lookon-reference-card:has(.lookon-status-pill.tone-warning),
.lookon-reference-card:has(.lookon-status-pill.tone-info),
.lookon-reference-card:has(.lookon-status-pill.tone-primary) {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.96) 100%),
		linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(255, 255, 255, 0.92) 56%);
	border-color: rgba(59, 130, 246, 0.15);
}

.lookon-reference-card:has(.lookon-status-pill):hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
}

.lookon-reference-list {
	margin: 0;
	padding-left: 18px;
	color: #334155;
}

.lookon-reference-list li + li {
	margin-top: 10px;
}

.lookon-cnj-actions {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.lookon-cnj-status-pill {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	background: rgba(15, 92, 92, 0.12);
	color: #0f5c5c;
}

.lookon-cnj-status-pill.tone-success {
	background: rgba(34, 197, 94, 0.16);
	color: #15803d;
}

.lookon-cnj-status-pill.tone-info {
	background: rgba(59, 130, 246, 0.16);
	color: #1d4ed8;
}

.lookon-cnj-status-pill.tone-warning {
	background: rgba(245, 158, 11, 0.18);
	color: #b45309;
}

.lookon-cnj-status-pill.tone-danger {
	background: rgba(239, 68, 68, 0.18);
	color: #b91c1c;
}

.lookon-cnj-status-message {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #64748b;
	margin-top: 4px;
}

.lookon-password-field {
	position: relative;
}

.lookon-password-field .form-control {
	padding-right: 96px;
}

.lookon-password-toggle {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: rgba(148, 163, 184, 0.18);
	color: #475569;
	padding: 6px 10px;
	border-radius: 10px;
	font-size: 12px;
	cursor: pointer;
}

.lookon-wa-profile-layout {
	display: grid;
	gap: 16px;
}

.lookon-wa-profile-hero {
	border-radius: 18px;
	border: 1px solid #e6ebf1;
	background: #ffffff;
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
	overflow: hidden;
}

.lookon-wa-cover {
	position: relative;
	min-height: 188px;
	background:
		radial-gradient(110% 130% at 10% 0%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 55%),
		linear-gradient(120deg, #0f766e 0%, #1d4ed8 46%, #7c3aed 100%);
	overflow: hidden;
}

.lookon-wa-cover-stripes {
	position: absolute;
	inset: -20% -10%;
	background:
		linear-gradient(24deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 34%, rgba(255, 255, 255, 0.14) 62%, rgba(255, 255, 255, 0) 100%),
		repeating-linear-gradient(
			-22deg,
			rgba(255, 255, 255, 0.16) 0px,
			rgba(255, 255, 255, 0.16) 16px,
			rgba(255, 255, 255, 0) 16px,
			rgba(255, 255, 255, 0) 44px
		);
	pointer-events: none;
	opacity: 0.92;
}

.lookon-wa-cover-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.62);
	color: #ffffff;
	background: rgba(15, 23, 42, 0.24);
}

.lookon-wa-cover-btn:hover,
.lookon-wa-cover-btn:focus {
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.82);
	background: rgba(15, 23, 42, 0.36);
}

.lookon-wa-profile-main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	padding: 14px 18px 18px;
	margin-top: 0;
	position: relative;
	z-index: 2;
}

.lookon-wa-profile-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 108px;
	height: 108px;
	border-radius: 999px;
	border: 5px solid #ffffff;
	background: linear-gradient(145deg, #16a34a 0%, #22c55e 62%, #14b8a6 100%);
	box-shadow: 0 16px 34px rgba(22, 163, 74, 0.34);
	color: #ffffff;
	flex: 0 0 auto;
	margin-top: -64px;
}

.lookon-wa-profile-avatar i {
	font-size: 50px;
	line-height: 1;
}

.lookon-wa-profile-meta {
	flex: 1 1 260px;
	min-width: 240px;
}

.lookon-wa-profile-meta h3 {
	margin: 0;
	font-size: 1.45rem;
	font-weight: 700;
	color: #0f172a;
}

.lookon-wa-profile-meta p {
	margin: 4px 0 0;
	font-size: 14px;
	color: #475569;
}

.lookon-wa-profile-meta small {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #64748b;
}

.lookon-wa-profile-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.lookon-wa-profile-actions .btn {
	min-width: 114px;
	border-radius: 10px;
	font-weight: 600;
}

.lookon-wa-profile-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.lookon-wa-primary-tabs {
	justify-content: flex-start;
}

.lookon-wa-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 18px;
	border-radius: 10px;
	border: 1px solid #d9e0ff;
	background: #ffffff;
	color: #4f46e5;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.16s ease;
}

.lookon-wa-pill i {
	font-size: 15px;
	line-height: 1;
	margin-right: 7px;
}

.lookon-wa-pill:hover,
.lookon-wa-pill:focus {
	border-color: #818cf8;
	color: #4338ca;
	text-decoration: none;
}

.lookon-wa-pill.is-active {
	background: #4f46e5;
	border-color: #4338ca;
	color: #ffffff;
	box-shadow: 0 12px 24px rgba(79, 70, 229, 0.28);
}

.lookon-wa-team-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.lookon-wa-team-card {
	--lookon-wa-tone: var(--lookon-tone-primary-solid);
	--lookon-wa-tone-border: var(--lookon-tone-primary-border);
	position: relative;
	padding: 16px;
	border-radius: 16px;
	border: 1px solid #e6ebf1;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
	transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.lookon-wa-team-card.is-link {
	display: block;
	text-decoration: none;
}

.lookon-wa-team-card.is-link:focus,
.lookon-wa-team-card.is-link:hover {
	text-decoration: none;
}

.lookon-wa-team-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.lookon-wa-team-card.tone-primary {
	--lookon-wa-tone: var(--lookon-tone-primary-solid);
	--lookon-wa-tone-border: var(--lookon-tone-primary-border);
}

.lookon-wa-team-card.tone-success {
	--lookon-wa-tone: var(--lookon-tone-success-solid);
	--lookon-wa-tone-border: var(--lookon-tone-success-border);
}

.lookon-wa-team-card.tone-info {
	--lookon-wa-tone: var(--lookon-tone-info-solid);
	--lookon-wa-tone-border: var(--lookon-tone-info-border);
}

.lookon-wa-team-card.tone-warning {
	--lookon-wa-tone: var(--lookon-tone-warning-solid);
	--lookon-wa-tone-border: var(--lookon-tone-warning-border);
}

.lookon-wa-team-card.tone-danger {
	--lookon-wa-tone: var(--lookon-tone-danger-solid);
	--lookon-wa-tone-border: var(--lookon-tone-danger-border);
}

.lookon-wa-team-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.lookon-wa-team-symbol {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--lookon-wa-tone);
	border: 1px solid var(--lookon-wa-tone-border);
	color: #ffffff;
	flex: 0 0 auto;
}

.lookon-wa-team-symbol i {
	font-size: 18px;
	line-height: 1;
}

.lookon-wa-team-tag {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: var(--lookon-wa-tone);
	border: 1px solid var(--lookon-wa-tone-border);
	color: #ffffff;
	max-width: 72%;
}

.lookon-wa-team-card h4 {
	margin: 12px 0 0;
	font-size: 14px;
	font-weight: 600;
	color: #334155;
}

.lookon-wa-team-card strong {
	display: block;
	margin-top: 6px;
	font-size: 30px;
	line-height: 1.08;
	color: #0f172a;
}

.lookon-wa-team-progress {
	margin-top: 10px;
	height: 6px;
	border-radius: 999px;
	background: #e2e8f0;
	overflow: hidden;
}

.lookon-wa-team-progress-bar {
	height: 100%;
	background: var(--lookon-wa-tone);
	border-radius: inherit;
}

.lookon-wa-team-card small {
	display: block;
	margin-top: 6px;
	font-size: 11px;
	color: #64748b;
}

.lookon-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.lookon-card-link:hover,
.lookon-card-link:focus {
	color: inherit;
	text-decoration: none;
}

.lookon-summary-card .card-body.lookon-card-link,
.lookon-metric-card .card-body.lookon-card-link {
	cursor: pointer;
}

.lookon-wa-loading {
	opacity: 0.65;
	pointer-events: none;
	transition: opacity 0.16s ease;
}

.lookon-wa-chart.card {
	border-radius: 16px;
	border: 1px solid #e6ebf1;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.04);
}

body[data-theme-version="dark"] .lookon-wa-profile-hero,
body[data-theme-version="dark"] .lookon-wa-team-card,
body[data-theme-version="dark"] .lookon-wa-chart.card {
	background: #121922;
	border-color: #25303c;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-wa-cover {
	background:
		radial-gradient(110% 130% at 10% 0%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 55%),
		linear-gradient(120deg, #0b7662 0%, #173a8a 46%, #5b21b6 100%);
}

body[data-theme-version="dark"] .lookon-wa-cover-stripes {
	opacity: 0.78;
}

body[data-theme-version="dark"] .lookon-wa-profile-avatar {
	border-color: #121922;
	box-shadow: 0 16px 34px rgba(6, 95, 70, 0.42);
}

body[data-theme-version="dark"] .lookon-wa-profile-meta h3 {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-wa-profile-meta p,
body[data-theme-version="dark"] .lookon-wa-profile-meta small,
body[data-theme-version="dark"] .lookon-wa-team-card h4,
body[data-theme-version="dark"] .lookon-wa-team-card small {
	color: #9fb0c0;
}

body[data-theme-version="dark"] .lookon-wa-team-card strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-wa-team-progress {
	background: #25303c;
}

body[data-theme-version="dark"] .lookon-wa-pill {
	background: #18212a;
	border-color: #25303c;
	color: #a5b4fc;
}

body[data-theme-version="dark"] .lookon-wa-pill:hover,
body[data-theme-version="dark"] .lookon-wa-pill:focus {
	border-color: #6366f1;
	color: #c7d2fe;
}

body[data-theme-version="dark"] .lookon-wa-pill.is-active {
	background: #4f46e5;
	border-color: #4338ca;
	color: #ffffff;
}

@media (max-width: 1199px) {
	.lookon-wa-team-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.lookon-wa-profile-main {
		padding: 12px 16px 16px;
	}

	.lookon-wa-profile-actions {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.lookon-wa-cover {
		min-height: 152px;
	}

	.lookon-wa-profile-main {
		padding: 12px 14px 14px;
	}

	.lookon-wa-profile-avatar {
		width: 86px;
		height: 86px;
		border-width: 4px;
		margin-top: -46px;
	}

	.lookon-wa-profile-avatar i {
		font-size: 40px;
	}

	.lookon-wa-profile-meta h3 {
		font-size: 1.2rem;
	}

	.lookon-wa-profile-actions .btn {
		flex: 1 1 132px;
	}

	.lookon-wa-team-grid {
		grid-template-columns: 1fr;
	}
}

.lookon-wa-dashboard .lookon-wa-kpi-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.lookon-wa-kpi {
	border-radius: 16px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e6ebf1;
}

.lookon-wa-kpi span {
	display: block;
	font-size: 12px;
	color: #64748b;
}

.lookon-wa-kpi strong {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #0f172a;
	margin-top: 6px;
}

.lookon-wa-kpi.tone-warning {
	background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, #fff 100%);
}

.lookon-wa-kpi.tone-success {
	background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, #fff 100%);
}

.lookon-wa-kpi.tone-danger {
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, #fff 100%);
}

.lookon-wa-kpi.tone-info {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, #fff 100%);
}

.lookon-wa-kpi.tone-primary {
	background: linear-gradient(135deg, rgba(15, 92, 92, 0.1) 0%, #fff 100%);
}

.lookon-wa-qr-wrap {
	border: 1px dashed #cbd5e1;
	border-radius: 14px;
	padding: 18px;
	min-height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.lookon-wa-qr-wrap img {
	max-width: 280px;
	width: 100%;
	height: auto;
}

.lookon-wa-qr-wrap pre {
	margin: 0;
	white-space: pre-wrap;
	word-break: break-word;
	font-size: 11px;
}

.lookon-wa-inbox {
	display: grid;
	gap: 14px;
}

.lookon-wa-contacts-workspace {
	display: grid;
	gap: 14px;
}

.lookon-wa-sub-hero {
	border-radius: 16px;
	border: 1px solid #e6ebf1;
	background: #ffffff;
	overflow: hidden;
}

.lookon-wa-sub-hero-cover {
	min-height: 94px;
	background:
		radial-gradient(90% 120% at 0% 0%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)),
		linear-gradient(120deg, #0f766e 0%, #2563eb 46%, #7c3aed 100%);
}

.lookon-wa-sub-hero-conversations .lookon-wa-sub-hero-cover {
	background:
		radial-gradient(90% 120% at 0% 0%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)),
		linear-gradient(120deg, #0f766e 0%, #0891b2 50%, #1d4ed8 100%);
}

.lookon-wa-sub-hero-contacts .lookon-wa-sub-hero-cover {
	background:
		radial-gradient(90% 120% at 0% 0%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)),
		linear-gradient(120deg, #15803d 0%, #16a34a 46%, #0891b2 100%);
}

.lookon-wa-sub-hero-main {
	padding: 12px 16px 16px;
	display: grid;
	gap: 12px;
	margin-top: -22px;
}

.lookon-wa-sub-hero-title h4 {
	margin: 0;
	font-size: 1.25rem;
	color: #0f172a;
}

.lookon-wa-sub-hero-title p {
	margin: 4px 0 0;
	font-size: 13px;
	color: #64748b;
}

.lookon-wa-mini-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.lookon-wa-mini-card {
	--lookon-wa-mini-bg: var(--lookon-tone-primary-solid);
	background: linear-gradient(140deg, var(--lookon-wa-mini-bg) 0%, rgba(15, 23, 42, 0.78) 180%);
	border: 1px solid rgba(15, 23, 42, 0.28);
	border-radius: 12px;
	padding: 10px 12px;
	color: #ffffff;
}

.lookon-wa-mini-card.tone-primary {
	--lookon-wa-mini-bg: var(--lookon-tone-primary-solid);
}

.lookon-wa-mini-card.tone-success {
	--lookon-wa-mini-bg: var(--lookon-tone-success-solid);
}

.lookon-wa-mini-card.tone-info {
	--lookon-wa-mini-bg: var(--lookon-tone-info-solid);
}

.lookon-wa-mini-card.tone-warning {
	--lookon-wa-mini-bg: var(--lookon-tone-warning-solid);
}

.lookon-wa-mini-card span {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: 0.92;
}

.lookon-wa-mini-card strong {
	display: block;
	margin-top: 4px;
	font-size: 24px;
	line-height: 1;
	color: #ffffff;
}

.lookon-wa-filters {
	padding: 14px;
	border: 1px solid #e6ebf1;
	border-radius: 16px;
	background: #fff;
}

.lookon-wa-filters-inline {
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.lookon-wa-inbox-grid {
	display: grid;
	grid-template-columns: 340px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.lookon-wa-conversation-list {
	border: 1px solid #e6ebf1;
	border-radius: 16px;
	background: #fff;
	max-height: 820px;
	overflow: auto;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.lookon-wa-conversation-item {
	display: block;
	padding: 14px;
	border-bottom: 1px solid #f1f5f9;
	text-decoration: none;
	color: inherit;
}

.lookon-wa-conversation-item:hover {
	background: #f8fafc;
	text-decoration: none;
}

.lookon-wa-conversation-item.is-active {
	background: rgba(79, 70, 229, 0.1);
}

.lookon-wa-conversation-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.lookon-wa-conversation-person {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.lookon-wa-conversation-avatar {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(145deg, #4f46e5, #2563eb);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	flex: 0 0 auto;
}

.lookon-wa-conversation-head strong {
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-wa-conversation-head small {
	font-size: 11px;
	color: #64748b;
}

.lookon-wa-conversation-item p {
	margin: 6px 0;
	font-size: 13px;
	color: #475569;
}

.lookon-wa-conversation-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-size: 11px;
	color: #64748b;
}

.lookon-wa-thread-column {
	border: 1px solid #e6ebf1;
	border-radius: 16px;
	background: #fff;
	display: flex;
	flex-direction: column;
	min-height: 820px;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.lookon-wa-thread-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 14px;
	border-bottom: 1px solid #f1f5f9;
}

.lookon-wa-thread-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.lookon-wa-thread {
	flex: 1;
	overflow: auto;
	padding: 16px;
	background:
		linear-gradient(0deg, rgba(248, 250, 252, 0.95), rgba(248, 250, 252, 0.95)),
		repeating-linear-gradient(
			90deg,
			rgba(148, 163, 184, 0.08) 0px,
			rgba(148, 163, 184, 0.08) 1px,
			transparent 1px,
			transparent 18px
		);
}

.lookon-wa-message {
	max-width: 75%;
	margin-bottom: 10px;
}

.lookon-wa-message.is-outgoing {
	margin-left: auto;
}

.lookon-wa-message-body {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 10px 12px;
}

.lookon-wa-message.is-outgoing .lookon-wa-message-body {
	background: #eef2ff;
	border-color: #c7d2fe;
}

.lookon-wa-message-body p {
	margin: 0;
	white-space: pre-wrap;
}

.lookon-wa-message-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-size: 10px;
	color: #64748b;
	margin-top: 4px;
	padding: 0 4px;
}

.lookon-wa-compose {
	padding: 14px;
	border-top: 1px solid #f1f5f9;
	background: #ffffff;
}

.lookon-wa-compose .btn {
	border-radius: 10px;
}

.lookon-chat-shell {
	display: grid;
	grid-template-columns: 58px 320px minmax(0, 1fr);
	gap: 0;
	border: 1px solid #e6ebf1;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
	overflow: hidden;
	min-height: 840px;
}

.lookon-chat-shell.is-thinking .lookon-chat-main {
	position: relative;
}

.lookon-chat-shell.is-thinking .lookon-chat-main::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.52);
	backdrop-filter: blur(1.5px);
	z-index: 12;
}

.lookon-chat-shell.is-thinking .lookon-chat-main::after {
	content: "Look IA pensando...";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid #cdd8e6;
	background: #ffffff;
	color: #1e3a8a;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.01em;
	z-index: 13;
	animation: lookon-chat-thinking-pulse 1.05s ease-in-out infinite;
}

@keyframes lookon-chat-thinking-pulse {
	0% {
		opacity: 0.64;
		transform: translate(-50%, -50%) scale(0.985);
	}
	50% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0.64;
		transform: translate(-50%, -50%) scale(0.985);
	}
}

.lookon-chat-shell-whatsapp {
	height: clamp(640px, calc(100vh - 176px), 860px);
	min-height: 640px;
	max-height: 860px;
}

.lookon-chat-shell-whatsapp .lookon-chat-sidebar,
.lookon-chat-shell-whatsapp .lookon-chat-main {
	height: 100%;
	min-height: 0;
}

.lookon-crm-charge-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
}

.lookon-crm-charge-toolbar .lookon-inline-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.lookon-crm-charge-toolbar .lookon-input-group {
	display: flex;
	gap: 8px;
	align-items: center;
}

.lookon-crm-charge-toolbar .form-control {
	min-width: 240px;
}

.lookon-crm-charge-toolbar .text-muted {
	font-size: 12px;
}

.lookon-chat-rail {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 12px 8px;
	background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
	border-right: 1px solid #e6ebf1;
}

.lookon-chat-rail-brand {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.lookon-chat-rail-button {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	border-radius: 8px;
	padding: 9px 7px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
	background: transparent;
	text-decoration: none;
	border: 1px solid transparent;
}

.lookon-chat-rail-button.is-active,
.lookon-chat-rail-button:hover,
.lookon-chat-rail-button:focus {
	background: #ffffff;
	color: #1e293b;
	border-color: #dbe7f5;
	text-decoration: none;
}

.lookon-chat-sidebar {
	border-right: 1px solid #eef2f7;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.lookon-chat-sidebar-head,
.lookon-chat-main-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 16px 12px;
	border-bottom: 1px solid #eef2f7;
}

.lookon-chat-sidebar-head h4,
.lookon-chat-main-head h5 {
	margin: 0;
	color: #0f172a;
	font-size: 1.08rem;
	font-weight: 700;
}

.lookon-chat-sidebar-head p,
.lookon-chat-main-head p {
	margin: 4px 0 0;
	color: #64748b;
	font-size: 12px;
}

.lookon-chat-counter {
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #eef4ff;
	color: #1d4ed8;
	font-weight: 700;
	font-size: 13px;
}

.lookon-chat-search-form {
	display: grid;
	gap: 8px;
	padding: 10px 12px;
	border-bottom: 1px solid #eef2f7;
	background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
}

.lookon-chat-sidebar-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 10px 12px 0;
}

.lookon-chat-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 10px;
	border-radius: 8px;
	border: 1px solid #dbe7f5;
	background: #f8fbff;
	color: #334155;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
}

.lookon-chat-chip.tone-primary {
	background: #eef4ff;
	border-color: #d5e4ff;
	color: #1d4ed8;
}

.lookon-chat-chip.tone-warning {
	background: #fff7ed;
	border-color: #fed7aa;
	color: #c2410c;
}

.lookon-chat-chip.is-link:hover,
.lookon-chat-chip.is-link:focus {
	color: #1d4ed8;
	border-color: #bfd3f8;
	text-decoration: none;
}

.lookon-chat-filter-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.lookon-chat-filter-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.lookon-chat-filter-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.lookon-chat-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #475569;
}

.lookon-chat-section-label {
	padding: 10px 12px 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #94a3b8;
}

.lookon-chat-conversation-list {
	flex: 1;
	overflow: auto;
	padding: 0 8px 10px;
	scroll-behavior: auto;
	overflow-anchor: none;
}

.lookon-chat-conversation-item {
	display: block;
	margin: 0 4px 8px;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #edf2f7;
	background: #ffffff;
	color: inherit;
	text-decoration: none;
	transition: all 0.2s ease;
}

.lookon-chat-conversation-item:hover,
.lookon-chat-conversation-item:focus {
	background: #f8fbff;
	border-color: #dce8f8;
	text-decoration: none;
}

.lookon-chat-conversation-item.is-active {
	background: #f2f7ff;
	border-color: #cfe0fb;
	box-shadow: none;
}

.lookon-chat-conversation-top,
.lookon-chat-conversation-identity,
.lookon-chat-main-identity,
.lookon-chat-bubble-label,
.lookon-chat-composer-actions,
.lookon-chat-shortcuts,
.lookon-chat-thread-meta,
.lookon-chat-main-actions,
.lookon-chat-conversation-meta {
	display: flex;
	align-items: center;
}

.lookon-chat-conversation-top,
.lookon-chat-main-actions,
.lookon-chat-conversation-meta {
	justify-content: space-between;
	gap: 10px;
}

.lookon-chat-conversation-identity,
.lookon-chat-main-identity,
.lookon-chat-bubble-label,
.lookon-chat-shortcuts,
.lookon-chat-thread-meta,
.lookon-chat-composer-actions {
	gap: 10px;
}

.lookon-chat-avatar {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	line-height: 0;
}

.lookon-chat-avatar.is-large {
	width: 42px;
	height: 42px;
	font-size: 13px;
}

.lookon-chat-avatar-initials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	line-height: 1;
}

.lookon-chat-avatar-image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: inherit;
}

.lookon-chat-avatar.has-image .lookon-chat-avatar-initials {
	display: none;
}

.lookon-chat-conversation-identity strong {
	display: block;
	color: #0f172a;
	font-size: 14px;
}

.lookon-chat-conversation-identity span,
.lookon-chat-conversation-top small,
.lookon-chat-conversation-item p,
.lookon-chat-conversation-meta,
.lookon-chat-bubble-meta,
.lookon-chat-thread-meta {
	color: #64748b;
	font-size: 12px;
}

.lookon-chat-conversation-item p {
	margin: 8px 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lookon-chat-unread {
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff7ed;
	color: #ea580c;
	font-size: 11px;
	font-weight: 700;
}

.lookon-chat-main {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background:
		linear-gradient(0deg, rgba(248, 250, 252, 0.94), rgba(248, 250, 252, 0.94)),
		repeating-linear-gradient(
			90deg,
			rgba(148, 163, 184, 0.06) 0px,
			rgba(148, 163, 184, 0.06) 1px,
			transparent 1px,
			transparent 18px
		);
}

.lookon-chat-thread-meta {
	flex-wrap: wrap;
	padding: 8px 16px;
	border-bottom: 1px solid #eef2f7;
	background: rgba(255, 255, 255, 0.78);
}

.lookon-chat-main-actions {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.lookon-chat-size-controls {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-right: auto;
}

.lookon-chat-thread {
	flex: 1;
	min-height: 0;
	overflow: auto;
	padding: 12px 16px;
	scroll-behavior: auto;
	overflow-anchor: none;
}

.lookon-chat-empty-state {
	display: grid;
	gap: 8px;
	padding: 16px;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.82);
}

.lookon-chat-empty-state strong {
	color: #0f172a;
	font-size: 15px;
}

.lookon-chat-empty-state p {
	margin: 0;
	color: #64748b;
	line-height: 1.6;
}

.lookon-chat-empty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.lookon-chat-bubble {
	max-width: 72%;
	margin-bottom: 10px;
}

.lookon-chat-bubble.is-outgoing {
	margin-left: auto;
}

.lookon-chat-bubble-card {
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 9px 11px;
	background: #ffffff;
	box-shadow: none;
}

.lookon-chat-bubble.is-outgoing .lookon-chat-bubble-card {
	background: #eef4ff;
	border-color: #cfe0fb;
}

.lookon-chat-bubble-label {
	justify-content: space-between;
	margin-bottom: 5px;
}

.lookon-chat-bubble-label strong {
	color: #0f172a;
	font-size: 13px;
}

.lookon-chat-bubble-label span {
	color: #64748b;
	font-size: 11px;
}

.lookon-chat-bubble-card p {
	margin: 0;
	color: #334155;
	line-height: 1.45;
	white-space: pre-wrap;
}

.lookon-chat-bubble-card a {
	margin-top: 8px;
	display: inline-flex;
	align-items: center;
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}

.lookon-chat-attachment {
	margin-top: 8px;
	display: grid;
	gap: 8px;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #dbe5f2;
	background: #f8fbff;
}

.lookon-chat-attachment.is-image .lookon-chat-attachment-preview {
	display: block;
	width: min(100%, 320px);
	border-radius: 14px;
	overflow: hidden;
	background: #ffffff;
}

.lookon-chat-attachment-preview img {
	display: block;
	width: 100%;
	max-height: 220px;
	object-fit: cover;
}

.lookon-chat-attachment-meta {
	display: grid;
	gap: 4px;
}

.lookon-chat-attachment-kind {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(29, 78, 216, 0.10);
	color: #1d4ed8;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lookon-chat-attachment-meta strong {
	color: #0f172a;
	font-size: 13px;
	line-height: 1.4;
	word-break: break-word;
}

.lookon-chat-attachment-meta small {
	color: #64748b;
	font-size: 11px;
}

.lookon-chat-attachment-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}

.lookon-chat-attachment-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 0 12px;
	border-radius: 999px;
	background: rgba(29, 78, 216, 0.08);
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.lookon-chat-bubble-meta {
	margin-top: 5px;
	padding: 0 4px;
	justify-content: space-between;
	gap: 8px;
}

.lookon-chat-composer {
	padding: 10px 16px 12px;
	border-top: 1px solid #eef2f7;
	background: rgba(255, 255, 255, 0.92);
}

.lookon-chat-composer-upload {
	display: grid;
	gap: 6px;
	margin-bottom: 12px;
}

.lookon-chat-upload-label {
	color: #0f172a;
	font-size: 12px;
	font-weight: 700;
}

.lookon-chat-upload-input {
	display: block;
	width: 100%;
	padding: 10px 12px;
	border: 1px dashed #dbe5f2;
	border-radius: 14px;
	background: #ffffff;
	color: #0f172a;
	font: inherit;
}

.lookon-chat-composer-upload small,
.lookon-chat-upload-status {
	display: block;
	min-height: 16px;
	color: #64748b;
	font-size: 11px;
}

.lookon-chat-upload-status.is-error {
	color: #dc2626;
}

.lookon-chat-upload-status.is-success {
	color: #0f766e;
}

.lookon-chat-shortcuts {
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.lookon-chat-composer-input {
	margin-bottom: 8px;
}

.lookon-chat-composer-input textarea.form-control {
	min-height: 68px;
	border-radius: 8px;
	resize: vertical;
}

.lookon-chat-composer-actions {
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top: 8px;
}

.lookon-chat-ai-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.lookon-chat-ai-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	padding: 6px 12px;
	border: 1px solid #cfd8e6;
	border-radius: 999px;
	background: #ffffff;
	color: #1f2937;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.lookon-chat-ai-toggle img {
	width: 18px;
	height: 18px;
}

.lookon-chat-ai-toggle.is-active {
	border-color: #0f766e;
	background: #e8f8f3;
	color: #0f766e;
}

.lookon-chat-ai-note {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	background: #fff7ed;
	color: #c2410c;
	font-size: 11px;
	font-weight: 700;
}

.lookon-chat-ai-quick-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.lookon-chat-ai-chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border: 1px solid #bfd3ef;
	border-radius: 999px;
	background: #f7fbff;
	color: #1d4ed8;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}

.lookon-chat-ai-chip:hover,
.lookon-chat-ai-chip:focus {
	border-color: #7aa7ec;
	background: #eff6ff;
	color: #1e3a8a;
}

.lookon-chat-bubble.is-assistant .lookon-chat-bubble-card {
	border-color: #bfe4da;
	background: #ebfaf4;
}

.lookon-chat-composer-upload.is-disabled {
	display: none !important;
}

.lookon-chat-shell-tickets {
	--lookon-chat-shell-height: 820px;
	height: clamp(640px, var(--lookon-chat-shell-height), 960px);
	min-height: 640px;
	max-height: 960px;
}

.lookon-chat-shell-tickets .lookon-chat-sidebar,
.lookon-chat-shell-tickets .lookon-chat-main {
	height: 100%;
	min-height: 0;
}

.lookon-chat-shell-tickets .lookon-chat-bubble-identity {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.lookon-chat-shell-tickets .lookon-chat-bubble-label {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2px;
}

.lookon-chat-shell-tickets .lookon-chat-conversation-list,
.lookon-chat-shell-tickets .lookon-chat-thread {
	min-height: 0;
	overflow-y: auto;
}

.lookon-chat-shell-tickets .lookon-chat-thread {
	scroll-behavior: auto;
}

.lookon-chat-shell-tickets .lookon-chat-thread {
	padding-top: 18px;
	padding-bottom: 18px;
}

.lookon-chat-shell-tickets .lookon-chat-composer {
	padding: 14px 18px 16px;
}

.lookon-chat-shell-tickets .lookon-chat-composer-upload {
	gap: 4px;
	margin-bottom: 10px;
}

body[data-theme-version="dark"] .lookon-chat-shell {
	background: #101926;
	border-color: #243041;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-chat-rail,
body[data-theme-version="dark"] .lookon-chat-search-form,
body[data-theme-version="dark"] .lookon-chat-sidebar,
body[data-theme-version="dark"] .lookon-chat-main-head,
body[data-theme-version="dark"] .lookon-chat-thread-meta,
body[data-theme-version="dark"] .lookon-chat-composer {
	background: #101926;
	border-color: #243041;
}

body[data-theme-version="dark"] .lookon-chat-conversation-item,
body[data-theme-version="dark"] .lookon-chat-bubble-card {
	background: #162232;
	border-color: #243041;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-chat-sidebar-summary,
body[data-theme-version="dark"] .lookon-chat-empty-state {
	background: transparent;
}

body[data-theme-version="dark"] .lookon-chat-conversation-item.is-active {
	background: #1a2b43;
	border-color: #34517a;
}

body[data-theme-version="dark"] .lookon-chat-sidebar-head h4,
body[data-theme-version="dark"] .lookon-chat-main-head h5,
body[data-theme-version="dark"] .lookon-chat-conversation-identity strong,
body[data-theme-version="dark"] .lookon-chat-bubble-label strong,
body[data-theme-version="dark"] .lookon-chat-bubble-card p,
body[data-theme-version="dark"] .lookon-chat-empty-state strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-chat-sidebar-head p,
body[data-theme-version="dark"] .lookon-chat-main-head p,
body[data-theme-version="dark"] .lookon-chat-conversation-identity span,
body[data-theme-version="dark"] .lookon-chat-conversation-top small,
body[data-theme-version="dark"] .lookon-chat-conversation-item p,
body[data-theme-version="dark"] .lookon-chat-conversation-meta,
body[data-theme-version="dark"] .lookon-chat-thread-meta,
body[data-theme-version="dark"] .lookon-chat-bubble-meta,
body[data-theme-version="dark"] .lookon-chat-bubble-label span,
body[data-theme-version="dark"] .lookon-chat-section-label,
body[data-theme-version="dark"] .lookon-chat-empty-state p {
	color: #94a3b8;
}

body[data-theme-version="dark"] .lookon-chat-chip {
	background: #162232;
	border-color: #243041;
	color: #cbd5e1;
}

body[data-theme-version="dark"] .lookon-chat-chip.tone-primary {
	background: rgba(59, 130, 246, 0.16);
	border-color: rgba(96, 165, 250, 0.24);
	color: #93c5fd;
}

body[data-theme-version="dark"] .lookon-chat-chip.tone-warning {
	background: rgba(234, 88, 12, 0.16);
	border-color: rgba(251, 146, 60, 0.24);
	color: #fdba74;
}

body[data-theme-version="dark"] .lookon-chat-empty-state {
	border-color: #334155;
}

body[data-theme-version="dark"] .lookon-chat-main {
	background:
		linear-gradient(0deg, rgba(16, 25, 38, 0.96), rgba(16, 25, 38, 0.96)),
		repeating-linear-gradient(
			90deg,
			rgba(71, 85, 105, 0.12) 0px,
			rgba(71, 85, 105, 0.12) 1px,
			transparent 1px,
			transparent 18px
		);
}

body[data-theme-version="dark"] .lookon-chat-bubble.is-outgoing .lookon-chat-bubble-card {
	background: #1d3557;
	border-color: #34517a;
}

body[data-theme-version="dark"] .lookon-chat-ai-toggle {
	background: #162232;
	border-color: #334155;
	color: #dbeafe;
}

body[data-theme-version="dark"] .lookon-chat-ai-toggle.is-active {
	background: rgba(15, 118, 110, 0.22);
	border-color: #0f766e;
	color: #99f6e4;
}

body[data-theme-version="dark"] .lookon-chat-ai-note {
	background: rgba(194, 65, 12, 0.2);
	color: #fdba74;
}

body[data-theme-version="dark"] .lookon-chat-ai-chip {
	background: #162232;
	border-color: #34517a;
	color: #bfdbfe;
}

body[data-theme-version="dark"] .lookon-chat-ai-chip:hover,
body[data-theme-version="dark"] .lookon-chat-ai-chip:focus {
	background: #1d3557;
	border-color: #4f77ad;
	color: #dbeafe;
}

body[data-theme-version="dark"] .lookon-chat-bubble.is-assistant .lookon-chat-bubble-card {
	background: #133129;
	border-color: #1f5f4f;
}

@media (max-width: 1399px) {
	.lookon-whatsapp-tabs {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(3n) {
		border-right: 0;
	}

	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(n + 4) {
		border-top: 1px solid #e5e9ef;
	}

	body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab:nth-child(n + 4) {
		border-top-color: #25303c;
	}

	.lookon-chat-shell {
		grid-template-columns: 60px 320px minmax(0, 1fr);
	}
}

@media (max-width: 1199px) {
	.lookon-whatsapp-tabs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lookon-whatsapp-tabs .lookon-integration-tab,
	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(3n) {
		border-right: 1px solid #e5e9ef;
	}

	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(2n) {
		border-right: 0;
	}

	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(n + 3) {
		border-top: 1px solid #e5e9ef;
	}

	body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab,
	body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab:nth-child(3n) {
		border-right-color: #25303c;
	}

	body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab:nth-child(n + 3) {
		border-top-color: #25303c;
	}

	.lookon-chat-shell {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.lookon-chat-shell-whatsapp {
		height: auto;
		min-height: auto;
		max-height: none;
	}

	.lookon-chat-shell-whatsapp .lookon-chat-sidebar,
	.lookon-chat-shell-whatsapp .lookon-chat-main {
		height: auto;
	}

	.lookon-chat-shell-whatsapp .lookon-chat-thread {
		min-height: 320px;
		max-height: 62vh;
	}

	.lookon-chat-shell-tickets {
		height: auto;
		min-height: auto;
		max-height: none;
	}

	.lookon-chat-rail {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		border-right: 0;
		border-bottom: 1px solid #e6ebf1;
	}

	.lookon-chat-rail-button {
		writing-mode: horizontal-tb;
		transform: none;
	}

	.lookon-chat-sidebar {
		border-right: 0;
		border-bottom: 1px solid #eef2f7;
		max-height: 520px;
	}
}

@media (max-width: 767px) {
	.lookon-chat-sidebar-head,
	.lookon-chat-main-head,
	.lookon-chat-search-form,
	.lookon-chat-thread,
	.lookon-chat-composer {
		padding-left: 16px;
		padding-right: 16px;
	}

	.lookon-chat-filter-grid {
		grid-template-columns: 1fr;
	}

	.lookon-chat-filter-actions,
	.lookon-chat-composer-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.lookon-chat-conversation-item {
		margin-left: 0;
		margin-right: 0;
	}

	.lookon-chat-bubble {
		max-width: 92%;
	}
}

.lookon-wa-attendance-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 12px;
	color: #334155;
}

.lookon-wa-contacts-grid {
	display: grid;
	grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.45fr);
	gap: 14px;
	align-items: start;
}

.lookon-wa-contact-form-card,
.lookon-wa-contact-table-card {
	border-radius: 16px;
	border: 1px solid #e6ebf1;
	background: #ffffff;
	padding: 16px;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.lookon-wa-contact-form-card h5,
.lookon-wa-contact-table-card h5 {
	margin-bottom: 12px;
	color: #0f172a;
}

.lookon-wa-contact-form .btn {
	border-radius: 10px;
}

.lookon-wa-contact-table-card .table th,
.lookon-wa-contact-table-card .table td {
	vertical-align: middle;
}

.lookon-wa-contact-identity {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.lookon-wa-contact-avatar-img,
.lookon-wa-contact-avatar-fallback {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	flex: 0 0 auto;
}

.lookon-wa-contact-avatar-img {
	object-fit: cover;
	background: #e2e8f0;
}

.lookon-wa-contact-avatar-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(145deg, #4f46e5, #2563eb);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.lookon-wa-contact-name-text {
	display: block;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-wa-webhook-table {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.lookon-wa-webhook-row {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 10px 12px;
	background: #fff;
}

.lookon-wa-webhook-row code {
	display: block;
	font-size: 11px;
	white-space: pre-wrap;
	word-break: break-all;
	color: #334155;
}

.lookon-empty-box {
	padding: 16px;
	border: 1px dashed #cbd5e1;
	border-radius: 12px;
	background: #fff;
	color: #64748b;
	font-size: 13px;
}

body[data-theme-version="dark"] .lookon-wa-sub-hero,
body[data-theme-version="dark"] .lookon-wa-filters,
body[data-theme-version="dark"] .lookon-wa-conversation-list,
body[data-theme-version="dark"] .lookon-wa-thread-column,
body[data-theme-version="dark"] .lookon-wa-compose,
body[data-theme-version="dark"] .lookon-wa-contact-form-card,
body[data-theme-version="dark"] .lookon-wa-contact-table-card,
body[data-theme-version="dark"] .lookon-wa-shortcuts-dropdown .card {
	background: #121922;
	border-color: #25303c;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-wa-sub-hero-title h4,
body[data-theme-version="dark"] .lookon-wa-contact-form-card h5,
body[data-theme-version="dark"] .lookon-wa-contact-table-card h5 {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-wa-sub-hero-title p,
body[data-theme-version="dark"] .lookon-wa-conversation-head small,
body[data-theme-version="dark"] .lookon-wa-conversation-meta,
body[data-theme-version="dark"] .lookon-wa-message-meta,
body[data-theme-version="dark"] .lookon-wa-attendance-inline,
body[data-theme-version="dark"] .lookon-wa-contact-table-card small,
body[data-theme-version="dark"] .lookon-wa-shortcut-content small,
body[data-theme-version="dark"] .lookon-wa-shortcut-meta {
	color: #9fb0c0;
}

body[data-theme-version="dark"] .lookon-wa-shortcut-item {
	border-bottom-color: #25303c;
}

body[data-theme-version="dark"] .lookon-wa-shortcut-content strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-wa-local-media-box {
	background: #0f1722;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-wa-local-media-summary {
	background: #111c29;
	border-color: #334155;
	color: #cbd5e1;
}

body[data-theme-version="dark"] .lookon-whatsapp-tabs {
	background: #111923;
	border-color: #25303c;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab {
	background: #111923;
	border-right-color: #25303c;
}

body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab:hover {
	background: #18212a;
}

body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab.is-active {
	background: rgba(22, 163, 74, 0.14);
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-whatsapp-tabs .lookon-integration-tab span {
	color: #9fb0c0;
}

body[data-theme-version="dark"] .lookon-wa-conversation-item {
	border-bottom-color: #25303c;
}

body[data-theme-version="dark"] .lookon-wa-conversation-item:hover {
	background: #18212a;
}

body[data-theme-version="dark"] .lookon-wa-conversation-item.is-active {
	background: rgba(79, 70, 229, 0.2);
}

body[data-theme-version="dark"] .lookon-wa-conversation-head strong,
body[data-theme-version="dark"] .lookon-wa-message-body p {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-wa-contact-name-text {
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-wa-thread {
	background:
		linear-gradient(0deg, rgba(24, 33, 42, 0.95), rgba(24, 33, 42, 0.95)),
		repeating-linear-gradient(
			90deg,
			rgba(148, 163, 184, 0.08) 0px,
			rgba(148, 163, 184, 0.08) 1px,
			transparent 1px,
			transparent 18px
		);
}

body[data-theme-version="dark"] .lookon-wa-message-body {
	background: #18212a;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-wa-message.is-outgoing .lookon-wa-message-body {
	background: #1e1b4b;
	border-color: #4338ca;
}

@media (max-width: 1199px) {
	.lookon-wa-dashboard .lookon-wa-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lookon-wa-mini-grid {
		grid-template-columns: 1fr;
	}

	.lookon-wa-inbox-grid {
		grid-template-columns: 1fr;
	}

	.lookon-wa-contacts-grid {
		grid-template-columns: 1fr;
	}

	.lookon-wa-conversation-list,
	.lookon-wa-thread-column {
		max-height: none;
		min-height: 480px;
	}
}

@media (max-width: 767px) {
	.lookon-wa-dashboard .lookon-wa-kpi-grid {
		grid-template-columns: 1fr;
	}

	.lookon-wa-sub-hero-main {
		padding: 10px 12px 12px;
		margin-top: -14px;
	}

	.lookon-wa-sub-hero-title h4 {
		font-size: 1.05rem;
	}

	.lookon-wa-message {
		max-width: 92%;
	}
}

.lookon-wa-alert {
	margin-bottom: 12px;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid #f59e0b;
	background: #fff7ed;
	color: #9a3412;
}

.lookon-wa-alert strong {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
}

.lookon-wa-alert ul {
	margin: 0;
	padding-left: 16px;
}

.lookon-wa-copy-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.lookon-wa-copy-item {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #ffffff;
	padding: 10px 12px;
}

.lookon-wa-copy-item label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: #475569;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
}

.lookon-wa-copy-item code {
	display: block;
	font-size: 11px;
	color: #1e293b;
	word-break: break-all;
	white-space: pre-wrap;
}

.lookon-wa-copy-item .btn {
	margin-top: 8px;
}

button[data-lookon-copy].is-copied {
	background: #16a34a !important;
	border-color: #15803d !important;
	color: #ffffff !important;
}

body[data-theme-version="dark"] .lookon-wa-copy-item {
	background: #121922;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-wa-copy-item label {
	color: #cbd5e1;
}

body[data-theme-version="dark"] .lookon-wa-copy-item code {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-wa-alert {
	background: rgba(234, 88, 12, 0.12);
	border-color: rgba(234, 88, 12, 0.45);
	color: #fed7aa;
}

@media (max-width: 767px) {
	.lookon-wa-copy-grid {
		grid-template-columns: 1fr;
	}
}

:root {
	--lookon-tone-primary-solid: #2563eb;
	--lookon-tone-primary-border: #1d4ed8;
	--lookon-tone-success-solid: #16a34a;
	--lookon-tone-success-border: #15803d;
	--lookon-tone-info-solid: #0891b2;
	--lookon-tone-info-border: #0e7490;
	--lookon-tone-warning-solid: #ea580c;
	--lookon-tone-warning-border: #c2410c;
	--lookon-tone-danger-solid: #dc2626;
	--lookon-tone-danger-border: #b91c1c;
}

.lookon-hero-card .lookon-card-tag.tone-primary,
.lookon-summary-card .lookon-card-tag.tone-primary,
.lookon-metric-card .lookon-card-tag.tone-primary,
.lookon-hero-card .lookon-card-symbol.tone-primary,
.lookon-summary-card .lookon-card-symbol.tone-primary,
.lookon-metric-card .lookon-card-symbol.tone-primary {
	background: var(--lookon-tone-primary-solid) !important;
	background-image: none !important;
	border-color: var(--lookon-tone-primary-border) !important;
	color: #ffffff !important;
	filter: none !important;
	opacity: 1 !important;
	mix-blend-mode: normal !important;
}

.lookon-hero-card .lookon-card-tag.tone-success,
.lookon-summary-card .lookon-card-tag.tone-success,
.lookon-metric-card .lookon-card-tag.tone-success,
.lookon-hero-card .lookon-card-symbol.tone-success,
.lookon-summary-card .lookon-card-symbol.tone-success,
.lookon-metric-card .lookon-card-symbol.tone-success {
	background: var(--lookon-tone-success-solid) !important;
	background-image: none !important;
	border-color: var(--lookon-tone-success-border) !important;
	color: #ffffff !important;
	filter: none !important;
	opacity: 1 !important;
	mix-blend-mode: normal !important;
}

.lookon-hero-card .lookon-card-tag.tone-info,
.lookon-summary-card .lookon-card-tag.tone-info,
.lookon-metric-card .lookon-card-tag.tone-info,
.lookon-hero-card .lookon-card-symbol.tone-info,
.lookon-summary-card .lookon-card-symbol.tone-info,
.lookon-metric-card .lookon-card-symbol.tone-info {
	background: var(--lookon-tone-info-solid) !important;
	background-image: none !important;
	border-color: var(--lookon-tone-info-border) !important;
	color: #ffffff !important;
	filter: none !important;
	opacity: 1 !important;
	mix-blend-mode: normal !important;
}

.lookon-hero-card .lookon-card-tag.tone-warning,
.lookon-summary-card .lookon-card-tag.tone-warning,
.lookon-metric-card .lookon-card-tag.tone-warning,
.lookon-hero-card .lookon-card-symbol.tone-warning,
.lookon-summary-card .lookon-card-symbol.tone-warning,
.lookon-metric-card .lookon-card-symbol.tone-warning {
	background: var(--lookon-tone-warning-solid) !important;
	background-image: none !important;
	border-color: var(--lookon-tone-warning-border) !important;
	color: #ffffff !important;
	filter: none !important;
	opacity: 1 !important;
	mix-blend-mode: normal !important;
}

.lookon-hero-card .lookon-card-tag.tone-danger,
.lookon-summary-card .lookon-card-tag.tone-danger,
.lookon-metric-card .lookon-card-tag.tone-danger,
.lookon-hero-card .lookon-card-symbol.tone-danger,
.lookon-summary-card .lookon-card-symbol.tone-danger,
.lookon-metric-card .lookon-card-symbol.tone-danger {
	background: var(--lookon-tone-danger-solid) !important;
	background-image: none !important;
	border-color: var(--lookon-tone-danger-border) !important;
	color: #ffffff !important;
	filter: none !important;
	opacity: 1 !important;
	mix-blend-mode: normal !important;
}

.lookon-hero-card .lookon-card-symbol.tone-primary i,
.lookon-summary-card .lookon-card-symbol.tone-primary i,
.lookon-metric-card .lookon-card-symbol.tone-primary i,
.lookon-hero-card .lookon-card-symbol.tone-success i,
.lookon-summary-card .lookon-card-symbol.tone-success i,
.lookon-metric-card .lookon-card-symbol.tone-success i,
.lookon-hero-card .lookon-card-symbol.tone-info i,
.lookon-summary-card .lookon-card-symbol.tone-info i,
.lookon-metric-card .lookon-card-symbol.tone-info i,
.lookon-hero-card .lookon-card-symbol.tone-warning i,
.lookon-summary-card .lookon-card-symbol.tone-warning i,
.lookon-metric-card .lookon-card-symbol.tone-warning i,
.lookon-hero-card .lookon-card-symbol.tone-danger i,
.lookon-summary-card .lookon-card-symbol.tone-danger i,
.lookon-metric-card .lookon-card-symbol.tone-danger i {
	color: #ffffff !important;
	opacity: 1 !important;
}

.lookon-hero-card .lookon-card-tag[class*="tone-"]:hover,
.lookon-summary-card .lookon-card-tag[class*="tone-"]:hover,
.lookon-metric-card .lookon-card-tag[class*="tone-"]:hover,
.lookon-hero-card .lookon-card-symbol[class*="tone-"]:hover,
.lookon-summary-card .lookon-card-symbol[class*="tone-"]:hover,
.lookon-metric-card .lookon-card-symbol[class*="tone-"]:hover,
.lookon-hero-card .lookon-card-tag[class*="tone-"]:focus,
.lookon-summary-card .lookon-card-tag[class*="tone-"]:focus,
.lookon-metric-card .lookon-card-tag[class*="tone-"]:focus,
.lookon-hero-card .lookon-card-symbol[class*="tone-"]:focus,
.lookon-summary-card .lookon-card-symbol[class*="tone-"]:focus,
.lookon-metric-card .lookon-card-symbol[class*="tone-"]:focus {
	filter: none !important;
	opacity: 1 !important;
}

body[data-theme-version="dark"] .lookon-hero-card .lookon-card-tag[class*="tone-"],
body[data-theme-version="dark"] .lookon-summary-card .lookon-card-tag[class*="tone-"],
body[data-theme-version="dark"] .lookon-metric-card .lookon-card-tag[class*="tone-"],
body[data-theme-version="dark"] .lookon-hero-card .lookon-card-symbol[class*="tone-"],
body[data-theme-version="dark"] .lookon-summary-card .lookon-card-symbol[class*="tone-"],
body[data-theme-version="dark"] .lookon-metric-card .lookon-card-symbol[class*="tone-"] {
	filter: none !important;
	opacity: 1 !important;
}

body[data-theme-version="light"] {
	--body-bg: #f5f7fb;
	background-color: #f5f7fb;
}

#main-wrapper {
	background-color: transparent;
}

.lookon-view-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px;
	border: 1px solid var(--lookon-card-border);
	border-radius: 999px;
	background: var(--lookon-card-surface);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.lookon-section-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.lookon-form-toggle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	min-height: 36px;
}

.lookon-form-toggle-btn.is-open {
	background: #e2e8f0 !important;
	color: #1e293b !important;
	border-color: #cbd5e1 !important;
}

.lookon-section-row {
	align-items: stretch;
}

.lookon-section-row > [class*="col-"] {
	margin-bottom: 20px;
}

.lookon-section-row.lookon-row-has-form {
	justify-content: flex-start;
}

.lookon-section-full {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

.lookon-form-grid {
	width: 100%;
}

.lookon-section-full .lookon-form-grid {
	width: 100%;
}

.lookon-form-section {
	display: none;
	width: 100%;
	animation: lookon-form-reveal 0.2s ease;
}

.lookon-form-section.is-open {
	display: block;
}

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

.lookon-toggle-btn {
	border: 0;
	background: transparent;
	padding: 8px 14px;
	border-radius: 999px;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--lookon-card-muted);
	font-weight: 600;
}

.lookon-toggle-btn.is-active {
	background: var(--lookon-toggle-active-bg);
	color: var(--lookon-toggle-active-color);
}

.lookon-table-wrap.is-hidden {
	display: none;
}

.lookon-grid-wrap {
	display: none;
}

.lookon-grid-wrap.is-hidden {
	display: none !important;
}

.lookon-grid-wrap.is-active {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	width: 100%;
}

.lookon-sortable-grid,
.lookon-kanban-board {
	transition: opacity 0.18s ease;
}

.lookon-sortable-grid.is-saving,
.lookon-kanban-board.is-saving {
	opacity: 0.72;
}

.lookon-dashboard-inline-sortable,
.lookon-dashboard-row-sortable,
.lookon-analytics-grid.lookon-sortable-grid,
.lookon-service-grid.lookon-sortable-grid {
	transition: opacity 0.18s ease;
}

.lookon-contact-card {
	border: 1px solid var(--lookon-card-border);
	border-radius: 18px;
	background: var(--lookon-card-surface);
	padding: 16px;
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 170px;
	min-width: 0;
	width: 100%;
	color: var(--lookon-card-text);
}

.lookon-sortable-card {
	cursor: grab;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.lookon-sortable-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
	border-color: rgba(15, 92, 92, 0.22);
}

.lookon-card-drag-chosen,
.lookon-sortable-card:active {
	cursor: grabbing;
}

.lookon-card-drag-ghost {
	opacity: 0.45;
}

.lookon-card-dragging {
	box-shadow: 0 22px 40px rgba(15, 23, 42, 0.18) !important;
	border-color: rgba(15, 92, 92, 0.3) !important;
}

.lookon-dashboard-sortable-item > .card {
	height: 100%;
}

.lookon-dashboard-row-sortable > .lookon-dashboard-sortable-item:hover > .card,
.lookon-dashboard-inline-sortable > .lookon-sortable-card:hover,
.lookon-analytics-grid.lookon-sortable-grid > .lookon-sortable-card:hover,
.lookon-service-grid.lookon-sortable-grid > .lookon-sortable-card:hover {
	box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}

@media (max-width: 767px) {
	.lookon-grid-wrap.is-active {
		grid-template-columns: 1fr;
	}
}

.lookon-contact-card.is-empty {
	align-items: center;
	justify-content: center;
	text-align: center;
	color: var(--lookon-card-muted);
}

.lookon-contact-card h5 {
	font-size: 15px;
	margin: 0;
	color: var(--lookon-card-text);
}

.lookon-contact-meta {
	display: grid;
	gap: 6px;
	font-size: 13px;
	color: var(--lookon-card-muted);
}

.lookon-contact-meta span {
	display: flex;
	align-items: center;
	gap: 6px;
}

.lookon-contact-meta strong {
	font-weight: 600;
	color: var(--lookon-card-text);
}

.lookon-contact-actions {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.lookon-action-button.lookon-action-icon-button {
	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0 !important;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.lookon-action-button.lookon-action-icon-button i {
	font-size: 16px;
	line-height: 1;
}

.lookon-action-button.lookon-action-primary {
	background: #4f46e5 !important;
	color: #ffffff !important;
	border-color: #4f46e5 !important;
}

.lookon-action-button.lookon-action-secondary {
	background: #ffffff !important;
	color: #334155 !important;
	border-color: #cbd5e1 !important;
}

.lookon-action-button.lookon-action-danger {
	background: #ffffff !important;
	color: #dc2626 !important;
	border-color: #fecaca !important;
}

.lookon-action-button.lookon-action-danger:hover {
	background: #fee2e2 !important;
}

#wpadminbar {
	display: none !important;
}

html {
	margin-top: 0 !important;
}

body.admin-bar {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

html.lookon-instant-scroll,
html.lookon-instant-scroll body,
body.lookon-instant-scroll {
	scroll-behavior: auto !important;
}


body[data-theme-version="dark"] .lookon-agenda-v2__panel,
body[data-theme-version="dark"] .lookon-agenda-v2__grid-wrap,
body[data-theme-version="dark"] .lookon-agenda-v2__list-item,
body[data-theme-version="dark"] .lookon-agenda-v2__stat,
body[data-theme-version="dark"] .lookon-agenda-v2__day {
	background: #18212a !important;
	border-color: #25303c;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-agenda-v2__weekdays {
	background: #121922;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-agenda-v2__weekday,
body[data-theme-version="dark"] .lookon-agenda-v2__more,
body[data-theme-version="dark"] .lookon-agenda-v2__list-empty,
body[data-theme-version="dark"] .lookon-agenda-v2__list-item span,
body[data-theme-version="dark"] .lookon-agenda-v2__toolbar p,
body[data-theme-version="dark"] .lookon-agenda-v2__sidebar-block p {
	color: #9eabb8;
}

body[data-theme-version="dark"] .lookon-agenda-v2__toolbar h5,
body[data-theme-version="dark"] .lookon-agenda-v2__month-head h6,
body[data-theme-version="dark"] .lookon-agenda-v2__sidebar-block h6,
body[data-theme-version="dark"] .lookon-agenda-v2__stat strong,
body[data-theme-version="dark"] .lookon-agenda-v2__day-number,
body[data-theme-version="dark"] .lookon-agenda-v2__list-item strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-agenda-v2__day.is-outside {
	background: #121922 !important;
}

/* Lookon UI polish + mobile normalization */

.lookon-hero-card,
.lookon-summary-card,
.lookon-metric-card,
.lookon-module-card,
.lookon-widget-card,
.lookon-chart-card,
.lookon-detail-card,
.lookon-service-card,
.lookon-contact-card,
.lookon-reference-card,
.lookon-dev-card,
.lookon-agenda-v2__panel,
.lookon-agenda-v2__grid-wrap,
.lookon-agenda-v2__list-item,
.lookon-agenda-v2__stat,
.lookon-kanban-card,
.lookon-contract-preview-card,
.lookon-contract-preview-box,
.lookon-contract-viewer,
.lookon-top-clock,
.lookon-theme-toggle,
.lookon-mobile-more-toggle,
.lookon-mobile-quick-menu,
.lookon-whatsapp-top-link,
.lookon-license-meta div,
.lookon-wa-kpi,
.lookon-wa-copy-item {
	background-image: none !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 24px rgba(15, 23, 42, 0.03) !important;
	border-color: rgba(148, 163, 184, 0.22) !important;
}

.lookon-hero-card,
.lookon-summary-card,
.lookon-metric-card,
.lookon-module-card,
.lookon-widget-card,
.lookon-chart-card,
.lookon-detail-card,
.lookon-service-card,
.lookon-contact-card,
.lookon-reference-card,
.lookon-dev-card {
	border-radius: 20px;
}

.lookon-hero-card .lookon-hero-action-card,
.lookon-hero-stat,
.lookon-widget-row,
.lookon-service-card,
.lookon-hero-panel,
.lookon-kanban-column,
.lookon-kanban-empty,
.lookon-lock-box,
.lookon-contract-preview-card,
.lookon-contract-preview-box,
.lookon-contract-viewer {
	background-image: none !important;
	backdrop-filter: none !important;
}

.lookon-hero-card .lookon-hero-action-card,
.lookon-hero-stat,
.lookon-widget-row,
.lookon-service-card,
.lookon-kanban-card,
.lookon-contract-preview-box,
.lookon-contract-viewer {
	box-shadow: none !important;
	border-color: rgba(148, 163, 184, 0.22) !important;
}

.lookon-hero-card .lookon-hero-action-card::before,
.lookon-hero-card .lookon-hero-action-card::after,
.lookon-hero-stat::before,
.lookon-hero-stat::after,
.lookon-service-card::after,
.lookon-hero-card::before,
.lookon-hero-card::after,
.lookon-summary-card::before,
.lookon-summary-card::after {
	content: none !important;
	display: none !important;
}

.lookon-summary-card:hover,
.lookon-hero-action-card:hover,
.lookon-service-card:hover,
.lookon-sortable-card:hover,
.lookon-widget-row.is-clickable:hover,
.lookon-card-link:hover {
	transform: none !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 26px rgba(15, 23, 42, 0.04) !important;
}

.lookon-card-tag,
.lookon-card-symbol,
.lookon-status-pill,
.lookon-widget-chip,
.lookon-agenda-v2__day-count,
.lookon-quick-add,
.lookon-notification-pill {
	box-shadow: none !important;
	filter: none !important;
}

.lookon-card-symbol,
.lookon-card-tag {
	border-width: 1px !important;
}

.lookon-side-highlight,
.lookon-widget-card-gradient {
	box-shadow: none !important;
}

.lookon-admin-signature,
.lookon-dev-card,
.lookon-lock-box,
.lookon-reference-card {
	background-image: none !important;
}

.lookon-reference-card:has(.lookon-status-pill) {
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.94) 100%),
		linear-gradient(135deg, rgba(241, 241, 241, 0.94) 0%, rgba(248, 250, 252, 0.98) 100%) !important;
	border-color: rgba(15, 23, 42, 0.06) !important;
}

.lookon-reference-card:has(.lookon-status-pill.tone-success) {
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.96) 100%),
		linear-gradient(135deg, rgba(34, 197, 94, 0.12) 0%, rgba(255, 255, 255, 0.92) 56%) !important;
	border-color: rgba(34, 197, 94, 0.16) !important;
}

.lookon-reference-card:has(.lookon-status-pill.tone-danger) {
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.96) 100%),
		linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(255, 255, 255, 0.92) 56%) !important;
	border-color: rgba(239, 68, 68, 0.16) !important;
}

.lookon-reference-card:has(.lookon-status-pill.tone-warning),
.lookon-reference-card:has(.lookon-status-pill.tone-info),
.lookon-reference-card:has(.lookon-status-pill.tone-primary) {
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.96) 100%),
		linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(255, 255, 255, 0.92) 56%) !important;
	border-color: rgba(59, 130, 246, 0.15) !important;
}

.lookon-reference-card:has(.lookon-status-pill):hover {
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07) !important;
}

.lookon-demo-sensitive-card .lookon-reference-list {
	margin-top: 12px;
}

body[data-theme-version="dark"] .lookon-hero-card,
body[data-theme-version="dark"] .lookon-summary-card,
body[data-theme-version="dark"] .lookon-metric-card,
body[data-theme-version="dark"] .lookon-module-card,
body[data-theme-version="dark"] .lookon-widget-card,
body[data-theme-version="dark"] .lookon-chart-card,
body[data-theme-version="dark"] .lookon-detail-card,
body[data-theme-version="dark"] .lookon-service-card,
body[data-theme-version="dark"] .lookon-contact-card,
body[data-theme-version="dark"] .lookon-reference-card,
body[data-theme-version="dark"] .lookon-dev-card,
body[data-theme-version="dark"] .lookon-top-clock,
body[data-theme-version="dark"] .lookon-mobile-quick-menu,
body[data-theme-version="dark"] .lookon-mobile-more-toggle {
	box-shadow: 0 1px 2px rgba(2, 6, 23, 0.32), 0 12px 24px rgba(2, 6, 23, 0.16) !important;
}

@media (max-width: 991px) {
	.header .header-content .navbar .navbar-collapse {
		align-items: flex-start;
	}

	.content-body .container-fluid,
	.content-body .container,
	.content-body .container-sm,
	.content-body .container-md,
	.content-body .container-lg,
	.content-body .container-xl,
	.content-body .container-xxl {
		padding-left: 14px;
		padding-right: 14px;
	}

	.lookon-card-meta-row,
	.lookon-widget-head,
	.lookon-inline-actions,
	.lookon-section-actions,
	.lookon-detail-actions,
	.lookon-license-actions {
		align-items: flex-start;
	}

	.lookon-widget-row,
	.lookon-card-meta-row,
	.lookon-detail-item,
	.lookon-agenda-v2__month-head,
	.lookon-agenda-v2__day-head,
	.lookon-agenda-v2__list-item {
		min-width: 0;
	}
}

@media (max-width: 767px) {
	html,
	body,
	#main-wrapper,
	.content-body,
	.content-body .container-fluid {
		max-width: 100%;
		overflow-x: hidden;
	}

	.header .header-content {
		padding: 10px 12px;
	}

	.header .header-content .navbar .navbar-collapse {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: start;
		gap: 10px;
	}

	.header .header-content .header-left {
		min-width: 0;
		width: 100%;
	}

	.header-left .dashboard_bar {
		white-space: normal;
		word-break: break-word;
		line-height: 1.24;
		max-width: 100%;
	}

	.navbar-nav.header-right {
		width: auto;
		max-width: 100%;
		gap: 6px;
		overflow: visible;
	}

	.navbar-nav.header-right > li {
		min-width: 0;
	}

	.card,
	.lookon-hero-card,
	.lookon-summary-card,
	.lookon-metric-card,
	.lookon-module-card,
	.lookon-widget-card,
	.lookon-chart-card,
	.lookon-detail-card,
	.lookon-service-card,
	.lookon-contact-card,
	.lookon-reference-card,
	.lookon-agenda-v2__panel,
	.lookon-kanban-column,
	.lookon-kanban-card,
	.lookon-contract-preview-card,
	.lookon-contract-preview-box,
	.lookon-contract-viewer {
		width: 100%;
		min-width: 0;
		border-radius: 18px !important;
	}

	.lookon-hero-actions,
	.lookon-widget-stat-grid,
	.lookon-service-grid,
	.lookon-analytics-grid,
	.lookon-route-grid,
	.lookon-detail-grid,
	.lookon-portal-message-detail-grid,
	.lookon-contract-grid,
	.lookon-contract-history-grid,
	.lookon-contract-variable-grid,
	.lookon-contract-preview-wrap,
	.lookon-executive-grid,
	.lookon-grid-wrap.is-active {
		grid-template-columns: 1fr !important;
	}

	.lookon-card-meta-row,
	.lookon-widget-head,
	.lookon-widget-row,
	.lookon-section-actions,
	.lookon-inline-actions,
	.lookon-detail-actions,
	.lookon-license-actions,
	.lookon-agenda-v2__month-head,
	.lookon-agenda-v2__day-head,
	.lookon-agenda-v2__list-item,
	.lookon-top-meta,
	.lookon-admin-signature {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.lookon-card-badges {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}

	.lookon-action-group,
	.lookon-inline-actions,
	.lookon-license-actions {
		width: 100%;
	}

	.lookon-action-group .btn,
	.lookon-inline-actions .btn,
	.lookon-license-actions .btn,
	.lookon-detail-actions .btn {
		width: 100%;
	}

	.lookon-table-wrap,
	.table-responsive {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.lookon-admin-signature,
	.lookon-contact-meta span {
		word-break: break-word;
	}

	.lookon-top-clock {
		padding: 6px 10px;
	}
}

@media (max-width: 480px) {
	.content-body .container-fluid,
	.content-body .container,
	.content-body .container-sm,
	.content-body .container-md,
	.content-body .container-lg,
	.content-body .container-xl,
	.content-body .container-xxl {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header-left .dashboard_bar {
		font-size: 0.96rem;
	}

	.lookon-card-tag,
	.lookon-status-pill {
		font-size: 10px;
	}

	.lookon-summary-card .card-body,
	.lookon-widget-card,
	.lookon-chart-card,
	.lookon-detail-card,
	.lookon-reference-card,
	.lookon-contact-card {
		padding: 16px !important;
	}
}

/* Surgical fixes: header icon visibility + dashboard card contrast */

.lookon-chat-link,
.lookon-system-link,
.lookon-whatsapp-top-link,
.lookon-mobile-more-toggle,
.lookon-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border-radius: 14px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	background: #ffffff;
	color: #1f2937 !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 24px rgba(15, 23, 42, 0.03) !important;
}

.lookon-chat-link:hover,
.lookon-system-link:hover,
.lookon-whatsapp-top-link:hover,
.lookon-mobile-more-toggle:hover,
.lookon-theme-toggle:hover {
	background: #f8fbff;
	color: #0f5c5c !important;
	border-color: rgba(15, 92, 92, 0.22);
}

.lookon-chat-link svg,
.lookon-system-link svg,
.lookon-mobile-more-icon {
	display: block;
	width: 20px;
	height: 20px;
	color: currentColor;
}

.lookon-chat-link .lookon-chat-icon path {
	stroke: currentColor !important;
}

.lookon-system-link svg path {
	fill: currentColor !important;
}

.lookon-theme-icon {
	background: #f3f7fb;
	color: #0f5c5c;
}

.lookon-widget-card-gradient {
	background: linear-gradient(180deg, #f7f9fc 0%, #eef4fb 100%) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
}

.lookon-widget-card-gradient,
.lookon-widget-card-gradient h5,
.lookon-widget-card-gradient strong,
.lookon-widget-card-gradient span,
.lookon-widget-card-gradient small {
	color: #172b4d !important;
}

.lookon-widget-card-gradient .lookon-widget-eyebrow {
	color: #64748b !important;
}

.lookon-widget-card-gradient .lookon-widget-stat {
	background: rgba(255, 255, 255, 0.82);
	border-color: rgba(148, 163, 184, 0.24);
}

body[data-theme-version="dark"] .lookon-chat-link,
body[data-theme-version="dark"] .lookon-system-link,
body[data-theme-version="dark"] .lookon-whatsapp-top-link,
body[data-theme-version="dark"] .lookon-mobile-more-toggle,
body[data-theme-version="dark"] .lookon-theme-toggle {
	background: #18212a;
	color: #f8fafc !important;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-theme-icon {
	background: #0f5c5c;
	color: #ffffff;
}

body[data-theme-version="dark"] .lookon-shell-pill {
	background: rgba(24, 33, 42, 0.92);
	border-color: rgba(71, 85, 105, 0.45);
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-shell-pill.active {
	background: rgba(15, 92, 92, 0.35);
	border-color: rgba(45, 212, 191, 0.4);
	color: #d1fae5;
}

body[data-theme-version="dark"] .lookon-widget-card-gradient {
	background: linear-gradient(180deg, #1b2530 0%, #1f2d3b 100%) !important;
}

body[data-theme-version="dark"] .lookon-widget-card-gradient,
body[data-theme-version="dark"] .lookon-widget-card-gradient h5,
body[data-theme-version="dark"] .lookon-widget-card-gradient strong,
body[data-theme-version="dark"] .lookon-widget-card-gradient span,
body[data-theme-version="dark"] .lookon-widget-card-gradient small {
	color: #f8fafc !important;
}

@media (min-width: 992px) {
	.nav-header .nav-control,
	.header .header-content .nav-control {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}

	body[data-lookon-sidebar-state="small"] .nav-header .brand-logo {
		gap: 0;
		justify-content: center;
	}

	body[data-lookon-sidebar-state="small"] .nav-header .brand-logo .lookon-brand-logo-desktop {
		display: none !important;
	}

	body[data-lookon-sidebar-state="small"] .nav-header .brand-logo .lookon-brand-favicon-mobile {
		display: none !important;
	}

	body[data-lookon-sidebar-state="small"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-single {
		display: block !important;
	}

	body:not([data-theme-version="dark"])[data-lookon-sidebar-state="small"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light {
		display: block !important;
	}

	body[data-theme-version="dark"][data-lookon-sidebar-state="small"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	body.lookon-theme-dark[data-lookon-sidebar-state="small"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark {
		display: block !important;
	}

	body[data-lookon-sidebar-state="small"] .nav-header .brand-title {
		display: none !important;
	}

	.nav-header .nav-control .hamburger,
	.header .header-content .nav-control .hamburger {
		display: inline-block !important;
	}

	body[data-lookon-sidebar-state="small"] .nav-header .nav-control .hamburger,
	body[data-lookon-sidebar-state="small"] .header .header-content .nav-control .hamburger {
		transform: rotate(180deg);
	}

	body[data-lookon-sidebar-state="small"] .lookon-menu-group-label,
	body[data-lookon-sidebar-state="small"] .lookon-menu-subnav {
		display: none !important;
	}

	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li > a[data-lookon-menu-label] {
		position: relative;
	}

	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li:hover > ul,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li:focus-within > ul,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu li:hover > ul,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu li:focus-within > ul,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:focus-within > ul,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:hover > ul,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:focus-within > ul,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu ul.mm-collapse,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu ul.mm-show,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu ul.mm-collapse,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu ul.mm-show {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > a,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:focus-within > a,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:hover > a,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:focus-within > a {
		width: auto !important;
	}

	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:not(.mm-active):hover > a,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:not(.mm-active):focus-within > a,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:not(.mm-active):hover > a,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:not(.mm-active):focus-within > a {
		background: transparent !important;
		box-shadow: none !important;
		color: #4d5863 !important;
	}

	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:not(.mm-active):hover > a i,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:not(.mm-active):focus-within > a i,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:not(.mm-active):hover > a .nav-text,
	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:not(.mm-active):focus-within > a .nav-text,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:not(.mm-active):hover > a i,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:not(.mm-active):focus-within > a i,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:not(.mm-active):hover > a .nav-text,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li:not(.mm-active):focus-within > a .nav-text {
		color: inherit !important;
	}

	body[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li > a.has-arrow::after,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li > a.has-arrow::after {
		display: none !important;
	}

	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li > a[data-lookon-menu-label]::after {
		content: attr(data-lookon-menu-label);
		position: absolute;
		left: calc(100% + 12px);
		top: 50%;
		transform: translateY(-50%) translateX(-4px);
		padding: 7px 10px;
		border-radius: 10px;
		background: #0f172a;
		color: #f8fafc;
		font-size: 12px;
		font-weight: 600;
		white-space: nowrap;
		box-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
		z-index: 999;
	}

	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li > a[data-lookon-menu-label]:hover::after,
	body[data-lookon-sidebar-state="small"] .deznav .metismenu > li > a[data-lookon-menu-label]:focus::after {
		opacity: 1;
		visibility: visible;
		transform: translateY(-50%) translateX(0);
	}
}

@media (max-width: 991px) {
	.nav-header .nav-control,
	.header .header-content .nav-control {
		display: block !important;
	}

	.nav-header .nav-control .hamburger,
	.header .header-content .nav-control .hamburger {
		display: inline-block !important;
	}
}

/* Etapa 2: remover apenas sombra e elevação visual */

.lookon-hero-card,
.lookon-hero-side,
.lookon-hero-stat,
.lookon-hero-card .lookon-hero-action-card,
.lookon-metric-card,
.lookon-summary-card,
.lookon-summary-card.is-alert,
.lookon-module-card,
.lookon-widget-card,
.lookon-chart-card,
.lookon-detail-card,
.lookon-service-card,
.lookon-dev-card,
.lookon-view-toggle,
.lookon-integration-tab,
.lookon-contact-card,
.lookon-admin-signature,
.lookon-brand-preview,
.lookon-release-card,
.lookon-theme-toggle,
.lookon-mobile-more-toggle,
.lookon-whatsapp-top-link,
.lookon-whatsapp-top-link.is-active,
.lookon-notification-pill,
.lookon-wa-profile-hero,
.lookon-wa-profile-avatar,
.lookon-wa-pill.is-active,
.lookon-wa-team-card,
.lookon-wa-chart.card,
.lookon-wa-filters-inline,
.lookon-wa-conversation-list,
.lookon-wa-thread-column,
.lookon-wa-contact-form-card,
.lookon-wa-contact-table-card,
.lookon-card-tag.tone-primary,
.lookon-card-tag.tone-success,
.lookon-card-tag.tone-info,
.lookon-card-tag.tone-warning,
.lookon-card-tag.tone-danger,
.lookon-card-symbol.tone-primary,
.lookon-card-symbol.tone-success,
.lookon-card-symbol.tone-info,
.lookon-card-symbol.tone-warning,
.lookon-card-symbol.tone-danger {
	box-shadow: none !important;
}

.lookon-summary-card:hover,
.lookon-hero-stat:hover,
.lookon-hero-action-card:hover,
.lookon-widget-row.is-clickable:hover,
.lookon-service-card:hover,
.lookon-integration-tab:hover,
.lookon-sortable-card:hover,
.lookon-dashboard-row-sortable > .lookon-dashboard-sortable-item:hover > .card,
.lookon-dashboard-inline-sortable > .lookon-sortable-card:hover,
.lookon-analytics-grid.lookon-sortable-grid > .lookon-sortable-card:hover,
.lookon-service-grid.lookon-sortable-grid > .lookon-sortable-card:hover,
.lookon-wa-team-card:hover,
.lookon-whatsapp-top-link:hover,
.lookon-whatsapp-top-link:focus {
	transform: none !important;
	box-shadow: none !important;
}

/* Fix: esconder o botao "mais" do topo fora do mobile */

.header .header-content .navbar-nav.header-right > .lookon-mobile-more-item,
.header .header-content .navbar-nav.header-right > .lookon-mobile-more-item .lookon-mobile-more-toggle {
	display: none !important;
}

@media (max-width: 767px) {
	.header .header-content .navbar-nav.header-right > .lookon-mobile-more-item {
		display: flex !important;
	}

	.header .header-content .navbar-nav.header-right > .lookon-mobile-more-item .lookon-mobile-more-toggle {
		display: inline-flex !important;
	}
}

.lookon-mini-status-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	gap: 12px;
}

.lookon-mini-status-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px solid rgba(15, 92, 92, 0.12);
	background: #ffffff;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.lookon-mini-status-card:hover,
.lookon-mini-status-card:focus {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
	text-decoration: none;
}

.lookon-mini-status-card strong {
	font-size: 1.45rem;
	line-height: 1;
	color: #0f172a;
}

.lookon-mini-status-label {
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: #475569;
}

.lookon-mini-status-card.tone-warning {
	border-color: rgba(249, 115, 22, 0.24);
	background: linear-gradient(180deg, #fffaf5 0%, #ffffff 100%);
}

.lookon-mini-status-card.tone-info {
	border-color: rgba(217, 119, 6, 0.22);
	background: linear-gradient(180deg, #fff8ec 0%, #ffffff 100%);
}

.lookon-mini-status-card.tone-success {
	border-color: rgba(15, 92, 92, 0.22);
	background: linear-gradient(180deg, #f2fbfb 0%, #ffffff 100%);
}

.lookon-mini-status-card.tone-danger {
	border-color: rgba(239, 68, 68, 0.22);
	background: linear-gradient(180deg, #fff6f6 0%, #ffffff 100%);
}

.lookon-gateway-note {
	margin-bottom: 14px;
	padding: 12px 16px;
	border-radius: 14px;
	border: 1px solid rgba(217, 119, 6, 0.18);
	background: #fff8ec;
	color: #7c2d12;
	font-size: 0.92rem;
}

.lookon-gateway-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 12px;
}

.lookon-gateway-badges {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

.lookon-gateway-panel {
	display: block;
}

.lookon-gateway-toolbar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 8px;
}

.lookon-gateway-form .lookon-password-field {
	display: flex;
	align-items: center;
	gap: 8px;
}

.lookon-gateway-form .lookon-password-field .form-control {
	flex: 1 1 auto;
}

.lookon-billing-status-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.lookon-billing-status-pill {
	--lookon-billing-rgb: 15, 92, 92;
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1 1 220px;
	min-width: 0;
	padding: 12px 14px;
	border-radius: 999px;
	border: 1px solid rgba(var(--lookon-billing-rgb), 0.18);
	background: #ffffff;
	box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
	text-decoration: none;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
	margin-bottom: 0;
}

.lookon-billing-status-pill:hover,
.lookon-billing-status-pill:focus {
	transform: translateY(-2px);
	border-color: rgba(var(--lookon-billing-rgb), 0.28);
	box-shadow: 0 18px 32px rgba(15, 23, 42, 0.1);
	text-decoration: none;
}

.lookon-billing-status-pill__icon,
.lookon-billing-status-pill__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	flex: 0 0 auto;
}

.lookon-billing-status-pill__icon {
	width: 42px;
	height: 42px;
	background: rgba(var(--lookon-billing-rgb), 0.12);
	color: rgb(var(--lookon-billing-rgb));
	font-size: 1.15rem;
}

.lookon-billing-status-pill__meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 2px;
	flex: 1 1 auto;
}

.lookon-billing-status-pill__meta strong {
	font-size: 0.88rem;
	line-height: 1.1;
	color: #0f172a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-billing-status-pill__meta small {
	font-size: 0.74rem;
	line-height: 1.1;
	color: #64748b;
}

.lookon-billing-status-pill__count {
	min-width: 42px;
	height: 42px;
	padding: 0 10px;
	background: rgb(var(--lookon-billing-rgb));
	color: #ffffff;
	font-size: 0.92rem;
	font-weight: 800;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.08);
}

.lookon-billing-status-pill.tone-primary,
.lookon-billing-status-pill.tone-success {
	--lookon-billing-rgb: 15, 92, 92;
}

.lookon-billing-status-pill.tone-info {
	--lookon-billing-rgb: 14, 165, 233;
}

.lookon-billing-status-pill.tone-warning {
	--lookon-billing-rgb: 249, 115, 22;
}

.lookon-billing-status-pill.tone-danger {
	--lookon-billing-rgb: 239, 68, 68;
}

@media (max-width: 767px) {
	.lookon-gateway-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.lookon-gateway-badges {
		justify-content: flex-start;
	}

	.lookon-gateway-toolbar {
		justify-content: flex-start;
	}

	.lookon-billing-status-pill {
		flex-basis: calc(50% - 7px);
	}
}

@media (max-width: 575px) {
	.lookon-billing-status-pill {
		flex-basis: 100%;
	}
}

/* Painel Geral: reforco visual dos cards operacionais */

.lookon-reference-card {
	position: relative;
	overflow: hidden;
}

.lookon-reference-card:has(.lookon-status-pill) {
	border-width: 1px !important;
	border-style: solid !important;
	background-image:
		radial-gradient(circle at top right, rgba(148, 163, 184, 0.08) 0%, rgba(148, 163, 184, 0) 38%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 250, 252, 0.99) 100%) !important;
	border-color: rgba(148, 163, 184, 0.18) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.92),
		0 10px 20px rgba(15, 23, 42, 0.04) !important;
}

.lookon-reference-card:has(.lookon-status-pill)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	border-radius: 18px 0 0 18px;
	background: linear-gradient(180deg, #94a3b8 0%, #64748b 100%);
	opacity: 0.62;
}

.lookon-reference-card:has(.lookon-status-pill) h5 {
	font-weight: 800;
	letter-spacing: -0.01em;
}

.lookon-reference-card:has(.lookon-status-pill) .text-muted {
	color: #334155 !important;
	font-weight: 500;
}

.lookon-reference-card:has(.lookon-status-pill.tone-success) {
	background-image:
		radial-gradient(circle at top right, rgba(34, 197, 94, 0.10) 0%, rgba(34, 197, 94, 0) 40%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 254, 249, 0.99) 100%) !important;
	border-color: rgba(34, 197, 94, 0.18) !important;
}

.lookon-reference-card:has(.lookon-status-pill.tone-success)::before {
	background: linear-gradient(180deg, #22c55e 0%, #15803d 100%);
}

.lookon-reference-card:has(.lookon-status-pill.tone-primary) {
	background-image:
		radial-gradient(circle at top right, rgba(59, 130, 246, 0.10) 0%, rgba(59, 130, 246, 0) 40%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(244, 248, 255, 0.99) 100%) !important;
	border-color: rgba(59, 130, 246, 0.18) !important;
}

.lookon-reference-card:has(.lookon-status-pill.tone-primary)::before {
	background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
}

.lookon-reference-card:has(.lookon-status-pill.tone-info) {
	background-image:
		radial-gradient(circle at top right, rgba(6, 182, 212, 0.10) 0%, rgba(6, 182, 212, 0) 40%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(243, 252, 255, 0.99) 100%) !important;
	border-color: rgba(6, 182, 212, 0.18) !important;
}

.lookon-reference-card:has(.lookon-status-pill.tone-info)::before {
	background: linear-gradient(180deg, #06b6d4 0%, #0e7490 100%);
}

.lookon-reference-card:has(.lookon-status-pill.tone-warning) {
	background-image:
		radial-gradient(circle at top right, rgba(249, 115, 22, 0.10) 0%, rgba(249, 115, 22, 0) 40%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 249, 243, 0.99) 100%) !important;
	border-color: rgba(249, 115, 22, 0.18) !important;
}

.lookon-reference-card:has(.lookon-status-pill.tone-warning)::before {
	background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
}

.lookon-reference-card:has(.lookon-status-pill.tone-danger) {
	background-image:
		radial-gradient(circle at top right, rgba(239, 68, 68, 0.10) 0%, rgba(239, 68, 68, 0) 40%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(255, 246, 246, 0.99) 100%) !important;
	border-color: rgba(239, 68, 68, 0.18) !important;
}

.lookon-reference-card:has(.lookon-status-pill.tone-danger)::before {
	background: linear-gradient(180deg, #ef4444 0%, #b91c1c 100%);
}

body[data-theme-version="dark"] .lookon-reference-card:has(.lookon-status-pill) {
	background-image:
		radial-gradient(circle at top right, rgba(148, 163, 184, 0.08) 0%, rgba(148, 163, 184, 0) 36%),
		linear-gradient(180deg, rgba(18, 25, 34, 0.98) 0%, rgba(12, 18, 28, 0.98) 100%) !important;
	border-color: rgba(71, 85, 105, 0.64) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 14px 24px rgba(2, 6, 23, 0.18) !important;
}

body[data-theme-version="dark"] .lookon-reference-card:has(.lookon-status-pill) .text-muted {
	color: #cbd5e1 !important;
}

body[data-theme-version="dark"] .lookon-reference-card:has(.lookon-status-pill.tone-success) {
	background-image:
		radial-gradient(circle at top right, rgba(34, 197, 94, 0.10) 0%, rgba(34, 197, 94, 0) 38%),
		linear-gradient(180deg, rgba(18, 25, 34, 0.98) 0%, rgba(10, 26, 17, 0.98) 100%) !important;
	border-color: rgba(34, 197, 94, 0.24) !important;
}

body[data-theme-version="dark"] .lookon-reference-card:has(.lookon-status-pill.tone-primary) {
	background-image:
		radial-gradient(circle at top right, rgba(59, 130, 246, 0.10) 0%, rgba(59, 130, 246, 0) 38%),
		linear-gradient(180deg, rgba(18, 25, 34, 0.98) 0%, rgba(10, 19, 38, 0.98) 100%) !important;
	border-color: rgba(59, 130, 246, 0.24) !important;
}

body[data-theme-version="dark"] .lookon-reference-card:has(.lookon-status-pill.tone-info) {
	background-image:
		radial-gradient(circle at top right, rgba(6, 182, 212, 0.10) 0%, rgba(6, 182, 212, 0) 38%),
		linear-gradient(180deg, rgba(18, 25, 34, 0.98) 0%, rgba(9, 24, 31, 0.98) 100%) !important;
	border-color: rgba(6, 182, 212, 0.24) !important;
}

body[data-theme-version="dark"] .lookon-reference-card:has(.lookon-status-pill.tone-warning) {
	background-image:
		radial-gradient(circle at top right, rgba(249, 115, 22, 0.10) 0%, rgba(249, 115, 22, 0) 38%),
		linear-gradient(180deg, rgba(18, 25, 34, 0.98) 0%, rgba(35, 19, 11, 0.98) 100%) !important;
	border-color: rgba(249, 115, 22, 0.24) !important;
}

body[data-theme-version="dark"] .lookon-reference-card:has(.lookon-status-pill.tone-danger) {
	background-image:
		radial-gradient(circle at top right, rgba(239, 68, 68, 0.10) 0%, rgba(239, 68, 68, 0) 38%),
		linear-gradient(180deg, rgba(18, 25, 34, 0.98) 0%, rgba(37, 16, 16, 0.98) 100%) !important;
	border-color: rgba(239, 68, 68, 0.24) !important;
}

/* Refinamento final: padronizacao global de cards e dashboard premium */

.lookon-section-row > [class*="col-"] {
	display: flex;
}

.lookon-section-row > [class*="col-"] > .lookon-module-card {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.lookon-section-row > [class*="col-"] > .lookon-module-card .card-body {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.lookon-reports-premium {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 16px;
}

.lookon-reports-premium > .lookon-widget-card {
	grid-column: span 6;
	padding: 22px;
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.98) 100%) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
}

.lookon-reports-premium > .lookon-widget-card.lookon-report-card-wide {
	grid-column: span 12;
}

.lookon-report-kpi-grid {
	margin-top: 12px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.lookon-report-kpi-card {
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px solid rgba(148, 163, 184, 0.28);
	background: linear-gradient(180deg, rgba(248, 251, 255, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.lookon-report-kpi-card small,
.lookon-report-kpi-card span {
	display: block;
	color: #64748b;
}

.lookon-report-kpi-card strong {
	display: block;
	margin: 6px 0;
	font-size: 1.25rem;
	line-height: 1.2;
	color: #0f172a;
}

.lookon-report-kpi-card.tone-primary {
	border-color: rgba(37, 99, 235, 0.24);
	background: linear-gradient(180deg, rgba(219, 234, 254, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.lookon-report-kpi-card.tone-info {
	border-color: rgba(14, 165, 233, 0.24);
	background: linear-gradient(180deg, rgba(207, 250, 254, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.lookon-report-kpi-card.tone-success {
	border-color: rgba(34, 197, 94, 0.24);
	background: linear-gradient(180deg, rgba(220, 252, 231, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.lookon-report-kpi-card.tone-warning {
	border-color: rgba(245, 158, 11, 0.24);
	background: linear-gradient(180deg, rgba(255, 237, 213, 0.5) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.lookon-reports-premium .lookon-chart-box {
	min-height: 320px;
}

.lookon-reports-premium .lookon-chart-box.is-clickable {
	cursor: pointer;
}

body[data-theme-version="dark"] .lookon-reports-premium > .lookon-widget-card {
	background: linear-gradient(180deg, rgba(17, 24, 39, 0.96) 0%, rgba(15, 23, 42, 0.96) 100%) !important;
	border-color: rgba(71, 85, 105, 0.48) !important;
}

body[data-theme-version="dark"] .lookon-report-kpi-card {
	background: linear-gradient(180deg, rgba(30, 41, 59, 0.9) 0%, rgba(17, 24, 39, 0.94) 100%);
	border-color: rgba(71, 85, 105, 0.44);
}

body[data-theme-version="dark"] .lookon-report-kpi-card strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-report-kpi-card small,
body[data-theme-version="dark"] .lookon-report-kpi-card span {
	color: #cbd5e1;
}

@media (max-width: 1199px) {
	.lookon-report-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.lookon-reports-premium > .lookon-widget-card,
	.lookon-reports-premium > .lookon-widget-card.lookon-report-card-wide {
		grid-column: span 12;
	}

	.lookon-report-kpi-grid {
		grid-template-columns: 1fr;
	}
}

/* Refinamento final: cards brancos + borda colorida + botoes padronizados */
body:not([data-theme-version="dark"]) .lookon-summary-card,
body:not([data-theme-version="dark"]) .lookon-module-card,
body:not([data-theme-version="dark"]) .lookon-metric-card,
body:not([data-theme-version="dark"]) .lookon-reference-card,
body:not([data-theme-version="dark"]) .lookon-widget-card,
body:not([data-theme-version="dark"]) .lookon-chart-card {
	background: #ffffff !important;
	background-image: none !important;
	border: 1px solid #dbe6f3 !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

body:not([data-theme-version="dark"]) .lookon-summary-card:hover,
body:not([data-theme-version="dark"]) .lookon-module-card:hover,
body:not([data-theme-version="dark"]) .lookon-metric-card:hover,
body:not([data-theme-version="dark"]) .lookon-reference-card:hover,
body:not([data-theme-version="dark"]) .lookon-widget-card:hover,
body:not([data-theme-version="dark"]) .lookon-chart-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.1) !important;
}

body:not([data-theme-version="dark"]) .lookon-reference-card-tone-primary,
body:not([data-theme-version="dark"]) .lookon-summary-card.tone-primary,
body:not([data-theme-version="dark"]) .lookon-metric-card.tone-primary {
	border-left: 4px solid #2563eb !important;
}

body:not([data-theme-version="dark"]) .lookon-reference-card-tone-success,
body:not([data-theme-version="dark"]) .lookon-summary-card.tone-success,
body:not([data-theme-version="dark"]) .lookon-metric-card.tone-success {
	border-left: 4px solid #16a34a !important;
}

body:not([data-theme-version="dark"]) .lookon-reference-card-tone-info,
body:not([data-theme-version="dark"]) .lookon-summary-card.tone-info,
body:not([data-theme-version="dark"]) .lookon-metric-card.tone-info {
	border-left: 4px solid #0891b2 !important;
}

body:not([data-theme-version="dark"]) .lookon-reference-card-tone-warning,
body:not([data-theme-version="dark"]) .lookon-summary-card.tone-warning,
body:not([data-theme-version="dark"]) .lookon-metric-card.tone-warning {
	border-left: 4px solid #f59e0b !important;
}

body:not([data-theme-version="dark"]) .lookon-reference-card-tone-danger,
body:not([data-theme-version="dark"]) .lookon-summary-card.tone-danger,
body:not([data-theme-version="dark"]) .lookon-metric-card.tone-danger {
	border-left: 4px solid #ef4444 !important;
}

.lookon-btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: 10px !important;
	font-weight: 600;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.lookon-btn-icon i {
	font-size: 14px;
	line-height: 1;
}

.lookon-btn-icon:hover,
.lookon-btn-icon:focus {
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.16);
}

.lookon-dashboard-premium .lookon-report-kpi-card {
	min-height: 132px;
}

body:not([data-theme-version="dark"]) .lookon-dashboard-premium > .lookon-widget-card,
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-report-kpi-card,
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-widget-card .lookon-chart-box {
	background: #ffffff !important;
	background-image: none !important;
}

body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card,
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-primary),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-success),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-info),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-warning),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-danger) {
	background: #ffffff !important;
	background-image: none !important;
}

body:not([data-theme-version="dark"]) .lookon-dashboard-premium > .lookon-widget-card,
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-report-kpi-card {
	border: 1px solid #dbe6f3 !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card,
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-primary),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-success),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-info),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-warning),
body:not([data-theme-version="dark"]) .lookon-dashboard-premium .lookon-reference-card:has(.lookon-status-pill.tone-danger) {
	border: 1px solid #dbe6f3 !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

body:not([data-theme-version="dark"])[data-lookon-current-view="dashboard"] .lookon-reference-card,
body:not([data-theme-version="dark"])[data-lookon-current-view="dashboard"] .lookon-reference-card:has(.lookon-status-pill),
body:not([data-theme-version="dark"])[data-lookon-current-view="dashboard"] .lookon-reference-card:has(.lookon-status-pill.tone-primary),
body:not([data-theme-version="dark"])[data-lookon-current-view="dashboard"] .lookon-reference-card:has(.lookon-status-pill.tone-success),
body:not([data-theme-version="dark"])[data-lookon-current-view="dashboard"] .lookon-reference-card:has(.lookon-status-pill.tone-info),
body:not([data-theme-version="dark"])[data-lookon-current-view="dashboard"] .lookon-reference-card:has(.lookon-status-pill.tone-warning),
body:not([data-theme-version="dark"])[data-lookon-current-view="dashboard"] .lookon-reference-card:has(.lookon-status-pill.tone-danger) {
	background: #ffffff !important;
	background-image: none !important;
	border: 1px solid #dbe6f3 !important;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

.lookon-dashboard-premium .lookon-widget-card .lookon-chart-box {
	min-height: 290px;
}

.lookon-help-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 0;
	align-items: center;
	justify-content: flex-end;
}

.lookon-help-btn {
	border-radius: 10px !important;
	font-weight: 600;
	letter-spacing: 0.01em;
	padding: 7px 12px !important;
	font-size: 12px !important;
	box-shadow: none !important;
}

.lookon-hero-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 8px;
}

.lookon-hero-head-copy {
	flex: 1 1 auto;
	min-width: 0;
}

.lookon-hero-head-actions {
	flex: 0 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.lookon-module-ai-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 15px;
	border-radius: 16px;
	border: 1px solid rgba(99, 102, 241, 0.18);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 255, 0.98));
	box-shadow: 0 14px 30px rgba(66, 108, 214, 0.12);
	color: #1e293b;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.lookon-module-ai-link:hover,
.lookon-module-ai-link:focus {
	transform: translateY(-1px);
	box-shadow: 0 18px 34px rgba(66, 108, 214, 0.16);
	border-color: rgba(99, 102, 241, 0.3);
	color: #0f172a;
}

.lookon-module-ai-link img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	flex: 0 0 24px;
}

.lookon-global-ai-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 16px;
	min-width: 124px;
	height: 54px;
	border: 1px solid rgba(99, 102, 241, 0.16);
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 255, 0.98));
	box-shadow: 0 14px 30px rgba(66, 108, 214, 0.08);
}

.lookon-global-ai-trigger img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.lookon-global-ai-trigger-label {
	font-size: 0.92rem;
	font-weight: 800;
	color: #1e293b;
	line-height: 1;
}

.lookon-module-ai-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 9px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(99, 102, 241, 0.18));
	border: 1px solid rgba(99, 102, 241, 0.24);
	color: #3730a3;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.lookon-global-ai-popup {
	position: fixed;
	inset: 0;
	z-index: 1200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

.lookon-global-ai-popup[hidden] {
	display: none !important;
}

.lookon-global-ai-popup-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.48);
	backdrop-filter: blur(6px);
}

.lookon-global-ai-popup-dialog {
	position: relative;
	width: min(1180px, calc(100vw - 24px));
	height: min(88vh, 900px);
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding: 0.85rem;
	border-radius: 22px;
	border: 1px solid rgba(99, 102, 241, 0.12);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 250, 255, 0.99) 100%);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.2);
}

.lookon-global-ai-popup-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.65rem;
}

.lookon-global-ai-popup-icon {
	width: 78px;
	max-width: 78px;
	height: auto;
	object-fit: contain;
}

.lookon-global-ai-popup-close {
	border: none;
	background: rgba(15, 23, 42, 0.04);
	width: 38px;
	height: 38px;
	border-radius: 12px;
	font-size: 24px;
	line-height: 1;
	color: #475569;
}

.lookon-global-ai-popup-head .lookon-widget-eyebrow {
	margin-bottom: 0.12rem;
	font-size: 0.72rem;
}

.lookon-global-ai-popup-head h4 {
	margin-bottom: 0.12rem !important;
	font-size: 1.38rem;
	line-height: 1.15;
}

.lookon-global-ai-popup-head p {
	font-size: 0.93rem;
	line-height: 1.45;
}

.lookon-global-ai-popup-context {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.lookon-global-ai-shell {
	display: grid;
	grid-template-columns: minmax(260px, 30%) minmax(0, 1fr);
	gap: 0.8rem;
	min-height: 0;
	flex: 1 1 auto;
}

.lookon-global-ai-sidebar,
.lookon-global-ai-main {
	min-height: 0;
	border-radius: 18px;
	border: 1px solid rgba(99, 102, 241, 0.1);
	background: rgba(255, 255, 255, 0.74);
}

.lookon-global-ai-sidebar {
	display: flex;
	flex-direction: column;
	padding: 0.8rem;
}

.lookon-global-ai-sidebar-head,
.lookon-global-ai-main-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

.lookon-global-ai-sidebar-head h5,
.lookon-global-ai-main-head h5 {
	margin: 0;
	font-size: 1rem;
	font-weight: 800;
	color: #0f172a;
}

.lookon-global-ai-sidebar-head p,
.lookon-global-ai-main-head p {
	margin: 0.25rem 0 0;
	color: #64748b;
	font-size: 0.88rem;
}

.lookon-global-ai-session-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	overflow-y: auto;
	padding-right: 0.2rem;
}

.lookon-global-ai-session-item {
	width: 100%;
	text-align: left;
	cursor: pointer;
	font: inherit;
	border: 1px solid rgba(148, 163, 184, 0.18);
	background: rgba(248, 250, 252, 0.86);
	border-radius: 18px;
	padding: 0.85rem 0.9rem;
	transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.lookon-global-ai-session-item:hover,
.lookon-global-ai-session-item:focus {
	border-color: rgba(59, 130, 246, 0.26);
	box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07);
	transform: translateY(-1px);
}

.lookon-global-ai-session-item.is-active {
	border-color: rgba(99, 102, 241, 0.34);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 255, 0.96));
	box-shadow: 0 18px 32px rgba(99, 102, 241, 0.12);
}

.lookon-global-ai-session-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.55rem;
}

.lookon-global-ai-session-top small {
	color: #64748b;
	font-size: 0.74rem;
	white-space: nowrap;
}

.lookon-global-ai-session-identity,
.lookon-global-ai-main-identity {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

.lookon-global-ai-session-identity strong,
.lookon-global-ai-main-identity strong {
	display: block;
	color: #0f172a;
	font-size: 0.92rem;
	font-weight: 800;
}

.lookon-global-ai-session-identity span,
.lookon-global-ai-main-identity span {
	display: block;
	color: #64748b;
	font-size: 0.8rem;
}

.lookon-global-ai-session-item p {
	margin: 0;
	color: #475569;
	font-size: 0.84rem;
	line-height: 1.55;
}

.lookon-global-ai-main {
	display: flex;
	flex-direction: column;
	padding: 0.8rem;
	overflow: hidden;
}

.lookon-global-ai-main-head {
	align-items: center;
}

.lookon-global-ai-main > [data-lookon-ai-thread-frame] {
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}

.lookon-ai-chat-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(29, 78, 216, 0.14), rgba(56, 189, 248, 0.18));
	border: 1px solid rgba(59, 130, 246, 0.16);
	color: #1d4ed8;
	font-size: 0.82rem;
	font-weight: 800;
	overflow: hidden;
}

.lookon-ai-chat-avatar.is-large {
	width: 52px;
	height: 52px;
	border-radius: 16px;
}

.lookon-ai-chat-avatar.is-assistant {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 255, 0.98));
}

.lookon-ai-chat-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lookon-global-ai-trigger img,
.lookon-module-ai-link img,
.lookon-global-ai-popup-icon {
	animation: lookon-ai-icon-float 3.4s ease-in-out infinite;
	transform-origin: center center;
}

body.lookon-global-ai-open {
	overflow: hidden;
}

body.lookon-module-assistant-open {
	overflow: hidden;
}

.lookon-module-assistant-overlay {
	position: fixed;
	inset: 0;
	z-index: 1190;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
}

.lookon-module-assistant-overlay[hidden] {
	display: none !important;
}

.lookon-module-assistant-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.46);
	backdrop-filter: blur(6px);
}

.lookon-module-assistant-dialog {
	position: relative;
	width: min(760px, calc(100vw - 28px));
	max-height: min(84vh, 860px);
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	padding: 1rem;
	border-radius: 22px;
	border: 1px solid rgba(99, 102, 241, 0.14);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 250, 255, 0.99) 100%);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.2);
}

.lookon-module-assistant-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.8rem;
}

.lookon-module-assistant-icon {
	width: 146px;
	max-width: min(38vw, 146px);
	height: auto;
	object-fit: contain;
}

.lookon-module-assistant-close {
	border: none;
	background: rgba(15, 23, 42, 0.04);
	width: 38px;
	height: 38px;
	border-radius: 12px;
	font-size: 24px;
	line-height: 1;
	color: #475569;
}

.lookon-module-assistant-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	border-radius: 18px;
	border: 1px solid rgba(99, 102, 241, 0.1);
	background: rgba(255, 255, 255, 0.76);
	padding: 0.9rem;
}

.lookon-module-assistant-context,
.lookon-module-assistant-actions,
.lookon-module-assistant-suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.lookon-module-assistant-context {
	margin-bottom: 0.9rem;
}

.lookon-module-assistant-actions {
	margin-bottom: 0.9rem;
}

.lookon-module-assistant-action-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.55rem 0.85rem;
	border-radius: 14px;
	border: 1px solid rgba(99, 102, 241, 0.16);
	background: rgba(255, 255, 255, 0.92);
	color: #1e293b;
	font-weight: 700;
	font: inherit;
}

.lookon-module-assistant-action-btn img {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.lookon-module-assistant-suggestions {
	margin-top: 0.75rem;
}

.lookon-lookia-chat-composer.is-module-assistant {
	margin-top: auto;
	padding-top: 0.9rem;
	border-top: 1px solid rgba(37, 99, 235, 0.1);
}

.lookon-lookia-chat-composer.is-module-assistant textarea.form-control {
	min-height: 94px;
	border-radius: 14px;
}

.lookon-module-assistant-beta-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	padding: 1rem;
	border-radius: 18px;
	border: 1px dashed rgba(99, 102, 241, 0.2);
	background: rgba(255, 255, 255, 0.72);
}

.lookon-module-assistant-beta-copy {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	color: #334155;
}

.lookon-ai-inline-btn-icon {
	width: 15px;
	height: 15px;
	object-fit: contain;
	flex: 0 0 15px;
}

.lookon-btn-ai {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.lookon-btn-ai.btn-sm {
	gap: 6px;
}

.lookon-module-ai-inline-shell {
	margin: 0 0 1.5rem;
}

.lookon-lookia-chat-shell {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.lookon-lookia-chat-shell-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.lookon-module-ai-card {
	padding: 1.35rem 1.4rem;
	border-radius: 22px;
	border: 1px solid rgba(99, 102, 241, 0.16);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.98) 100%);
	box-shadow: 0 18px 36px rgba(66, 108, 214, 0.08);
}

.lookon-module-ai-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 1rem;
}

.lookon-module-ai-context {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 1rem;
}

.lookon-module-ai-form .form-control,
.lookon-module-ai-form .form-select {
	border-radius: 14px;
}

.lookon-ai-chat-thread {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 0;
	padding: 0.35rem 0.35rem 0.35rem 0;
	max-height: 540px;
	overflow-y: auto;
	min-height: 280px;
}

.lookon-ai-chat-thread.is-compact {
	max-height: 360px;
	min-height: 220px;
}

.lookon-ai-chat-message,
.lookon-ai-chat-typing {
	display: flex;
}

.lookon-ai-chat-message.is-user {
	justify-content: flex-end;
}

.lookon-ai-chat-message.is-assistant,
.lookon-ai-chat-typing {
	justify-content: flex-start;
}

.lookon-ai-chat-message.is-user,
.lookon-ai-chat-message.is-assistant,
.lookon-ai-chat-typing {
	align-items: flex-end;
	gap: 0.7rem;
}

.lookon-ai-chat-bubble {
	display: inline-flex;
	flex-direction: column;
	gap: 0.7rem;
	max-width: min(90%, 720px);
	padding: 0.95rem 1rem;
	border-radius: 20px;
	line-height: 1.7;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.lookon-ai-chat-bubble.is-assistant {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 247, 255, 0.98) 100%);
	border: 1px solid rgba(99, 102, 241, 0.14);
	color: #334155;
	border-top-left-radius: 8px;
	box-shadow: 0 16px 38px rgba(59, 130, 246, 0.08);
}

.lookon-ai-chat-bubble.is-user {
	background: linear-gradient(135deg, #1d4ed8 0%, #38bdf8 100%);
	border: 1px solid transparent;
	color: #ffffff;
	border-top-right-radius: 8px;
}

.lookon-ai-chat-copy {
	white-space: pre-wrap;
	word-break: break-word;
}

.lookon-ai-chat-meta {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding-top: 0.1rem;
}

.lookon-ai-chat-actions,
.lookon-ai-chat-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.lookon-ai-chat-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.38rem 0.75rem;
	border-radius: 999px;
	background: rgba(59, 130, 246, 0.08);
	border: 1px solid rgba(59, 130, 246, 0.14);
	color: #1d4ed8;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
	font: inherit;
	text-decoration: none;
	transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.lookon-ai-chat-chip:hover,
.lookon-ai-chat-chip:focus {
	background: rgba(59, 130, 246, 0.14);
	border-color: rgba(59, 130, 246, 0.22);
	transform: translateY(-1px);
}

.lookon-ai-chat-links a {
	display: inline-flex;
	align-items: center;
	padding: 0.38rem 0.75rem;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.04);
	border: 1px solid rgba(148, 163, 184, 0.26);
	color: #24458f;
	font-size: 0.78rem;
	font-weight: 700;
	text-decoration: none;
}

.lookon-ai-chat-links a:hover,
.lookon-ai-chat-links a:focus {
	color: #173b8a;
	border-color: rgba(37, 99, 235, 0.3);
}

.lookon-ai-chat-status {
	padding: 0.8rem 1rem;
	border-radius: 16px;
	font-size: 0.92rem;
	line-height: 1.55;
}

.lookon-lookia-chat-composer {
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid rgba(37, 99, 235, 0.1);
}

.lookon-lookia-chat-composer.is-embedded {
	padding-top: 1rem;
}

.lookon-lookia-chat-composer.is-popup {
	margin-top: 0;
	flex: 0 0 auto;
	padding: 0.75rem 0 0;
	background: linear-gradient(180deg, rgba(247, 250, 255, 0) 0%, rgba(247, 250, 255, 0.92) 22%, rgba(247, 250, 255, 0.98) 100%);
	position: relative;
	z-index: 2;
}

.lookon-lookia-chat-composer.is-popup .form-label {
	margin-bottom: 0.35rem;
	font-size: 0.82rem;
}

.lookon-lookia-chat-composer.is-popup .form-control,
.lookon-lookia-chat-composer.is-popup .form-select {
	min-height: 46px;
	border-radius: 12px;
}

.lookon-lookia-chat-composer.is-popup textarea.form-control {
	min-height: 82px;
}

.lookon-global-ai-popup .lookon-ai-chat-thread {
	flex: 1 1 auto;
	max-height: none;
	min-height: 0;
	padding-right: 0.35rem;
}

.lookon-ai-chat-status.is-info {
	background: rgba(59, 130, 246, 0.08);
	border: 1px solid rgba(59, 130, 246, 0.14);
	color: #1d4ed8;
}

.lookon-ai-chat-status.is-warning {
	background: rgba(245, 158, 11, 0.1);
	border: 1px solid rgba(245, 158, 11, 0.18);
	color: #b45309;
}

.lookon-ai-chat-status.is-error {
	background: rgba(239, 68, 68, 0.08);
	border: 1px solid rgba(239, 68, 68, 0.16);
	color: #b91c1c;
}

.lookon-ai-chat-dots {
	display: inline-flex;
	align-items: center;
	gap: 0.34rem;
	min-height: 1.1rem;
}

.lookon-ai-chat-dots i {
	display: inline-block;
	width: 0.52rem;
	height: 0.52rem;
	border-radius: 999px;
	background: rgba(59, 130, 246, 0.72);
	animation: lookon-ai-chat-pulse 1.15s infinite ease-in-out;
}

.lookon-ai-chat-dots i:nth-child(2) {
	animation-delay: 0.16s;
}

.lookon-ai-chat-dots i:nth-child(3) {
	animation-delay: 0.32s;
}

@keyframes lookon-ai-chat-pulse {
	0%, 80%, 100% {
		opacity: 0.25;
		transform: translateY(0);
	}
	40% {
		opacity: 1;
		transform: translateY(-2px);
	}
}

@keyframes lookon-ai-icon-float {
	0%, 100% {
		transform: translateY(0) scale(1);
		filter: drop-shadow(0 10px 22px rgba(30, 77, 255, 0.12));
	}
	50% {
		transform: translateY(-2px) scale(1.02);
		filter: drop-shadow(0 14px 30px rgba(30, 77, 255, 0.2));
	}
}

.lookon-module-ai-response {
	padding: 1rem 1.05rem;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(37, 99, 235, 0.1);
}

.lookon-module-ai-response-copy {
	line-height: 1.75;
	color: #334155;
}

.lookon-lookia-beta-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.16), rgba(59, 130, 246, 0.18));
	border: 1px solid rgba(99, 102, 241, 0.22);
	color: #4338ca;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.lookon-lookia-context-chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(59, 130, 246, 0.08);
	border: 1px solid rgba(59, 130, 246, 0.16);
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 700;
}

.lookon-section-actions .lookon-help-actions {
	margin-right: 4px;
}

.lookon-guide-overlay {
	position: fixed;
	overflow: visible;
	pointer-events: none;
	z-index: 1090;
}

.lookon-guide-mask {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.18);
	border-radius: 18px 0 0 0;
	pointer-events: none;
}

.lookon-guide-popover {
	position: fixed;
	transform: translate(-50%, 0);
	background: #ffffff;
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
	border: 1px solid rgba(148, 163, 184, 0.4);
	width: min(320px, 90vw);
	padding: 16px 16px 14px;
	pointer-events: auto;
}

.lookon-guide-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

.lookon-guide-title {
	font-size: 16px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 6px;
}

.lookon-guide-text {
	font-size: 13px;
	color: #475569;
	margin-bottom: 12px;
}

.lookon-guide-actions {
	display: flex;
	gap: 8px;
	justify-content: space-between;
}

.lookon-guide-counter {
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
}

.lookon-guide-target {
	position: relative;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
	border-radius: 12px;
	z-index: 3;
	isolation: isolate;
}

.lookon-doc-modal {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.55);
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	z-index: 1085;
}

.lookon-doc-modal.is-open {
	display: flex;
}

.lookon-doc-panel {
	background: #ffffff;
	border-radius: 18px;
	width: min(860px, 96vw);
	max-height: 88vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 22px 60px rgba(15, 23, 42, 0.2);
}

.lookon-doc-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px 10px;
	border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.lookon-doc-header h3 {
	margin-top: 6px;
	margin-bottom: 0;
	font-size: 20px;
	color: #0f172a;
}

.lookon-doc-close {
	border: none;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	color: #64748b;
}

.lookon-doc-body {
	padding: 20px 24px;
	overflow-y: auto;
}

.lookon-doc-section + .lookon-doc-section {
	margin-top: 18px;
}

.lookon-doc-section h4 {
	font-size: 16px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 6px;
}

.lookon-doc-section p {
	color: #475569;
	font-size: 13px;
	margin-bottom: 8px;
}

.lookon-doc-section ul {
	padding-left: 18px;
	margin-bottom: 0;
	color: #475569;
	font-size: 13px;
}

.lookon-doc-section ol {
	padding-left: 18px;
	margin-bottom: 0;
	color: #475569;
	font-size: 13px;
}

.lookon-doc-link-list {
	display: grid;
	gap: 12px;
}

.lookon-doc-link-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
	border: 1px solid rgba(148, 163, 184, 0.2);
	border-radius: 14px;
	background: #f8fafc;
}

.lookon-doc-link-copy {
	min-width: 0;
}

.lookon-doc-link-copy h4 {
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
}

.lookon-doc-link-copy p {
	margin: 0;
	font-size: 13px;
	color: #475569;
}

.lookon-doc-footer {
	padding: 12px 24px 20px;
	border-top: 1px solid rgba(148, 163, 184, 0.2);
	display: flex;
	justify-content: flex-end;
}

body[data-theme-version="dark"] .lookon-guide-popover,
body[data-theme-version="dark"] .lookon-doc-panel {
	background: #0f172a;
	border-color: rgba(148, 163, 184, 0.25);
}

body[data-theme-version="dark"] .lookon-guide-mask {
	background: rgba(2, 6, 23, 0.24);
}

body[data-theme-version="dark"] .lookon-guide-title,
body[data-theme-version="dark"] .lookon-doc-header h3,
body[data-theme-version="dark"] .lookon-doc-section h4 {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-guide-text,
body[data-theme-version="dark"] .lookon-guide-counter,
body[data-theme-version="dark"] .lookon-doc-section p,
body[data-theme-version="dark"] .lookon-doc-section ul,
body[data-theme-version="dark"] .lookon-doc-section ol {
	color: #cbd5f5;
}

body[data-theme-version="dark"] .lookon-doc-link-card {
	background: rgba(15, 23, 42, 0.72);
	border-color: rgba(148, 163, 184, 0.18);
}

body[data-theme-version="dark"] .lookon-doc-link-copy h4 {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-doc-link-copy p {
	color: #cbd5f5;
}

@media (max-width: 767px) {
	.lookon-hero-head {
		flex-direction: column;
	}

	.lookon-hero-head-actions,
	.lookon-help-actions {
		width: 100%;
		justify-content: flex-start;
	}

	.lookon-checkbox-groups,
	.lookon-checkbox-group-grid {
		grid-template-columns: 1fr;
	}

	.lookon-doc-link-card {
		flex-direction: column;
		align-items: flex-start;
	}

	.lookon-collection-text-row {
		flex-direction: column;
		align-items: stretch;
	}
}

.lookon-table-pagination-wrap {
	margin-top: 18px;
	display: flex;
	justify-content: flex-end;
}

.lookon-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	flex-wrap: wrap;
}

.lookon-pagination-pages {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.lookon-pagination-link,
.lookon-pagination-next {
	min-width: 38px;
	height: 38px;
	padding: 0 14px;
	border-radius: 12px;
	border: 1px solid rgba(37, 99, 235, 0.16);
	background: #fff;
	color: #24458f;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
	transition: 0.2s ease;
}

.lookon-pagination-link:hover,
.lookon-pagination-next:hover,
.lookon-pagination-link.is-active {
	background: linear-gradient(135deg, #1d4ed8 0%, #38bdf8 100%);
	border-color: transparent;
	color: #fff;
	transform: translateY(-1px);
}

.lookon-highlight-row td {
	background: rgba(59, 130, 246, 0.08) !important;
	border-top-color: rgba(59, 130, 246, 0.28) !important;
	border-bottom-color: rgba(59, 130, 246, 0.28) !important;
}

.lookon-highlight-row td:first-child {
	border-left: 3px solid #2563eb;
}

.lookon-highlight-card {
	border-color: rgba(37, 99, 235, 0.38) !important;
	box-shadow: 0 16px 32px rgba(37, 99, 235, 0.12) !important;
	background: linear-gradient(180deg, rgba(239, 246, 255, 0.96) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.lookon-highlight-row[data-lookon-highlight-kind="agenda_priority"] td:first-child,
.lookon-highlight-card[data-lookon-highlight-kind="agenda_priority"] {
	border-color: rgba(245, 158, 11, 0.45) !important;
	box-shadow: 0 16px 32px rgba(245, 158, 11, 0.12) !important;
}

.lookon-highlight-row[data-lookon-highlight-kind="agenda_priority"] td {
	background: rgba(254, 243, 199, 0.38) !important;
}

.lookon-unified-info-block {
	margin: 0 0 1.5rem;
	padding: 1.25rem 1.35rem;
	border-radius: 22px;
	border: 1px solid rgba(37, 99, 235, 0.12);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 251, 255, 0.98) 100%);
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06);
}

.lookon-unified-info-head {
	margin-bottom: 1rem;
}

.lookon-unified-info-head h4 {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	font-weight: 800;
	color: #163b87;
}

.lookon-unified-info-head p {
	margin: 0;
	color: #5b6b8b;
}

.lookon-unified-info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.7);
}

.lookon-unified-info-item {
	padding: 1.1rem 1.15rem;
	min-height: 170px;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.lookon-unified-info-item:nth-child(odd) {
	border-right: 1px solid rgba(37, 99, 235, 0.1);
}

.lookon-unified-info-item:nth-child(-n+2) {
	border-bottom: 1px solid rgba(37, 99, 235, 0.1);
}

.lookon-unified-info-eyebrow {
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #6f84aa;
}

.lookon-unified-info-item strong {
	font-size: 1rem;
	color: #183d8f;
}

.lookon-unified-info-item p {
	margin: 0;
	color: #4d5f82;
	line-height: 1.65;
}

.lookon-unified-info-list {
	margin: 0;
	padding-left: 1rem;
	color: #4d5f82;
}

.lookon-unified-info-list li + li {
	margin-top: 0.3rem;
}

.lookon-summary-band-row {
	margin-bottom: 1.5rem;
}

.lookon-summary-band {
	border-radius: 18px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06);
	overflow: hidden;
}

.lookon-summary-band-head {
	padding: 1rem 1.25rem 0;
}

.lookon-summary-band-head h4 {
	margin: 0 0 0.3rem;
	font-size: 1rem;
	font-weight: 800;
	color: #173b8a;
}

.lookon-summary-band-head p {
	margin: 0;
	color: #64748b;
}

.lookon-summary-band-grid {
	display: grid;
	grid-template-columns: repeat(var(--lookon-summary-band-columns, 4), minmax(0, 1fr));
}

.lookon-summary-band-item {
	padding: 1.25rem 1.35rem;
	min-height: 180px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 1rem;
	background: rgba(255, 255, 255, 0.82);
}

.lookon-summary-band-item + .lookon-summary-band-item {
	border-left: 1px solid rgba(15, 23, 42, 0.08);
}

.lookon-summary-band-title {
	font-size: 1.55rem;
	font-weight: 500;
	line-height: 1.1;
	color: #1e293b;
}

.lookon-summary-band-body {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.lookon-summary-band-ring {
	width: 102px;
	height: 102px;
	border-radius: 999px;
	border: 7px solid rgba(148, 163, 184, 0.6);
	box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.95);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(circle at 50% 45%, #ffffff 0%, #f8fafc 70%, #eef2ff 100%);
	flex: 0 0 102px;
}

.lookon-summary-band-ring span {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
	color: #0f172a;
	text-align: center;
	max-width: 82%;
}

.lookon-summary-band-ring.is-textual {
	width: 132px;
	height: 92px;
	border-radius: 28px;
	padding: 0.6rem 0.8rem;
}

.lookon-summary-band-ring.is-textual span {
	font-size: 1rem;
	line-height: 1.15;
	font-weight: 700;
	max-width: 100%;
	word-break: break-word;
}

.lookon-summary-band-lines {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
}

.lookon-summary-band-line {
	font-size: 0.92rem;
	line-height: 1.35;
	color: #475569;
}

.lookon-summary-band-line-1 {
	color: #c2410c;
}

.lookon-summary-band-line-2 {
	color: #64748b;
}

.lookon-summary-band-line-3 {
	color: #4f46e5;
}

body[data-theme-version="dark"] .lookon-unified-info-block {
	border-color: rgba(96, 165, 250, 0.12);
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(17, 24, 39, 0.92) 100%);
	box-shadow: 0 20px 42px rgba(2, 8, 23, 0.34);
}

body[data-theme-version="dark"] .lookon-unified-info-grid {
	background: rgba(15, 23, 42, 0.42);
}

body[data-theme-version="dark"] .lookon-unified-info-item:nth-child(odd),
body[data-theme-version="dark"] .lookon-unified-info-item:nth-child(-n+2) {
	border-color: rgba(96, 165, 250, 0.1);
}

body[data-theme-version="dark"] .lookon-unified-info-head h4,
body[data-theme-version="dark"] .lookon-unified-info-item strong {
	color: #eff6ff;
}

body[data-theme-version="dark"] .lookon-unified-info-head p,
body[data-theme-version="dark"] .lookon-unified-info-item p,
body[data-theme-version="dark"] .lookon-unified-info-list {
	color: #bfdbfe;
}

body[data-theme-version="dark"] .lookon-unified-info-eyebrow {
	color: #93c5fd;
}

body[data-theme-version="dark"] .lookon-summary-band {
	border-color: rgba(96, 165, 250, 0.14);
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(17, 24, 39, 0.95) 100%);
	box-shadow: 0 18px 36px rgba(2, 8, 23, 0.34);
}

body[data-theme-version="dark"] .lookon-summary-band-item {
	background: rgba(15, 23, 42, 0.32);
}

body[data-theme-version="dark"] .lookon-summary-band-item + .lookon-summary-band-item {
	border-left-color: rgba(96, 165, 250, 0.1);
}

body[data-theme-version="dark"] .lookon-summary-band-head h4,
body[data-theme-version="dark"] .lookon-summary-band-title,
body[data-theme-version="dark"] .lookon-summary-band-ring span {
	color: #eff6ff;
}

body[data-theme-version="dark"] .lookon-summary-band-head p,
body[data-theme-version="dark"] .lookon-summary-band-line {
	color: #bfdbfe;
}

body[data-theme-version="dark"] .lookon-summary-band-ring {
	border-color: rgba(148, 163, 184, 0.46);
	box-shadow: inset 0 0 0 6px rgba(30, 41, 59, 0.78);
	background: radial-gradient(circle at 50% 45%, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.92) 70%, rgba(30, 64, 175, 0.22) 100%);
}

body[data-theme-version="dark"] .lookon-menu-pill-beta {
	background: rgba(129, 140, 248, 0.18);
	border-color: rgba(129, 140, 248, 0.28);
	color: #c7d2fe;
}

body[data-theme-version="dark"] .lookon-module-ai-link {
	background: linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(30, 41, 59, 0.98));
	border-color: rgba(129, 140, 248, 0.22);
	box-shadow: 0 14px 30px rgba(2, 6, 23, 0.32);
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-module-ai-link:hover,
body[data-theme-version="dark"] .lookon-module-ai-link:focus {
	color: #ffffff;
	border-color: rgba(147, 197, 253, 0.34);
	box-shadow: 0 18px 34px rgba(2, 6, 23, 0.38);
}

body[data-theme-version="dark"] .lookon-lookia-beta-badge {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.22), rgba(59, 130, 246, 0.24));
	border-color: rgba(129, 140, 248, 0.32);
	color: #dbeafe;
}

body[data-theme-version="dark"] .lookon-contract-ai-assistant-card,
body[data-theme-version="dark"] .lookon-contract-ai-orchestrator-hero,
body[data-theme-version="dark"] .lookon-contract-guide-stage,
body[data-theme-version="dark"] .lookon-contract-builder-body,
body[data-theme-version="dark"] .lookon-contract-ai-conversation,
body[data-theme-version="dark"] .lookon-contract-ai-progress,
body[data-theme-version="dark"] .lookon-contract-ai-response,
body[data-theme-version="dark"] .lookon-contract-ai-step,
body[data-theme-version="dark"] .lookon-contract-ai-pill,
body[data-theme-version="dark"] .lookon-contract-guide-box,
body[data-theme-version="dark"] .lookon-contract-editor-surface {
	background: rgba(15, 23, 42, 0.88);
	border-color: rgba(71, 85, 105, 0.44);
}

body[data-theme-version="dark"] .lookon-contract-ai-inline-note,
body[data-theme-version="dark"] .lookon-contract-ai-step small,
body[data-theme-version="dark"] .lookon-contract-ai-response-copy,
body[data-theme-version="dark"] .lookon-contract-guide-box-copy,
body[data-theme-version="dark"] .lookon-contract-upload-status {
	color: #cbd5e1;
}

body[data-theme-version="dark"] .lookon-contract-ai-step strong,
body[data-theme-version="dark"] .lookon-contract-ai-pill,
body[data-theme-version="dark"] .lookon-contract-guide-box h6 {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-contract-ai-thread-bubble {
	background: rgba(15, 23, 42, 0.78);
	border-color: rgba(71, 85, 105, 0.44);
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-contract-ai-thread-message.is-user .lookon-contract-ai-thread-bubble {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.96), rgba(59, 130, 246, 0.96));
	color: #fff;
}

body[data-theme-version="dark"] .lookon-contract-ai-step.is-complete {
	background: rgba(6, 78, 59, 0.34);
	border-color: rgba(16, 185, 129, 0.34);
}

body[data-theme-version="dark"] .lookon-lookia-context-chip {
	background: rgba(59, 130, 246, 0.16);
	border-color: rgba(96, 165, 250, 0.22);
	color: #bfdbfe;
}

body[data-theme-version="dark"] .lookon-module-ai-card {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%);
	border-color: rgba(129, 140, 248, 0.18);
	box-shadow: 0 18px 36px rgba(2, 8, 23, 0.34);
}

body[data-theme-version="dark"] .lookon-global-ai-trigger {
	background: linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(30, 41, 59, 0.98));
	border-color: rgba(129, 140, 248, 0.22);
	box-shadow: 0 14px 30px rgba(2, 6, 23, 0.32);
}

body[data-theme-version="dark"] .lookon-global-ai-trigger-label,
body[data-theme-version="dark"] .lookon-module-ai-badge {
	color: #e0e7ff;
}

body[data-theme-version="dark"] .lookon-global-ai-popup-dialog {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(17, 24, 39, 0.98) 100%);
	border-color: rgba(129, 140, 248, 0.18);
	box-shadow: 0 24px 70px rgba(2, 8, 23, 0.5);
}

body[data-theme-version="dark"] .lookon-module-assistant-dialog {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(17, 24, 39, 0.98) 100%);
	border-color: rgba(129, 140, 248, 0.18);
	box-shadow: 0 24px 70px rgba(2, 8, 23, 0.5);
}

body[data-theme-version="dark"] .lookon-module-assistant-body {
	background: rgba(15, 23, 42, 0.74);
	border-color: rgba(129, 140, 248, 0.18);
}

body[data-theme-version="dark"] .lookon-module-assistant-close {
	background: rgba(255, 255, 255, 0.06);
	color: #cbd5e1;
}

body[data-theme-version="dark"] .lookon-module-assistant-backdrop {
	background: rgba(2, 6, 23, 0.68);
}

body[data-theme-version="dark"] .lookon-module-assistant-action-btn,
body[data-theme-version="dark"] .lookon-module-assistant-beta-card {
	background: rgba(15, 23, 42, 0.88);
	border-color: rgba(148, 163, 184, 0.16);
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-global-ai-sidebar,
body[data-theme-version="dark"] .lookon-global-ai-main {
	background: rgba(15, 23, 42, 0.74);
	border-color: rgba(129, 140, 248, 0.18);
}

body[data-theme-version="dark"] .lookon-global-ai-session-item {
	background: rgba(15, 23, 42, 0.88);
	border-color: rgba(148, 163, 184, 0.14);
}

body[data-theme-version="dark"] .lookon-global-ai-session-item.is-active {
	background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(30, 41, 59, 0.96));
}

body[data-theme-version="dark"] .lookon-global-ai-sidebar-head h5,
body[data-theme-version="dark"] .lookon-global-ai-main-head h5,
body[data-theme-version="dark"] .lookon-global-ai-session-identity strong {
	color: #f8fafc;
}

body[data-theme-version="dark"] .lookon-global-ai-session-item p,
body[data-theme-version="dark"] .lookon-global-ai-session-top small,
body[data-theme-version="dark"] .lookon-global-ai-sidebar-head p,
body[data-theme-version="dark"] .lookon-global-ai-main-head p,
body[data-theme-version="dark"] .lookon-global-ai-session-identity span {
	color: rgba(226, 232, 240, 0.78);
}

body[data-theme-version="dark"] .lookon-global-ai-popup-close {
	background: rgba(255, 255, 255, 0.06);
	color: #cbd5e1;
}

body[data-theme-version="dark"] .lookon-global-ai-popup-backdrop {
	background: rgba(2, 6, 23, 0.68);
}

body[data-theme-version="dark"] .lookon-lookia-chat-composer {
	border-top-color: rgba(96, 165, 250, 0.12);
}

body[data-theme-version="dark"] .lookon-lookia-chat-composer.is-popup {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.9) 22%, rgba(15, 23, 42, 0.98) 100%);
}

body[data-theme-version="dark"] .lookon-ai-chat-bubble.is-assistant {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 41, 59, 0.96) 100%);
	border-color: rgba(96, 165, 250, 0.14);
	color: #dbeafe;
}

body[data-theme-version="dark"] .lookon-ai-chat-chip {
	background: rgba(59, 130, 246, 0.16);
	border-color: rgba(96, 165, 250, 0.22);
	color: #bfdbfe;
}

body[data-theme-version="dark"] .lookon-ai-chat-links a {
	background: rgba(15, 23, 42, 0.44);
	border-color: rgba(148, 163, 184, 0.18);
	color: #bfdbfe;
}

body[data-theme-version="dark"] .lookon-ai-chat-links a:hover,
body[data-theme-version="dark"] .lookon-ai-chat-links a:focus {
	border-color: rgba(96, 165, 250, 0.24);
	color: #dbeafe;
}

body[data-theme-version="dark"] .lookon-ai-chat-status.is-info {
	background: rgba(59, 130, 246, 0.12);
	border-color: rgba(96, 165, 250, 0.18);
	color: #bfdbfe;
}

body[data-theme-version="dark"] .lookon-ai-chat-status.is-warning {
	background: rgba(180, 83, 9, 0.18);
	border-color: rgba(245, 158, 11, 0.22);
	color: #fde68a;
}

body[data-theme-version="dark"] .lookon-ai-chat-status.is-error {
	background: rgba(127, 29, 29, 0.22);
	border-color: rgba(248, 113, 113, 0.2);
	color: #fecaca;
}

body[data-theme-version="dark"] .lookon-ai-chat-dots i {
	background: rgba(125, 211, 252, 0.82);
}

body[data-theme-version="dark"] .lookon-module-ai-response {
	background: rgba(15, 23, 42, 0.44);
	border-color: rgba(96, 165, 250, 0.14);
}

body[data-theme-version="dark"] .lookon-module-ai-response-copy {
	color: #dbeafe;
}

@media (max-width: 767px) {
	.lookon-trial-banner {
		flex-direction: column;
		align-items: flex-start;
	}

	.lookon-trial-banner-btn {
		width: 100%;
	}

	.lookon-unified-info-grid {
		grid-template-columns: 1fr;
	}

	.lookon-unified-info-item {
		min-height: 0;
	}

	.lookon-unified-info-item:nth-child(odd) {
		border-right: 0;
	}

	.lookon-unified-info-item:nth-child(-n+2) {
		border-bottom: 0;
	}

	.lookon-unified-info-item:not(:last-child) {
		border-bottom: 1px solid rgba(37, 99, 235, 0.1);
	}

	body[data-theme-version="dark"] .lookon-unified-info-item:not(:last-child) {
		border-color: rgba(96, 165, 250, 0.1);
	}

	.lookon-summary-band-grid {
		grid-template-columns: 1fr;
	}

	.lookon-summary-band-item + .lookon-summary-band-item {
		border-left: 0;
		border-top: 1px solid rgba(15, 23, 42, 0.08);
	}

	body[data-theme-version="dark"] .lookon-summary-band-item + .lookon-summary-band-item {
		border-top-color: rgba(96, 165, 250, 0.1);
	}

	.lookon-module-ai-head {
		flex-direction: column;
	}

	.lookon-lookia-chat-shell-head {
		flex-direction: column;
	}

	.lookon-ai-chat-bubble {
		max-width: 100%;
	}

	.lookon-global-ai-popup {
		padding: 12px;
	}

	.lookon-global-ai-popup-dialog {
		width: 100%;
		max-height: 92vh;
		padding: 0.8rem;
		border-radius: 20px;
	}

	.lookon-global-ai-shell {
		grid-template-columns: 1fr;
	}

	.lookon-global-ai-sidebar {
		max-height: 220px;
	}

	.lookon-global-ai-popup-head {
		flex-direction: column;
	}

	.lookon-global-ai-popup-icon {
		width: 56px;
		max-width: 56px;
		height: auto;
	}

	.lookon-global-ai-trigger {
		min-width: 54px;
		padding: 0 14px;
	}

	.lookon-global-ai-trigger-label {
		display: none;
	}

	.lookon-module-assistant-overlay {
		padding: 12px;
	}

	.lookon-module-assistant-dialog {
		width: 100%;
		max-height: 90vh;
		padding: 0.85rem;
	}

	.lookon-module-assistant-head {
		flex-direction: column;
	}

	.lookon-module-assistant-icon {
		width: 104px;
		max-width: 104px;
		height: auto;
	}

.lookon-global-ai-popup .lookon-ai-chat-thread {
		min-height: 220px;
	}
}

/* LOOKON_SIDEBAR_ICON_POLICY_LOCK_START */
/* Trava de regressao do menu lateral: nao alterar sem validacao visual no teste. */
#lookon-crm-sidebar .metismenu > li > a .nav-text,
#lookon-crm-sidebar .metismenu > li > a:hover .nav-text,
#lookon-crm-sidebar .metismenu > li > a:focus .nav-text,
#lookon-crm-sidebar .metismenu > li.mm-active > a .nav-text {
	color: var(--lookon-juris-rust) !important;
}

#lookon-crm-sidebar .metismenu > li > a i,
#lookon-crm-sidebar .metismenu > li > a i::before,
#lookon-crm-sidebar .metismenu > li > a:hover i,
#lookon-crm-sidebar .metismenu > li > a:hover i::before,
#lookon-crm-sidebar .metismenu > li > a:focus i,
#lookon-crm-sidebar .metismenu > li > a:focus i::before,
#lookon-crm-sidebar .metismenu > li.mm-active > a i,
#lookon-crm-sidebar .metismenu > li.mm-active > a i::before {
	color: var(--lookon-google-blue) !important;
}

#lookon-crm-sidebar .metismenu > li > a .lookon-menu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	margin-right: 0.75rem;
	line-height: 1;
}

#lookon-crm-sidebar .metismenu > li > a .lookon-menu-icon--agenda-google {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	margin-right: 0.75rem;
	vertical-align: middle;
	flex-shrink: 0;
	position: relative;
	overflow: visible;
}

#lookon-crm-sidebar .metismenu > li > a .lookon-menu-icon--agenda-google .lookon-menu-google-calendar-svg {
	display: block;
	width: 22px !important;
	height: 22px !important;
	max-width: 22px !important;
	max-height: 22px !important;
	margin: 0 !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="agenda"] {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="agenda"] .nav-text {
	display: inline-block;
	line-height: 1.2;
}

body[data-lookon-sidebar-state="small"] #lookon-crm-sidebar .metismenu > li > a .lookon-menu-icon,
body[data-sidebar-style="mini"][data-layout="vertical"] #lookon-crm-sidebar .metismenu > li > a .lookon-menu-icon {
	margin-right: 0 !important;
}

body[data-lookon-sidebar-state="small"] #lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="agenda"],
body[data-sidebar-style="mini"][data-layout="vertical"] #lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="agenda"] {
	justify-content: center !important;
}

body[data-lookon-sidebar-state="small"] #lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="agenda"] .nav-text,
body[data-sidebar-style="mini"][data-layout="vertical"] #lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="agenda"] .nav-text {
	display: none !important;
}

#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="whatsapp"] i,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="whatsapp"] i::before,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="whatsapp"]:hover i,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="whatsapp"]:hover i::before,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="whatsapp"]:focus i,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="whatsapp"]:focus i::before,
#lookon-crm-sidebar .metismenu > li.mm-active > a[data-lookon-menu-slug="whatsapp"] i,
#lookon-crm-sidebar .metismenu > li.mm-active > a[data-lookon-menu-slug="whatsapp"] i::before {
	color: var(--lookon-wa-green) !important;
}

#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="integracoes"] i,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="integracoes"] i::before,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="integracoes"]:hover i,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="integracoes"]:hover i::before,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="integracoes"]:focus i,
#lookon-crm-sidebar .metismenu > li > a[data-lookon-menu-slug="integracoes"]:focus i::before,
#lookon-crm-sidebar .metismenu > li.mm-active > a[data-lookon-menu-slug="integracoes"] i,
#lookon-crm-sidebar .metismenu > li.mm-active > a[data-lookon-menu-slug="integracoes"] i::before {
	color: var(--lookon-google-blue) !important;
}
/* LOOKON_SIDEBAR_ICON_POLICY_LOCK_END */

/* LOOKON_DARK_CARD_GUARD_START */
/* Guard rail para impedir regressao de cards brancos no tema escuro. */
body[data-theme-version="dark"] .lookon-dashboard-premium > .lookon-widget-card,
body[data-theme-version="dark"] .lookon-dashboard-premium .lookon-widget-card .lookon-chart-box,
body[data-theme-version="dark"] .lookon-dashboard-premium .lookon-report-kpi-card,
body[data-theme-version="dark"] .lookon-note-card,
body[data-theme-version="dark"] .lookon-empty-state-card,
body[data-theme-version="dark"] .lookon-plan-card,
body[data-theme-version="dark"] .lookon-order-card,
body[data-theme-version="dark"] .lookon-mailbox-card,
body[data-theme-version="dark"] .lookon-plan-buyers-shell,
body[data-theme-version="dark"] .lookon-mailbox-shell,
body[data-theme-version="dark"] .lookon-plan-price-box,
body[data-theme-version="dark"] .lookon-mailbox-item,
body[data-theme-version="dark"] .lookon-order-summary-list li,
body[data-theme-version="dark"] .lookon-billing-status-pill,
body[data-theme-version="dark"] .lookon-cnj-detail-section,
body[data-theme-version="dark"] .lookon-process-helper,
body[data-theme-version="dark"] .lookon-hearing-card,
body[data-theme-version="dark"] .lookon-chat-attachment,
body[data-theme-version="dark"] .lookon-chat-attachment.is-image .lookon-chat-attachment-preview,
body[data-theme-version="dark"] .lookon-chat-upload-input,
body[data-theme-version="dark"] .lookon-empty-box {
	background: #18212a !important;
	background-image: none !important;
	border-color: #25303c !important;
	color: #e2e8f0 !important;
	box-shadow: none !important;
}

body[data-theme-version="dark"] .lookon-tailwick-table thead th {
	background: #141d27 !important;
	border-color: #25303c !important;
	color: #94a3b8 !important;
}

body[data-theme-version="dark"] .lookon-tailwick-table tbody td {
	border-color: #25303c !important;
	color: #e2e8f0 !important;
}

body[data-theme-version="dark"] .lookon-chat-rail-button.is-active,
body[data-theme-version="dark"] .lookon-chat-rail-button:hover,
body[data-theme-version="dark"] .lookon-chat-rail-button:focus,
body[data-theme-version="dark"] .lookon-chat-shell .btn.btn-light {
	background: #162232 !important;
	border-color: #243041 !important;
	color: #e2e8f0 !important;
	box-shadow: none !important;
}

body[data-theme-version="dark"] .lookon-chat-upload-input {
	color-scheme: dark;
}

body[data-theme-version="dark"] .lookon-note-card .lookon-note-content,
body[data-theme-version="dark"] .lookon-note-card-footer,
body[data-theme-version="dark"] .lookon-tailwick-muted,
body[data-theme-version="dark"] .lookon-mailbox-item > span:last-child,
body[data-theme-version="dark"] .lookon-order-summary-list li span,
body[data-theme-version="dark"] .lookon-billing-status-pill__meta small,
body[data-theme-version="dark"] .lookon-cnj-detail-head p,
body[data-theme-version="dark"] .lookon-chat-attachment-meta small {
	color: #cbd5e1 !important;
}

body[data-theme-version="dark"] .lookon-note-author,
body[data-theme-version="dark"] .lookon-billing-status-pill__meta strong,
body[data-theme-version="dark"] .lookon-order-summary-list li strong,
body[data-theme-version="dark"] .lookon-cnj-detail-head h5,
body[data-theme-version="dark"] .lookon-chat-attachment-meta strong {
	color: #f8fafc !important;
}

body[data-theme-version="dark"] .lookon-billing-status-pill__icon {
	background: rgba(var(--lookon-billing-rgb), 0.24) !important;
	color: rgb(var(--lookon-billing-rgb)) !important;
}

body[data-theme-version="dark"] .lookon-billing-status-pill:hover,
body[data-theme-version="dark"] .lookon-billing-status-pill:focus {
	border-color: rgba(var(--lookon-billing-rgb), 0.44) !important;
	box-shadow: none !important;
}
/* LOOKON_DARK_CARD_GUARD_END */

/* LOOKON_TOPBAR_ACTIONS_STANDARD_START */
/* Topo: padrao unico de tamanho + acabamento flat (sem efeito 3D). */
:root {
	--lookon-top-action-size: 42px;
	--lookon-top-action-radius: 14px;
}

.header .header-content .navbar-nav.header-right > li > .lookon-chat-link,
.header .header-content .navbar-nav.header-right > li > .lookon-whatsapp-top-link,
.header .header-content .navbar-nav.header-right > li > .lookon-system-link,
.header .header-content .navbar-nav.header-right > li > .lookon-theme-toggle,
.header .header-content .navbar-nav.header-right > li > .lookon-mobile-more-toggle {
	width: var(--lookon-top-action-size) !important;
	min-width: var(--lookon-top-action-size) !important;
	height: var(--lookon-top-action-size) !important;
	min-height: var(--lookon-top-action-size) !important;
	border-radius: var(--lookon-top-action-radius) !important;
	background: #ffffff !important;
	background-image: none !important;
	box-shadow: none !important;
	transform: none !important;
}

.header .header-content .navbar-nav.header-right > li > .lookon-global-ai-trigger {
	height: var(--lookon-top-action-size) !important;
	min-height: var(--lookon-top-action-size) !important;
	border-radius: var(--lookon-top-action-radius) !important;
	padding: 0 12px !important;
	gap: 8px !important;
	background: #ffffff !important;
	background-image: none !important;
	box-shadow: none !important;
	transform: none !important;
}

.header .header-content .navbar-nav.header-right > li > .lookon-chat-link:hover,
.header .header-content .navbar-nav.header-right > li > .lookon-chat-link:focus,
.header .header-content .navbar-nav.header-right > li > .lookon-whatsapp-top-link:hover,
.header .header-content .navbar-nav.header-right > li > .lookon-whatsapp-top-link:focus,
.header .header-content .navbar-nav.header-right > li > .lookon-system-link:hover,
.header .header-content .navbar-nav.header-right > li > .lookon-system-link:focus,
.header .header-content .navbar-nav.header-right > li > .lookon-theme-toggle:hover,
.header .header-content .navbar-nav.header-right > li > .lookon-theme-toggle:focus,
.header .header-content .navbar-nav.header-right > li > .lookon-mobile-more-toggle:hover,
.header .header-content .navbar-nav.header-right > li > .lookon-mobile-more-toggle:focus,
.header .header-content .navbar-nav.header-right > li > .lookon-global-ai-trigger:hover,
.header .header-content .navbar-nav.header-right > li > .lookon-global-ai-trigger:focus {
	background: #f8fafc !important;
	box-shadow: none !important;
	transform: none !important;
}

.lookon-whatsapp-top-link.is-active {
	box-shadow: none !important;
}

.lookon-notification-pill {
	box-shadow: none !important;
}

.lookon-chat-link svg,
.lookon-system-link svg,
.lookon-mobile-more-icon,
.lookon-global-ai-trigger img {
	width: 20px !important;
	height: 20px !important;
}

.lookon-whatsapp-top-link i {
	font-size: 20px !important;
	line-height: 1 !important;
}

.lookon-theme-icon {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	background: transparent !important;
	border-radius: 0 !important;
	color: currentColor !important;
}

.lookon-theme-icon i {
	font-size: 18px !important;
	line-height: 1 !important;
}

body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-chat-link,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-whatsapp-top-link,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-system-link,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-theme-toggle,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-mobile-more-toggle,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-global-ai-trigger {
	background: #18212a !important;
	background-image: none !important;
	border-color: #25303c !important;
	box-shadow: none !important;
}

body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-chat-link:hover,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-chat-link:focus,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-whatsapp-top-link:hover,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-whatsapp-top-link:focus,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-system-link:hover,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-system-link:focus,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-theme-toggle:hover,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-theme-toggle:focus,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-mobile-more-toggle:hover,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-mobile-more-toggle:focus,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-global-ai-trigger:hover,
body[data-theme-version="dark"] .header .header-content .navbar-nav.header-right > li > .lookon-global-ai-trigger:focus {
	background: #1f2b37 !important;
	box-shadow: none !important;
}
/* LOOKON_TOPBAR_ACTIONS_STANDARD_END */

/* LOOKON_TOPBAR_BELL_DOT_FIX_START */
/* Remove o ponto lateral legado e garante sino centralizado no mesmo padrao visual dos outros icones. */
.header .header-content .navbar-nav.header-right > li > .lookon-system-link.dz-notifiction::after,
.header .header-content .navbar-nav.header-right > li > .dz-notifiction.lookon-system-link::after,
.lookon-system-link.dz-notifiction::after,
.dz-notifiction.lookon-system-link::after {
	content: none !important;
	display: none !important;
}

.header .header-content .navbar-nav.header-right > li > .lookon-system-link svg,
.lookon-system-link svg {
	display: block !important;
	margin: 0 auto !important;
}

.header .header-content .navbar-nav.header-right > li > .lookon-system-link,
.header .header-content .navbar-nav.header-right > li > .lookon-system-link.dz-notifiction,
.notification_dropdown .lookon-system-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	line-height: 1 !important;
	text-align: center !important;
}

.header .header-content .navbar-nav.header-right > li > .lookon-system-link svg {
	margin: 0 !important;
	position: static !important;
	transform: none !important;
}
/* LOOKON_TOPBAR_BELL_DOT_FIX_END */

/* LOOKON_MOBILE_LOGO_THEME_GUARD_START */
/* Trava definitiva: em mobile, nunca renderizar a logo desktop e sempre respeitar a variante de tema. */
@media (max-width: 991px) {
	.nav-header .brand-logo .lookon-brand-logo-desktop,
	.nav-header .brand-logo .lookon-brand-logo-image.lookon-brand-logo-desktop,
	.nav-header .brand-logo .lookon-brand-logo-theme-light,
	.nav-header .brand-logo .lookon-brand-logo-theme-dark,
	.nav-header .brand-logo .lookon-brand-logo-theme-single {
		display: none !important;
	}

	.nav-header .brand-logo .lookon-brand-favicon-mobile {
		display: none !important;
	}

	.nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-single {
		display: block !important;
	}

	html:not([data-theme-version="dark"]) .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	body:not([data-theme-version="dark"]) .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	#main-wrapper:not([data-theme-version="dark"]) .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light {
		display: block !important;
	}

	html:not([data-theme-version="dark"]) .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	body:not([data-theme-version="dark"]) .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	#main-wrapper:not([data-theme-version="dark"]) .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark {
		display: none !important;
	}

	html[data-theme-version="dark"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	body[data-theme-version="dark"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	body.lookon-theme-dark .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light,
	#main-wrapper[data-theme-version="dark"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-light {
		display: none !important;
	}

	html[data-theme-version="dark"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	body[data-theme-version="dark"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	body.lookon-theme-dark .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark,
	#main-wrapper[data-theme-version="dark"] .nav-header .brand-logo .lookon-brand-favicon-mobile.lookon-brand-mobile-theme-dark {
		display: block !important;
	}
}
/* LOOKON_MOBILE_LOGO_THEME_GUARD_END */

/* LOOKON_WHATSAPP_CHAT_OSCAR_LAYOUT_START */
/* Layout restrito ao modulo WhatsApp: referencia visual de inbox/chat com conversa central e lista lateral direita. */
.lookon-chat-shell-whatsapp {
	grid-template-columns: minmax(0, 1fr) 318px;
	grid-template-areas: "main sidebar";
	border-radius: 10px;
	border-color: #dde5ee;
	background: #ffffff;
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
}

.lookon-chat-shell-whatsapp .lookon-chat-rail {
	display: none;
}

.lookon-chat-shell-whatsapp .lookon-chat-main {
	grid-area: main;
	background: #f4f6f8;
}

.lookon-chat-shell-whatsapp .lookon-chat-sidebar {
	grid-area: sidebar;
	border-right: 0;
	border-left: 1px solid #dde5ee;
	background: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-chat-main-head {
	min-height: 74px;
	padding: 14px 20px;
	background: #f7f8fa;
	border-bottom: 1px solid #dde5ee;
}

.lookon-chat-shell-whatsapp .lookon-chat-main-identity {
	min-width: 0;
}

.lookon-chat-shell-whatsapp .lookon-chat-main-head h5 {
	font-size: 1.2rem;
	font-weight: 700;
	color: #1f2937;
}

.lookon-chat-shell-whatsapp .lookon-chat-main-head p {
	max-width: 520px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lookon-chat-shell-whatsapp .lookon-chat-main-actions .btn {
	min-height: 32px;
	border-radius: 5px;
	padding: 6px 12px;
	box-shadow: none;
}

.lookon-chat-shell-whatsapp .lookon-chat-thread-meta {
	padding: 8px 20px;
	background: #ffffff;
	border-bottom: 1px solid #e6ebf1;
}

.lookon-chat-shell-whatsapp .lookon-chat-thread {
	padding: 24px 20px 18px;
	background: #f4f6f8;
}

.lookon-chat-shell-whatsapp .lookon-chat-thread::-webkit-scrollbar,
.lookon-chat-shell-whatsapp .lookon-chat-conversation-list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.lookon-chat-shell-whatsapp .lookon-chat-thread::-webkit-scrollbar-thumb,
.lookon-chat-shell-whatsapp .lookon-chat-conversation-list::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: #c5cfda;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	max-width: min(74%, 720px);
	margin-bottom: 18px;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble.is-outgoing {
	flex-direction: row-reverse;
	margin-left: auto;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-avatar {
	width: 42px;
	height: 42px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	background: linear-gradient(135deg, #0f766e 0%, #16a34a 100%);
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10);
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble.is-outgoing .lookon-chat-bubble-avatar {
	background: linear-gradient(135deg, #334155 0%, #64748b 100%);
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-avatar.has-image,
.lookon-chat-shell-whatsapp .lookon-chat-avatar.has-image {
	background: #d9e5df;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-stack {
	display: grid;
	gap: 5px;
	min-width: 0;
	flex: 1;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-card {
	padding: 13px 16px;
	border-radius: 0 10px 10px 10px;
	border: 0;
	background: #e9f2f7;
	box-shadow: none;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble.is-outgoing .lookon-chat-bubble-card {
	border-radius: 10px 0 10px 10px;
	background: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble.is-assistant .lookon-chat-bubble-card {
	background: #e8fbf4;
	border: 1px solid #b9e7d8;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 7px;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-label strong {
	font-size: 12px;
	color: #1f2937;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-label span {
	font-size: 10px;
	color: #7a8796;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-label-status-icon {
	display: inline-flex;
	align-items: center;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-label-status-icon .lookon-chat-status-indicator {
	font-size: 13px;
	gap: 0;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-card p {
	color: #263445;
	font-size: 14px;
	line-height: 1.55;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-meta {
	padding: 0;
	color: #7a8796;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble.is-outgoing .lookon-chat-bubble-meta {
	text-align: right;
	justify-content: flex-end;
}

.lookon-chat-shell-whatsapp .lookon-chat-composer {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"shortcuts shortcuts"
		"input input"
		"ai media"
		"note note";
	gap: 8px;
	padding: 14px 16px;
	border-top: 1px solid #dde5ee;
	background: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-chat-ai-toolbar {
	grid-area: ai;
	justify-content: flex-start;
	align-self: center;
	margin-bottom: 0;
}

.lookon-chat-shell-whatsapp .lookon-chat-ai-note {
	max-width: 100%;
}

.lookon-chat-shell-whatsapp .lookon-chat-ai-note-row {
	grid-area: note;
	justify-self: flex-start;
}

.lookon-chat-shell-whatsapp .lookon-chat-shortcuts {
	grid-area: shortcuts;
}

.lookon-chat-shell-whatsapp .lookon-chat-composer-input {
	grid-area: input;
	margin: 0;
}

.lookon-chat-shell-whatsapp .lookon-chat-composer-input textarea.form-control {
	min-height: 50px;
	height: 50px;
	resize: none;
	border-radius: 6px;
	border-color: #dde5ee;
	background: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media {
	grid-area: media;
	align-self: center;
	width: auto;
	margin: 0 !important;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-box {
	height: auto;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	border: 0;
	background: transparent;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-summary {
	display: none;
}

.lookon-chat-shell-whatsapp .lookon-wa-audio-status {
	min-height: 0;
	font-size: 11px;
	color: #5f6f83;
}

.lookon-chat-shell-whatsapp .lookon-wa-audio-status:empty {
	display: none;
}

.lookon-chat-shell-whatsapp .lookon-wa-audio-status[data-state="recording"] {
	color: #dc2626;
	font-weight: 700;
}

.lookon-chat-shell-whatsapp .lookon-wa-audio-status[data-state="ready"] {
	color: #0f766e;
}

.lookon-chat-shell-whatsapp .lookon-wa-audio-status[data-state="warning"] {
	color: #d97706;
	font-weight: 700;
}

.lookon-chat-shell-whatsapp .lookon-wa-audio-status[data-state="error"] {
	color: #dc2626;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions {
	height: auto;
	flex-wrap: nowrap;
	gap: 8px;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions .btn {
	min-height: 50px;
	border-radius: 6px;
	box-shadow: none;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media.is-disabled {
	opacity: 0.65;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions .btn:not(.lookon-wa-send-inline) {
	width: 48px;
	padding-left: 0;
	padding-right: 0;
	font-size: 0;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions .btn:not(.lookon-wa-send-inline) i {
	margin: 0;
	font-size: 15px;
}

.lookon-chat-shell-whatsapp .lookon-wa-send-inline {
	min-width: 92px;
	background: #25d366;
	border-color: #1fb65a;
	color: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-wa-send-inline:hover,
.lookon-chat-shell-whatsapp .lookon-wa-send-inline:focus {
	background: #1fb65a;
	border-color: #159447;
}

.lookon-chat-shell-whatsapp .lookon-wa-audio-record.is-recording {
	background: #dc2626;
	border-color: #b91c1c;
	color: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-chat-composer-actions {
	grid-area: links;
	margin-top: 0;
}

.lookon-chat-shell-whatsapp .lookon-chat-sidebar-head {
	min-height: 70px;
	padding: 16px 18px 10px;
	background: #ffffff;
	border-bottom: 0;
}

.lookon-chat-shell-whatsapp .lookon-chat-sidebar-head h4 {
	font-size: 1.02rem;
	color: #1f2937;
}

.lookon-chat-shell-whatsapp .lookon-chat-sidebar-head p {
	display: none;
}

.lookon-chat-shell-whatsapp .lookon-chat-counter {
	min-width: 28px;
	height: 24px;
	padding: 0 8px;
	background: #25d366;
	color: #ffffff;
	font-size: 11px;
}

.lookon-chat-shell-whatsapp .lookon-chat-sidebar-summary {
	padding: 0 18px 10px;
}

.lookon-chat-shell-whatsapp .lookon-chat-chip {
	min-height: 26px;
	border-radius: 999px;
	font-size: 10px;
}

.lookon-chat-shell-whatsapp .lookon-chat-search-form {
	padding: 0 18px 14px;
	background: #ffffff;
	border-bottom: 1px solid #eef2f7;
}

.lookon-chat-shell-whatsapp .lookon-chat-search-form > input.form-control {
	height: 40px;
	border-radius: 6px;
	background: #ffffff;
	border-color: #dde5ee;
}

.lookon-chat-shell-whatsapp .lookon-chat-filter-grid,
.lookon-chat-shell-whatsapp .lookon-chat-filter-actions {
	display: none;
}

.lookon-chat-shell-whatsapp .lookon-chat-section-label {
	display: none;
}

.lookon-chat-shell-whatsapp .lookon-chat-conversation-list {
	padding: 0;
}

.lookon-chat-shell-whatsapp .lookon-chat-conversation-item {
	margin: 0;
	padding: 14px 18px;
	border-width: 0 0 1px;
	border-color: #eef2f7;
	border-radius: 0;
	background: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-chat-conversation-item:hover,
.lookon-chat-shell-whatsapp .lookon-chat-conversation-item:focus,
.lookon-chat-shell-whatsapp .lookon-chat-conversation-item.is-active {
	background: #f6f8fb;
	border-color: #eef2f7;
}

.lookon-chat-shell-whatsapp .lookon-chat-conversation-identity strong {
	font-size: 14px;
	color: #263445;
}

.lookon-chat-shell-whatsapp .lookon-chat-conversation-identity span,
.lookon-chat-shell-whatsapp .lookon-chat-conversation-top small,
.lookon-chat-shell-whatsapp .lookon-chat-conversation-item p {
	color: #8a97a8;
}

.lookon-chat-shell-whatsapp .lookon-chat-status-indicator {
	display: inline-flex;
	align-items: center;
	gap: 0;
	line-height: 1;
	font-size: 12px;
	color: #8a97a8;
}

.lookon-chat-shell-whatsapp .lookon-chat-status-indicator.is-read {
	color: #3b82f6;
}

.lookon-chat-shell-whatsapp .lookon-chat-status-indicator.is-failed {
	color: #dc2626;
	font-weight: 700;
}

.lookon-chat-shell-whatsapp .lookon-chat-status-indicator.is-queued {
	color: #f59e0b;
}

.lookon-chat-shell-whatsapp .lookon-chat-status-check {
	font-weight: 700;
}

.lookon-chat-shell-whatsapp .lookon-chat-attachment-audio,
.lookon-chat-shell-whatsapp .lookon-chat-attachment-video {
	display: block;
	width: min(100%, 320px);
	border-radius: 12px;
	overflow: hidden;
	background: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-chat-attachment-video {
	max-height: 240px;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp {
	background: #101926;
	border-color: #243041;
	box-shadow: none;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-main,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-thread {
	background: #0f1722;
	background-image: none;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-sidebar,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-main-head,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-thread-meta,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-composer,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-sidebar-head,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-search-form,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-conversation-item {
	background: #111923;
	border-color: #25303c;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-conversation-item:hover,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-conversation-item:focus,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-conversation-item.is-active {
	background: #18212a;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-bubble-card {
	background: #1a2734;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-bubble.is-outgoing .lookon-chat-bubble-card {
	background: #162232;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-bubble.is-assistant .lookon-chat-bubble-card {
	background: #113229;
	border-color: #1f5f4f;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-composer-input textarea.form-control,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-search-form > input.form-control {
	background: #0f1722;
	border-color: #25303c;
	color: #e2e8f0;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-attachment-audio,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-attachment-video {
	background: #0f1722;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-status-indicator.is-delivered,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-status-indicator.is-sent {
	color: #94a3b8;
}

@media (max-width: 1199px) {
	.lookon-chat-shell-whatsapp {
		grid-template-columns: 1fr;
		grid-template-areas:
			"sidebar"
			"main";
	}

	.lookon-chat-shell-whatsapp .lookon-chat-sidebar {
		border-left: 0;
		border-bottom: 1px solid #dde5ee;
		max-height: 420px;
	}

	.lookon-chat-shell-whatsapp .lookon-chat-thread {
		min-height: 360px;
		max-height: 62vh;
	}
}

@media (max-width: 767px) {
	.lookon-chat-shell-whatsapp .lookon-chat-bubble {
		max-width: 92%;
		gap: 8px;
	}

	.lookon-chat-shell-whatsapp .lookon-chat-bubble-avatar {
		width: 34px;
		height: 34px;
		font-size: 10px;
	}

	.lookon-chat-shell-whatsapp .lookon-chat-composer {
		grid-template-columns: auto minmax(0, 1fr);
		grid-template-areas:
			"shortcuts shortcuts"
			"input input"
			"ai media"
			"note note";
	}

	.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions {
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 2px;
	}
}
/* LOOKON_WHATSAPP_CHAT_OSCAR_LAYOUT_END */

/* LOOKON_WHATSAPP_CHAT_REPAIR_GREEN_START */
@media (min-width: 992px) {
	.lookon-whatsapp-tabs {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}

	.lookon-whatsapp-tabs .lookon-integration-tab,
	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(2n),
	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(3n),
	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(n + 3),
	.lookon-whatsapp-tabs .lookon-integration-tab:nth-child(n + 4) {
		min-height: 68px;
		padding: 12px 14px;
		border-top: 0 !important;
		border-right: 1px solid #e5e9ef !important;
	}

	.lookon-whatsapp-tabs .lookon-integration-tab:last-child {
		border-right: 0 !important;
	}
}

.lookon-chat-shell-whatsapp .lookon-chat-main {
	background: #eef7f1;
}

.lookon-chat-shell-whatsapp .lookon-chat-thread {
	background: #eef7f1;
}

.lookon-chat-shell-whatsapp .lookon-chat-avatar,
.lookon-chat-shell-whatsapp .lookon-chat-bubble-avatar {
	background: linear-gradient(135deg, #075e54 0%, #128c7e 100%);
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble.is-outgoing .lookon-chat-bubble-avatar {
	background: linear-gradient(135deg, #128c7e 0%, #25d366 100%);
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble-card {
	background: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-chat-bubble.is-outgoing .lookon-chat-bubble-card {
	background: #dcf8c6;
}

.lookon-chat-shell-whatsapp .lookon-chat-conversation-item:hover,
.lookon-chat-shell-whatsapp .lookon-chat-conversation-item:focus,
.lookon-chat-shell-whatsapp .lookon-chat-conversation-item.is-active {
	background: #e9f8ef;
	border-color: #c6ead4;
}

.lookon-chat-shell-whatsapp .lookon-chat-counter,
.lookon-chat-shell-whatsapp .lookon-chat-unread {
	background: #25d366;
	color: #ffffff;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions {
	display: grid;
	grid-template-columns: 92px repeat(5, 48px);
	align-items: stretch;
	gap: 8px;
	width: max-content;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions .btn {
	min-width: 0;
	justify-content: center;
	overflow: hidden;
	white-space: nowrap;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions .btn:not(.lookon-wa-send-inline) {
	width: 48px !important;
	min-width: 48px !important;
	max-width: 48px !important;
	padding: 0 !important;
	font-size: 14px !important;
}

.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions .btn:not(.lookon-wa-send-inline) i {
	font-size: 15px;
	line-height: 1;
}

.lookon-chat-shell-whatsapp .lookon-wa-action-label {
	display: none !important;
}

.lookon-chat-shell-whatsapp .lookon-wa-send-inline {
	background: #25d366;
	border-color: #1fb65a;
}

.lookon-chat-shell-whatsapp .lookon-wa-send-inline:hover,
.lookon-chat-shell-whatsapp .lookon-wa-send-inline:focus {
	background: #128c7e;
	border-color: #075e54;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-main,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-thread {
	background: #0d1f1b;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-bubble-card {
	background: #162923;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-bubble.is-outgoing .lookon-chat-bubble-card {
	background: #173d2d;
	border-color: #236544;
}

body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-conversation-item:hover,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-conversation-item:focus,
body[data-theme-version="dark"] .lookon-chat-shell-whatsapp .lookon-chat-conversation-item.is-active {
	background: #123229;
	border-color: #1f5f45;
}

@media (max-width: 767px) {
	.lookon-chat-shell-whatsapp .lookon-wa-local-media-actions {
		grid-template-columns: 92px repeat(5, 48px);
		width: max-content;
	}
}
/* LOOKON_WHATSAPP_CHAT_REPAIR_GREEN_END */

/* LOOKON_ATENDIMENTO_CHAT_DASHBOARD_RESTORE_START */
.lookon-chat-atendimento-dashboard {
	margin-bottom: 12px;
}

.lookon-chat-atendimento-mini-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lookon-chat-atendimento-mini-grid .lookon-wa-mini-card {
	border-radius: 10px;
}

@media (max-width: 991px) {
	.lookon-chat-atendimento-mini-grid {
		grid-template-columns: 1fr;
	}
}
/* LOOKON_ATENDIMENTO_CHAT_DASHBOARD_RESTORE_END */