/**
 * Hi Car Match v155 — Seller Command Center
 * Dashboard-only layer. It intentionally uses a dedicated hicm-dcc namespace.
 */
.hicm-dcc-shell {
	background: #f3f5f8;
	color: #18202c;
}

.hicm-dcc {
	--dcc-ink: #18202c;
	--dcc-muted: #657184;
	--dcc-line: #e3e7ed;
	--dcc-navy: #15294a;
	--dcc-blue: #315b89;
	--dcc-red: #d84233;
	--dcc-cream: #f7f1e5;
	--dcc-green: #16845b;
	--dcc-amber: #c77813;
	--dcc-shadow: 0 16px 48px rgba(21, 41, 74, .08);
	padding: clamp(20px, 3vw, 40px);
	background:
		radial-gradient(circle at 96% 0, rgba(216, 66, 51, .07), transparent 25rem),
		linear-gradient(180deg, #f9fafb 0, #f3f5f8 520px);
	min-width: 0;
}

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

.hicm-dcc-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	min-height: 210px;
	margin-bottom: 22px;
	padding: clamp(26px, 4vw, 44px);
	overflow: hidden;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 28px;
	background:
		linear-gradient(112deg, rgba(21, 41, 74, .99) 0%, rgba(27, 50, 82, .96) 58%, rgba(52, 52, 54, .92) 100%);
	box-shadow: 0 22px 70px rgba(21, 41, 74, .18);
	isolation: isolate;
}

.hicm-dcc-hero::before {
	content: "";
	position: absolute;
	inset-inline-end: -50px;
	top: -150px;
	width: 420px;
	height: 420px;
	border: 80px solid rgba(255, 255, 255, .035);
	border-radius: 50%;
	z-index: -1;
}

.hicm-dcc-hero::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	bottom: 0;
	width: 44%;
	height: 3px;
	background: linear-gradient(90deg, var(--dcc-red), transparent);
}

.hicm-dcc-hero__copy {
	min-width: 0;
}

.hicm-dcc-eyebrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 22px;
	margin-bottom: 24px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: rgba(255, 255, 255, .62);
}

.hicm-dcc-eyebrow span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.hicm-dcc-eyebrow span:first-child {
	color: #fff;
}

.hicm-dcc-eyebrow span:first-child i {
	color: #ff7669;
}

.hicm-dcc-hero__title-row {
	display: flex;
	align-items: center;
	gap: 17px;
}

.hicm-dcc-hero__avatar {
	display: grid;
	place-items: center;
	flex: 0 0 76px;
	width: 76px;
	height: 76px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 24px;
	background: linear-gradient(145deg, #fff, #f4e9d6);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .2);
}

.hicm-dcc-hero__avatar img {
	width: 112%;
	height: 112%;
	object-fit: cover;
}

.hicm-dcc-hero h1 {
	margin: 0;
	max-width: 820px;
	font-size: clamp(25px, 3.1vw, 42px);
	font-weight: 850;
	line-height: 1.14;
	letter-spacing: -.035em;
	color: #fff;
}

.hicm-dcc-hero p {
	margin: 10px 0 0;
	font-size: clamp(13px, 1.25vw, 16px);
	line-height: 1.6;
	color: rgba(255, 255, 255, .68);
}

.hicm-dcc-tier {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 20px;
	padding: 7px 11px;
	color: #fff3c5;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .05em;
	border: 1px solid rgba(255, 222, 130, .24);
	border-radius: 999px;
	background: rgba(255, 222, 130, .08);
}

.hicm-dcc-hero__actions {
	display: flex;
	flex: 0 0 auto;
	gap: 10px;
}

.hicm-dcc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	gap: 9px;
	padding: 0 18px;
	font-size: 13px;
	font-weight: 800;
	border-radius: 14px;
	transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.hicm-dcc-btn:hover {
	transform: translateY(-2px);
}

.hicm-dcc-btn--primary {
	color: #fff;
	background: var(--dcc-red);
	box-shadow: 0 12px 28px rgba(216, 66, 51, .28);
}

.hicm-dcc-btn--primary:hover {
	color: #fff;
	background: #c73629;
}

.hicm-dcc-btn--ghost {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .22);
	background: rgba(255, 255, 255, .08);
}

.hicm-dcc-btn--ghost:hover {
	color: #fff;
	background: rgba(255, 255, 255, .15);
}

.hicm-dcc-kpis {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.hicm-dcc-kpi {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 13px;
	min-height: 130px;
	padding: 20px;
	overflow: hidden;
	border: 1px solid var(--dcc-line);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(21, 41, 74, .04);
}

.hicm-dcc-kpi::after {
	content: "";
	position: absolute;
	inset-inline-end: -23px;
	bottom: -32px;
	width: 82px;
	height: 82px;
	border: 18px solid currentColor;
	border-radius: 50%;
	opacity: .035;
}

.hicm-dcc-kpi__icon {
	display: grid;
	place-items: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	font-size: 18px;
	border-radius: 13px;
}

.hicm-dcc-kpi--navy .hicm-dcc-kpi__icon { color: #fff; background: var(--dcc-navy); }
.hicm-dcc-kpi--cyan .hicm-dcc-kpi__icon { color: #087f91; background: #dff7fa; }
.hicm-dcc-kpi--amber .hicm-dcc-kpi__icon { color: #a85e08; background: #fff1d6; }
.hicm-dcc-kpi--violet .hicm-dcc-kpi__icon { color: #6550a4; background: #eeeaff; }
.hicm-dcc-kpi--green .hicm-dcc-kpi__icon { color: #08724b; background: #dff6eb; }

.hicm-dcc-kpi__content {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.hicm-dcc-kpi__content strong {
	margin-top: 1px;
	font-size: clamp(23px, 2vw, 30px);
	line-height: 1;
	letter-spacing: -.04em;
	color: var(--dcc-ink);
}

.hicm-dcc-kpi__content > span {
	margin-top: 9px;
	font-size: 12px;
	font-weight: 750;
	color: #4e5a6b;
}

.hicm-dcc-kpi__content small {
	margin-top: 5px;
	font-size: 10px;
	line-height: 1.35;
	color: #8a94a3;
}

.hicm-dcc-grid {
	display: grid;
	gap: 16px;
	margin-bottom: 16px;
}

.hicm-dcc-grid--brief {
	grid-template-columns: minmax(0, 1.35fr) minmax(340px, .85fr);
}

.hicm-dcc-grid--operations {
	grid-template-columns: minmax(0, 1.25fr) minmax(350px, .75fr);
}

.hicm-dcc-card {
	min-width: 0;
	padding: clamp(20px, 2.4vw, 28px);
	border: 1px solid var(--dcc-line);
	border-radius: 24px;
	background: #fff;
	box-shadow: var(--dcc-shadow);
}

.hicm-dcc-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
}

.hicm-dcc-card__head h2,
.hicm-dcc-tools h2 {
	margin: 0;
	font-size: 18px;
	font-weight: 850;
	line-height: 1.3;
	letter-spacing: -.02em;
	color: var(--dcc-ink);
}

.hicm-dcc-card__head p {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.55;
	color: var(--dcc-muted);
}

.hicm-dcc-card__count {
	display: grid;
	place-items: center;
	flex: 0 0 34px;
	min-width: 34px;
	height: 34px;
	padding: 0 9px;
	color: #34445a;
	font-size: 12px;
	font-weight: 850;
	border-radius: 11px;
	background: #eef1f5;
}

.hicm-dcc-card__count.is-alert {
	color: #b52b20;
	background: #fff0ed;
}

.hicm-dcc-task-list {
	display: grid;
	gap: 9px;
}

.hicm-dcc-task {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 12px;
	min-height: 68px;
	padding: 10px 12px;
	color: var(--dcc-ink);
	border: 1px solid #edf0f4;
	border-radius: 16px;
	background: #fbfcfd;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.hicm-dcc-task:hover {
	color: var(--dcc-ink);
	border-color: #cfd7e1;
	box-shadow: 0 10px 24px rgba(21, 41, 74, .07);
	transform: translateY(-1px);
}

.hicm-dcc-task__icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	font-size: 17px;
	border-radius: 13px;
	background: #e8eef6;
	color: var(--dcc-blue);
}

.hicm-dcc-task--inquiry .hicm-dcc-task__icon { color: #a8620c; background: #fff0d6; }
.hicm-dcc-task--quality .hicm-dcc-task__icon { color: #b83228; background: #ffebe8; }
.hicm-dcc-task--limit .hicm-dcc-task__icon { color: #6550a4; background: #eeeaff; }

.hicm-dcc-task__copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.hicm-dcc-task__copy strong {
	font-size: 13px;
	font-weight: 800;
}

.hicm-dcc-task__copy small {
	margin-top: 3px;
	overflow: hidden;
	color: var(--dcc-muted);
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hicm-dcc-task__count {
	font-size: 20px;
	font-weight: 850;
	color: var(--dcc-ink);
}

.hicm-dcc-task__go {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 7px 9px;
	color: #516077;
	font-size: 10px;
	font-weight: 800;
	border-radius: 9px;
	background: #fff;
}

.hicm-dcc-clear {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 120px;
	padding: 20px;
	border: 1px solid #dceee6;
	border-radius: 18px;
	background: linear-gradient(135deg, #f5fcf8, #fff);
}

.hicm-dcc-clear__icon {
	display: grid;
	place-items: center;
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	color: var(--dcc-green);
	font-size: 26px;
	border-radius: 16px;
	background: #dff4e9;
}

.hicm-dcc-clear strong,
.hicm-dcc-empty strong {
	display: block;
	font-size: 14px;
	font-weight: 850;
	color: var(--dcc-ink);
}

.hicm-dcc-clear p,
.hicm-dcc-empty p {
	margin: 5px 0 0;
	font-size: 12px;
	line-height: 1.55;
	color: var(--dcc-muted);
}

.hicm-dcc-pipeline {
	display: grid;
	gap: 14px;
}

.hicm-dcc-pipe__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 7px;
	font-size: 12px;
}

.hicm-dcc-pipe__meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-weight: 700;
	color: #4e5a6b;
}

.hicm-dcc-pipe__meta i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #7890ae;
}

.hicm-dcc-pipe__meta strong {
	font-size: 13px;
	color: var(--dcc-ink);
}

.hicm-dcc-pipe__track {
	display: block;
	height: 7px;
	overflow: hidden;
	border-radius: 999px;
	background: #edf0f4;
}

.hicm-dcc-pipe__track span {
	display: block;
	min-width: 3px;
	height: 100%;
	border-radius: inherit;
	background: #7890ae;
}

.hicm-dcc-pipe--pending .hicm-dcc-pipe__meta i,
.hicm-dcc-pipe--pending .hicm-dcc-pipe__track span { background: #e48a21; }
.hicm-dcc-pipe--contacted .hicm-dcc-pipe__meta i,
.hicm-dcc-pipe--contacted .hicm-dcc-pipe__track span { background: #3987a5; }
.hicm-dcc-pipe--negotiating .hicm-dcc-pipe__meta i,
.hicm-dcc-pipe--negotiating .hicm-dcc-pipe__track span { background: #6252a4; }
.hicm-dcc-pipe--answered .hicm-dcc-pipe__meta i,
.hicm-dcc-pipe--answered .hicm-dcc-pipe__track span { background: #16845b; }
.hicm-dcc-pipe--closed .hicm-dcc-pipe__meta i,
.hicm-dcc-pipe--closed .hicm-dcc-pipe__track span { background: #7a8493; }

.hicm-dcc-card--performance {
	margin-bottom: 16px;
}

.hicm-dcc-legend {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px 14px;
}

.hicm-dcc-legend span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--dcc-muted);
	font-size: 10px;
	font-weight: 700;
}

.hicm-dcc-legend i {
	width: 8px;
	height: 8px;
	border-radius: 3px;
}

.is-listing { background: var(--dcc-navy); }
.is-inquiry { background: #d98924; }
.is-response { background: #1b9065; }

.hicm-dcc-bars {
	display: grid;
	grid-template-columns: repeat(14, minmax(24px, 1fr));
	align-items: end;
	gap: clamp(5px, 1vw, 12px);
	min-height: 220px;
	padding: 18px 4px 0;
	overflow-x: auto;
	border-top: 1px solid #f0f2f5;
	background: repeating-linear-gradient(to bottom, transparent 0, transparent 49px, #f1f3f6 50px);
}

.hicm-dcc-bars__day {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 9px;
	min-width: 25px;
	height: 190px;
	text-align: center;
}

.hicm-dcc-bars__columns {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 2px;
	height: 158px;
}

.hicm-dcc-bars__columns i {
	display: block;
	width: clamp(4px, .55vw, 8px);
	min-height: 3px;
	border-radius: 5px 5px 2px 2px;
	transition: opacity .2s ease;
}

.hicm-dcc-bars__day:hover i {
	opacity: .72;
}

.hicm-dcc-bars__day > span {
	overflow: hidden;
	color: #8993a1;
	font-size: 9px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hicm-dcc-chart-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 176px;
	color: #8b95a4;
	font-size: 12px;
	border: 1px dashed #dce1e7;
	border-radius: 16px;
	background: #fbfcfd;
}

.hicm-dcc-chart-empty i {
	font-size: 24px;
	color: #abb4c0;
}

.hicm-dcc-health-summary {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
}

.hicm-dcc-health-summary span {
	padding: 6px 9px;
	font-size: 10px;
	font-weight: 800;
	border-radius: 999px;
}

.hicm-dcc-health-summary .is-ready { color: #13734f; background: #e2f5eb; }
.hicm-dcc-health-summary .is-attention { color: #ad5f08; background: #fff0d8; }

.hicm-dcc-health-list,
.hicm-dcc-inquiry-list {
	display: grid;
}

.hicm-dcc-health-item {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 13px 0;
	border-top: 1px solid #eef1f4;
}

.hicm-dcc-health-item:first-child,
.hicm-dcc-inquiry:first-child {
	border-top: 0;
}

.hicm-dcc-health-item__thumb {
	display: grid;
	place-items: center;
	width: 72px;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	color: #9aa5b2;
	font-size: 23px;
	border-radius: 12px;
	background: linear-gradient(145deg, #f0f2f5, #e2e6eb);
}

.hicm-dcc-health-item__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hicm-dcc-health-item__main {
	min-width: 0;
}

.hicm-dcc-health-item__title {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.hicm-dcc-health-item__title strong {
	overflow: hidden;
	font-size: 13px;
	font-weight: 800;
	color: var(--dcc-ink);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hicm-dcc-status {
	flex: 0 0 auto;
	padding: 4px 7px;
	color: #586577;
	font-size: 9px;
	font-weight: 800;
	border-radius: 999px;
	background: #eef1f5;
}

.hicm-dcc-status--active { color: #14734f; background: #e2f5eb; }
.hicm-dcc-status--review,
.hicm-dcc-status--pending_review { color: #375d87; background: #e6eef8; }
.hicm-dcc-status--paused { color: #a55c09; background: #fff0d8; }

.hicm-dcc-score {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 8px;
}

.hicm-dcc-score > span {
	display: block;
	width: min(150px, 44%);
	height: 5px;
	overflow: hidden;
	border-radius: 99px;
	background: #e8ebef;
}

.hicm-dcc-score > span i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #df7a1c, #18855d);
}

.hicm-dcc-score b {
	color: #6d7888;
	font-size: 9px;
	font-weight: 750;
}

.hicm-dcc-issues {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 7px;
}

.hicm-dcc-issues span {
	padding: 3px 6px;
	color: #9b5a0b;
	font-size: 9px;
	font-weight: 700;
	border-radius: 6px;
	background: #fff4e4;
}

.hicm-dcc-row-action {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 8px 9px;
	color: #42536b;
	font-size: 10px;
	font-weight: 800;
	border-radius: 9px;
	background: #f0f3f6;
}

.hicm-dcc-row-action:hover {
	color: #fff;
	background: var(--dcc-navy);
}

.hicm-dcc-card__footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 14px -4px -6px;
	padding-top: 16px;
	color: var(--dcc-blue);
	font-size: 11px;
	font-weight: 800;
	border-top: 1px solid #eef1f4;
}

.hicm-dcc-inquiry {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 11px;
	padding: 13px 0;
	color: var(--dcc-ink);
	border-top: 1px solid #eef1f4;
}

.hicm-dcc-inquiry:hover {
	color: var(--dcc-blue);
}

.hicm-dcc-inquiry__avatar {
	position: relative;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	color: #fff;
	font-size: 13px;
	font-weight: 850;
	border-radius: 14px;
	background: linear-gradient(145deg, var(--dcc-navy), #365a86);
}

.hicm-dcc-inquiry__avatar i {
	position: absolute;
	inset-inline-end: -2px;
	top: -2px;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: var(--dcc-red);
}

.hicm-dcc-inquiry__copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.hicm-dcc-inquiry__copy strong {
	font-size: 12px;
	font-weight: 800;
}

.hicm-dcc-inquiry__copy small {
	margin-top: 3px;
	overflow: hidden;
	color: var(--dcc-muted);
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hicm-dcc-inquiry time {
	color: #8c96a4;
	font-size: 9px;
	white-space: nowrap;
}

.hicm-dcc-inquiry > i {
	font-size: 11px;
	color: #a1aab6;
}

.hicm-dcc-empty {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 178px;
	padding: 16px 18px;
	overflow: hidden;
	border: 1px dashed #d9dfe6;
	border-radius: 18px;
	background: linear-gradient(135deg, #fbfcfd, #f8f3e9);
}

.hicm-dcc-empty--compact {
	min-height: 154px;
}

.hicm-dcc-empty__visual {
	display: grid;
	place-items: center;
	flex: 0 0 122px;
	width: 122px;
	height: 122px;
	overflow: hidden;
}

.hicm-dcc-empty--compact .hicm-dcc-empty__visual {
	flex-basis: 100px;
	width: 100px;
	height: 100px;
}

.hicm-dcc-empty__visual img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hicm-dcc-empty a {
	display: inline-flex;
	margin-top: 12px;
	padding: 8px 11px;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	border-radius: 9px;
	background: var(--dcc-navy);
}

.hicm-dcc-capacity {
	display: grid;
	gap: 13px;
	margin-top: 20px;
	padding: 16px;
	border-radius: 16px;
	background: #f5f7f9;
}

.hicm-dcc-capacity__head,
.hicm-dcc-capacity__row > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.hicm-dcc-capacity__head strong {
	font-size: 11px;
	color: var(--dcc-ink);
}

.hicm-dcc-capacity__head span {
	color: var(--dcc-blue);
	font-size: 9px;
	font-weight: 850;
}

.hicm-dcc-capacity__row span,
.hicm-dcc-capacity__row b {
	font-size: 9px;
}

.hicm-dcc-capacity__row span {
	color: var(--dcc-muted);
}

.hicm-dcc-capacity__row b {
	color: var(--dcc-ink);
}

.hicm-dcc-capacity__track {
	display: block;
	height: 5px;
	margin-top: 6px;
	overflow: hidden;
	border-radius: 99px;
	background: #dfe4e9;
}

.hicm-dcc-capacity__track i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--dcc-blue);
}

.hicm-dcc-tools {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 22px 24px;
	border: 1px solid var(--dcc-line);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--dcc-shadow);
}

.hicm-dcc-tools > div {
	flex: 0 0 auto;
}

.hicm-dcc-tools nav {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	flex: 1;
	gap: 8px;
}

.hicm-dcc-tools a {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	min-height: 48px;
	padding: 8px 10px;
	color: #3f4c5f;
	font-size: 10px;
	font-weight: 750;
	border-radius: 12px;
	background: #f5f7f9;
	transition: color .2s ease, background .2s ease, transform .2s ease;
}

.hicm-dcc-tools a:hover {
	color: #fff;
	background: var(--dcc-navy);
	transform: translateY(-1px);
}

.hicm-dcc-tools a > i:first-child {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	font-size: 14px;
	border-radius: 10px;
	background: #fff;
	color: var(--dcc-blue);
}

.hicm-dcc-tools a > i:last-child {
	font-size: 9px;
	opacity: .65;
}

[dir="rtl"] .hicm-dcc-health-item__title,
[dir="rtl"] .hicm-dcc-score {
	flex-direction: row;
}

@media (max-width: 1280px) {
	.hicm-dcc-kpis {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hicm-dcc-grid--brief,
	.hicm-dcc-grid--operations {
		grid-template-columns: 1fr;
	}

	.hicm-dcc-tools {
		align-items: flex-start;
		flex-direction: column;
	}

	.hicm-dcc-tools nav {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100%;
	}
}

@media (max-width: 880px) {
	.hicm-dcc-hero {
		align-items: stretch;
		flex-direction: column;
	}

	.hicm-dcc-hero__actions {
		width: 100%;
	}

	.hicm-dcc-btn {
		flex: 1;
	}

	.hicm-dcc-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hicm-dcc-kpi:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	.hicm-dcc {
		padding: 14px;
	}

	.hicm-dcc-hero {
		min-height: 0;
		margin-bottom: 12px;
		padding: 22px 18px;
		border-radius: 21px;
	}

	.hicm-dcc-eyebrow {
		justify-content: space-between;
		margin-bottom: 18px;
		font-size: 9px;
	}

	.hicm-dcc-hero__title-row {
		align-items: flex-start;
	}

	.hicm-dcc-hero__avatar {
		flex-basis: 56px;
		width: 56px;
		height: 56px;
		border-radius: 17px;
	}

	.hicm-dcc-hero h1 {
		font-size: 24px;
	}

	.hicm-dcc-hero p {
		font-size: 12px;
	}

	.hicm-dcc-hero__actions {
		flex-direction: column-reverse;
	}

	.hicm-dcc-btn {
		min-height: 46px;
	}

	.hicm-dcc-kpis {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.hicm-dcc-kpi {
		min-height: 112px;
		padding: 15px;
		border-radius: 17px;
	}

	.hicm-dcc-kpi:last-child {
		grid-column: 1 / -1;
	}

	.hicm-dcc-kpi__icon {
		flex-basis: 35px;
		width: 35px;
		height: 35px;
		font-size: 15px;
		border-radius: 11px;
	}

	.hicm-dcc-kpi__content strong {
		font-size: 22px;
	}

	.hicm-dcc-kpi__content > span {
		font-size: 10px;
	}

	.hicm-dcc-card {
		padding: 18px;
		border-radius: 19px;
	}

	.hicm-dcc-card__head {
		flex-direction: column;
		margin-bottom: 17px;
	}

	.hicm-dcc-card__count {
		position: absolute;
		inset-inline-end: 18px;
	}

	.hicm-dcc-card {
		position: relative;
	}

	.hicm-dcc-task {
		grid-template-columns: 38px minmax(0, 1fr) auto;
	}

	.hicm-dcc-task__icon {
		width: 38px;
		height: 38px;
	}

	.hicm-dcc-task__go {
		display: none;
	}

	.hicm-dcc-legend {
		justify-content: flex-start;
	}

	.hicm-dcc-bars {
		grid-template-columns: repeat(14, 28px);
	}

	.hicm-dcc-health-item {
		grid-template-columns: 58px minmax(0, 1fr);
	}

	.hicm-dcc-health-item__thumb {
		width: 58px;
	}

	.hicm-dcc-row-action {
		grid-column: 2;
		justify-self: start;
	}

	.hicm-dcc-health-item__title {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.hicm-dcc-score > span {
		width: 45%;
	}

	.hicm-dcc-empty {
		align-items: flex-start;
		flex-direction: column;
	}

	.hicm-dcc-empty__visual,
	.hicm-dcc-empty--compact .hicm-dcc-empty__visual {
		align-self: center;
		flex-basis: 100px;
		width: 100px;
		height: 100px;
	}

	.hicm-dcc-tools {
		padding: 18px;
		border-radius: 19px;
	}

	.hicm-dcc-tools nav {
		grid-template-columns: 1fr 1fr;
	}

	.hicm-dcc-inquiry {
		grid-template-columns: 38px minmax(0, 1fr) auto;
	}

	.hicm-dcc-inquiry__avatar {
		width: 38px;
		height: 38px;
	}

	.hicm-dcc-inquiry time {
		display: none;
	}
}

@media (max-width: 390px) {
	.hicm-dcc-kpis {
		grid-template-columns: 1fr;
	}

	.hicm-dcc-kpi:last-child {
		grid-column: auto;
	}

	.hicm-dcc-kpi {
		min-height: 92px;
	}

	.hicm-dcc-tools nav {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hicm-dcc *,
	.hicm-dcc *::before,
	.hicm-dcc *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Inventory control */
.hicm-pagehead {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 20px;
	padding: clamp(24px, 3.4vw, 38px);
	color: #fff;
	border-radius: 25px;
	background:
		radial-gradient(circle at 88% 20%, rgba(255, 255, 255, .1), transparent 15rem),
		linear-gradient(115deg, #15294a, #27486f);
	box-shadow: 0 20px 54px rgba(21, 41, 74, .16);
}

.hicm-pagehead__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 12px;
	color: #ffb1a9;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.hicm-pagehead h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(25px, 3vw, 38px);
	font-weight: 850;
	letter-spacing: -.035em;
}

.hicm-pagehead p {
	margin: 9px 0 0;
	color: rgba(255, 255, 255, .67);
	font-size: 13px;
}

.hicm-inventory-tabs {
	display: flex;
	gap: 7px;
	margin-bottom: 12px;
	padding: 6px;
	overflow-x: auto;
	border: 1px solid var(--dcc-line);
	border-radius: 16px;
	background: #fff;
	scrollbar-width: none;
}

.hicm-inventory-tabs::-webkit-scrollbar {
	display: none;
}

.hicm-inventory-tabs button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	gap: 7px;
	min-height: 39px;
	padding: 0 13px;
	color: #5c6879;
	font-size: 11px;
	font-weight: 750;
	border: 0;
	border-radius: 11px;
	background: transparent;
	cursor: pointer;
}

.hicm-inventory-tabs button b {
	display: grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	color: #718095;
	font-size: 9px;
	border-radius: 7px;
	background: #eef1f5;
}

.hicm-inventory-tabs button.is-active {
	color: #fff;
	background: var(--dcc-navy);
}

.hicm-inventory-tabs button.is-active b {
	color: #fff;
	background: rgba(255, 255, 255, .16);
}

.hicm-inventory-panel {
	padding: clamp(16px, 2vw, 24px);
	border: 1px solid var(--dcc-line);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--dcc-shadow);
}

.hicm-inventory-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 18px;
}

.hicm-inventory-search {
	position: relative;
	display: block;
	flex: 0 1 310px;
}

.hicm-inventory-search i {
	position: absolute;
	inset-inline-start: 14px;
	top: 50%;
	color: #8793a2;
	font-size: 13px;
	transform: translateY(-50%);
}

.hicm-inventory-search input {
	width: 100%;
	height: 43px;
	padding: 0 14px;
	padding-inline-start: 39px;
	color: var(--dcc-ink);
	font-size: 12px;
	border: 1px solid #dbe0e7;
	border-radius: 12px;
	background: #f9fafb;
}

.hicm-inventory-search input:focus {
	outline: 3px solid rgba(49, 91, 137, .12);
	border-color: #7892b0;
}

.hicm-inventory-selection {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
}

.hicm-inventory-selection strong {
	margin-inline-end: 5px;
	color: #596678;
	font-size: 10px;
	white-space: nowrap;
}

.hicm-inventory-selection button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	padding: 0 10px;
	color: #45546a;
	font-size: 9px;
	font-weight: 800;
	border: 1px solid #dfe4ea;
	border-radius: 9px;
	background: #fff;
	cursor: pointer;
}

.hicm-inventory-selection button:hover {
	color: #fff;
	border-color: var(--dcc-navy);
	background: var(--dcc-navy);
}

.hicm-inventory-selection button:disabled {
	cursor: wait;
	opacity: .55;
}

.hicm-inventory-notice {
	margin: -5px 0 15px;
	padding: 10px 12px;
	color: #37506b;
	font-size: 11px;
	font-weight: 700;
	border-radius: 10px;
	background: #eaf0f7;
}

.hicm-inventory-notice.is-success { color: #116443; background: #e3f5eb; }
.hicm-inventory-notice.is-warning { color: #95540a; background: #fff1da; }
.hicm-inventory-notice.is-error { color: #a83228; background: #ffebe8; }

.hicm-inventory-table-wrap {
	overflow-x: auto;
	border: 1px solid #e9edf1;
	border-radius: 16px;
}

.hicm-inventory-table {
	width: 100%;
	min-width: 840px;
	border-collapse: collapse;
}

.hicm-inventory-table th {
	padding: 12px 14px;
	color: #778395;
	font-size: 9px;
	font-weight: 800;
	text-align: start;
	letter-spacing: .04em;
	background: #f7f8fa;
}

.hicm-inventory-table td {
	padding: 14px;
	color: #46546a;
	font-size: 11px;
	border-top: 1px solid #edf0f3;
	vertical-align: middle;
}

.hicm-inventory-table tr[hidden] {
	display: none;
}

.hicm-check {
	position: relative;
	display: inline-flex;
}

.hicm-check input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.hicm-check span {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border: 1.5px solid #bbc4cf;
	border-radius: 5px;
	background: #fff;
	cursor: pointer;
}

.hicm-check input:checked + span {
	border-color: var(--dcc-navy);
	background: var(--dcc-navy);
}

.hicm-check input:checked + span::after {
	content: "";
	width: 8px;
	height: 4px;
	border-inline-start: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg) translateY(-1px);
}

[dir="rtl"] .hicm-check input:checked + span::after {
	transform: rotate(-45deg) translateY(-1px);
}

.hicm-inventory-car {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 240px;
}

.hicm-inventory-car > span {
	display: grid;
	place-items: center;
	flex: 0 0 54px;
	width: 54px;
	height: 42px;
	color: #8793a2;
	font-size: 20px;
	border-radius: 10px;
	background: linear-gradient(145deg, #f0f2f5, #e1e6eb);
}

.hicm-inventory-car > div {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.hicm-inventory-car strong {
	max-width: 260px;
	overflow: hidden;
	color: var(--dcc-ink);
	font-size: 12px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hicm-inventory-car small {
	margin-top: 4px;
	color: #8792a1;
	font-size: 9px;
}

.hicm-inventory-price {
	color: #b6362b;
	font-size: 12px;
}

.hicm-inventory-stats {
	display: flex;
	flex-direction: column;
	gap: 4px;
	color: #6b788a;
	font-size: 9px;
}

.hicm-inventory-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.hicm-inventory-empty {
	max-width: 680px;
	margin: 30px auto;
}

@media (max-width: 980px) {
	.hicm-inventory-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.hicm-inventory-search {
		flex-basis: auto;
		max-width: none;
	}

	.hicm-inventory-selection {
		justify-content: flex-start;
		overflow-x: auto;
	}
}

@media (max-width: 640px) {
	.hicm-pagehead {
		align-items: stretch;
		flex-direction: column;
		padding: 22px 18px;
		border-radius: 20px;
	}

	.hicm-pagehead .hicm-dcc-btn {
		width: 100%;
	}

	.hicm-inventory-tabs {
		margin-inline: -2px;
	}

	.hicm-inventory-panel {
		padding: 12px;
		border-radius: 18px;
	}

	.hicm-inventory-selection strong {
		position: sticky;
		inset-inline-start: 0;
		z-index: 1;
		padding: 10px 8px;
		background: #fff;
	}

	.hicm-inventory-selection button {
		flex: 0 0 auto;
	}

	.hicm-inventory-table-wrap {
		overflow: visible;
		border: 0;
	}

	.hicm-inventory-table,
	.hicm-inventory-table tbody {
		display: block;
		min-width: 0;
	}

	.hicm-inventory-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.hicm-inventory-table tr {
		position: relative;
		display: grid;
		grid-template-columns: 30px minmax(0, 1fr);
		gap: 0 7px;
		margin-bottom: 10px;
		padding: 14px;
		border: 1px solid #e5e9ee;
		border-radius: 15px;
		background: #fff;
	}

	.hicm-inventory-table td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		grid-column: 2;
		padding: 6px 0;
		border: 0;
	}

	.hicm-inventory-table td:first-child {
		position: absolute;
		inset-inline-start: 12px;
		top: 16px;
		grid-column: 1;
		padding: 0;
	}

	.hicm-inventory-table td:nth-child(2) {
		padding-top: 0;
	}

	.hicm-inventory-table td:nth-child(n+3)::before {
		content: attr(data-label);
		color: #8994a3;
		font-size: 9px;
	}

	.hicm-inventory-car {
		min-width: 0;
		padding-inline-start: 2px;
	}

	.hicm-inventory-car strong {
		max-width: 200px;
	}
}

/* Buyer inquiry pipeline */
.hicm-inquiry-kpis {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.hicm-inquiry-kpis article {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: center;
	gap: 2px 11px;
	min-height: 96px;
	padding: 16px;
	border: 1px solid var(--dcc-line);
	border-radius: 17px;
	background: #fff;
	box-shadow: 0 7px 24px rgba(21, 41, 74, .04);
}

.hicm-inquiry-kpis article > i {
	display: grid;
	grid-row: 1 / 3;
	place-items: center;
	width: 38px;
	height: 38px;
	color: var(--dcc-blue);
	font-size: 16px;
	border-radius: 12px;
	background: #e7edf5;
}

.hicm-inquiry-kpis article.is-alert > i {
	color: #ae3126;
	background: #ffebe8;
}

.hicm-inquiry-kpis article strong {
	align-self: end;
	font-size: 23px;
	line-height: 1;
	color: var(--dcc-ink);
}

.hicm-inquiry-kpis article span {
	align-self: start;
	margin-top: 4px;
	color: #748093;
	font-size: 9px;
	font-weight: 750;
}

.hicm-inquiry-panel {
	padding: clamp(16px, 2.2vw, 25px);
	border: 1px solid var(--dcc-line);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--dcc-shadow);
}

.hicm-inquiry-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.hicm-inquiry-tabs {
	display: flex;
	gap: 4px;
	overflow-x: auto;
	scrollbar-width: none;
}

.hicm-inquiry-tabs::-webkit-scrollbar {
	display: none;
}

.hicm-inquiry-tabs button {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 6px;
	min-height: 38px;
	padding: 0 10px;
	color: #647185;
	font-size: 10px;
	font-weight: 750;
	border: 0;
	border-radius: 10px;
	background: transparent;
	cursor: pointer;
}

.hicm-inquiry-tabs button b {
	min-width: 19px;
	padding: 3px 5px;
	color: #7b8797;
	font-size: 8px;
	text-align: center;
	border-radius: 6px;
	background: #eef1f5;
}

.hicm-inquiry-tabs button.is-active {
	color: #fff;
	background: var(--dcc-navy);
}

.hicm-inquiry-tabs button.is-active b {
	color: #fff;
	background: rgba(255, 255, 255, .17);
}

.hicm-inquiry-controls .hicm-inventory-search {
	flex-basis: 280px;
}

.hicm-inquiry-list {
	display: grid;
}

.hicm-inquiry-row {
	display: grid;
	grid-template-columns: minmax(150px, .75fr) minmax(220px, 1.3fr) 75px 140px auto;
	align-items: center;
	gap: 14px;
	padding: 15px 4px;
	border-top: 1px solid #edf0f3;
}

.hicm-inquiry-row:first-child {
	border-top: 0;
}

.hicm-inquiry-row[hidden] {
	display: none;
}

.hicm-inquiry-row__person {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.hicm-inquiry-row__person > span {
	position: relative;
	display: grid;
	place-items: center;
	flex: 0 0 39px;
	width: 39px;
	height: 39px;
	color: #fff;
	font-size: 12px;
	font-weight: 850;
	border-radius: 13px;
	background: linear-gradient(145deg, #15294a, #46678c);
}

.hicm-inquiry-row__person > span i {
	position: absolute;
	inset-inline-end: -2px;
	top: -2px;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: var(--dcc-red);
}

.hicm-inquiry-row__person > div,
.hicm-inquiry-row__main {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.hicm-inquiry-row__person strong,
.hicm-inquiry-row__main strong {
	overflow: hidden;
	color: var(--dcc-ink);
	font-size: 11px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hicm-inquiry-row__person small {
	margin-top: 3px;
	color: #8c97a5;
	font-size: 8px;
}

.hicm-inquiry-row__main p {
	margin: 5px 0 0;
	overflow: hidden;
	color: #657285;
	font-size: 10px;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hicm-inquiry-row time {
	color: #8590a0;
	font-size: 9px;
	white-space: nowrap;
}

.hicm-inquiry-status {
	position: relative;
	display: block;
}

.hicm-inquiry-status select {
	width: 100%;
	height: 36px;
	padding: 0 29px 0 10px;
	color: #455369;
	font-size: 9px;
	font-weight: 800;
	border: 1px solid #dce2e8;
	border-radius: 9px;
	background: #f8f9fb;
	appearance: none;
	cursor: pointer;
}

[dir="rtl"] .hicm-inquiry-status select {
	padding: 0 10px 0 29px;
}

.hicm-inquiry-status > i {
	position: absolute;
	inset-inline-end: 10px;
	top: 50%;
	color: #8793a2;
	font-size: 9px;
	pointer-events: none;
	transform: translateY(-50%);
}

@media (max-width: 1120px) {
	.hicm-inquiry-kpis {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hicm-inquiry-row {
		grid-template-columns: minmax(140px, .8fr) minmax(200px, 1.2fr) 120px auto;
	}

	.hicm-inquiry-row time {
		display: none;
	}
}

@media (max-width: 820px) {
	.hicm-inquiry-controls {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.hicm-inquiry-controls .hicm-inventory-search {
		flex-basis: auto;
	}

	.hicm-inquiry-row {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px;
		margin-bottom: 10px;
		padding: 15px;
		border: 1px solid #e5e9ee;
		border-radius: 15px;
	}

	.hicm-inquiry-row__person,
	.hicm-inquiry-row__main {
		grid-column: 1 / -1;
	}

	.hicm-inquiry-row__main {
		padding: 10px 0;
		border-top: 1px solid #eef1f4;
	}

	.hicm-inquiry-status {
		grid-column: 1;
		max-width: 180px;
	}

	.hicm-inquiry-row > .hicm-dcc-row-action {
		grid-column: 2;
	}
}

@media (max-width: 640px) {
	.hicm-inquiry-kpis {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.hicm-inquiry-kpis article {
		min-height: 82px;
		padding: 12px;
	}

	.hicm-inquiry-kpis article:last-child {
		grid-column: 1 / -1;
	}

	.hicm-inquiry-panel {
		padding: 12px;
	}

	.hicm-inquiry-tabs {
		margin-inline: -2px;
	}
}