.acc-page > .module-body { padding: 0; }

.acc-scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 16px 16px 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	box-sizing: border-box;
}

.acc-welcome {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px 24px;
	padding: 24px 30px;
	background: linear-gradient(135deg, var(--hero-bg-1) 0%, var(--hero-bg-2) 40%, var(--hero-bg-3) 100%);
	border: 1px solid var(--hero-brd);
	border-radius: var(--radius-section);
	box-shadow: 0 4px 20px var(--hero-shadow);
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	min-width: 0;
	box-sizing: border-box;
}

.acc-welcome::after {
	content: '';
	position: absolute;
	right: -20px;
	top: -20px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: var(--hero-deco);
	pointer-events: none;
}

.acc-welcome-left {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
	flex: 1 1 320px;
	position: relative;
	z-index: 1;
}

.acc-welcome-av {
	position: relative;
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}

.acc-welcome-avatar {
	width: 60px;
	height: 60px;
	border-radius: var(--radius-section);
	background-color: var(--color-theme-main);
	background-size: cover;
	background-position: center;
	color: var(--on-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	font-weight: 800;
	box-shadow: 0 0 0 3px var(--hero-ring), 0 0 0 5px var(--or-border-strong), 0 4px 16px var(--hero-av-shadow);
	box-sizing: border-box;
}

.acc-online {
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--green);
	border: 2px solid var(--sur);
	z-index: 2;
	animation: acc-pulse 2.5s infinite;
}

@keyframes acc-pulse {
	0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--green) 50%, transparent); }
	70% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--green) 0%, transparent); }
	100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--green) 0%, transparent); }
}

@media (prefers-reduced-motion: reduce) {
	.acc-online { animation: none; }
}

.acc-welcome-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.acc-welcome-text h2 {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 800;
	color: var(--hero-fg);
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.acc-welcome-text p {
	margin: 4px 0 0;
	font-size: .875rem;
	font-weight: 500;
	color: var(--hero-fg-2);
}

.acc-welcome-text p:empty { display: none; }

.acc-welcome-right {
	display: flex;
	gap: 12px;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.acc-welcome-right[hidden],
.acc-welcome-right:empty { display: none; }

.acc-welcome-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-width: 88px;
	height: 60px;
	padding: 0 16px;
	background: var(--hero-tile);
	border: 1px solid var(--hero-tile-brd);
	border-radius: var(--radius-big);
	box-sizing: border-box;
}

.acc-ws-val {
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.1;
	color: var(--hero-fg);
}

.acc-ws-lbl {
	font-size: .7rem;
	font-weight: 600;
	color: var(--hero-fg-2);
	letter-spacing: .2px;
	white-space: nowrap;
}

.acc-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr);
	grid-auto-rows: auto;
	min-width: 0;
	max-width: 100%;
}

.acc-slot {
	container-type: inline-size;
	min-width: 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

.acc-grid-empty {
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
	min-height: 220px;
	background: var(--bg-card);
	border: 1.5px solid var(--brd-lt);
	border-radius: var(--radius-section);
}

.acc-card {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: var(--w-minh, 280px);
	overflow: hidden;
	background: var(--bg-card);
	border: 1.5px solid var(--brd-lt);
	border-radius: var(--radius-section);
	box-sizing: border-box;
}

.acc-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: calc(var(--btn-h-sm) + 20px);
	padding: 10px 12px 10px 14px;
	border-bottom: 1px solid var(--brd-lt);
	flex-shrink: 0;
	box-sizing: border-box;
	min-width: 0;
}

.acc-card-title {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--t1);
}

.acc-card-ico {
	width: 28px;
	height: 28px;
	border-radius: var(--radius-big);
	background: var(--or-pill-bg);
	color: var(--or-pill-fg);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.acc-card-name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.acc-card-actions {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

.acc-head-btn { gap: 5px; }

.acc-head-count:empty { display: none; }

.acc-count {
	display: inline-flex;
	cursor: default;
	user-select: none;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 7px;
	border-radius: var(--radius-standard);
	background: var(--or-pill-bg);
	color: var(--or-pill-fg);
	font-size: .72rem;
	font-weight: 700;
	box-sizing: border-box;
}

.acc-card-strip { flex-shrink: 0; }
.acc-card-strip:empty { display: none; }

.acc-card-body {
	flex: 1 1 auto;
	min-height: 0;
	max-height: 420px;
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}

.acc-w-skel {
	flex: 1 1 auto;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.acc-empty-msg {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 24px 16px;
	color: var(--t3);
	font-size: .825rem;
	text-align: center;
}

.acc-empty-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: var(--bg-hover);
	color: var(--t3);
}

.acc-state-title {
	font-weight: 700;
	color: var(--t2);
}

.acc-state-sub { font-size: .75rem; }

.acc-go-profile,
.acc-retry { gap: 6px; }

.acc-list {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.acc-row {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 54px;
	padding: 8px 14px;
	border-bottom: 1px solid var(--brd-lt);
	cursor: pointer;
	min-width: 0;
	box-sizing: border-box;
	user-select: none;
}

.acc-row:last-child { border-bottom: 0; }

.acc-row:focus-visible {
	outline: 2px solid var(--or);
	outline-offset: -2px;
}

.acc-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.acc-row-hit {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: var(--radius-standard);
}

.acc-row-hit:focus-visible {
	outline: 2px solid var(--or);
	outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
	.acc-row:hover { background: var(--hover-list-element-background); }
}

.acc-row-main {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.acc-row-line {
	display: flex;
	align-items: baseline;
	gap: 8px;
	min-width: 0;
}

.acc-row-title {
	flex: 1 1 auto;
	min-width: 0;
	font-size: .85rem;
	font-weight: 700;
	color: var(--t1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.acc-row-sub {
	min-width: 0;
	font-size: .75rem;
	color: var(--t3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.acc-row-sep::before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 0 6px;
	border-radius: 50%;
	background: var(--t4);
	vertical-align: middle;
}

.acc-row-who {
	font-weight: 600;
	color: var(--t2);
	margin-right: 5px;
}

.acc-row-time {
	flex-shrink: 0;
	font-size: .7rem;
	color: var(--t4);
	white-space: nowrap;
}

.acc-row-ico {
	width: 32px;
	height: 32px;
	border-radius: var(--radius-big);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: var(--bg-section);
	color: var(--t3);
}

.acc-ico-devis,
.acc-ico-cht { background: var(--or-pill-bg); color: var(--or-pill-fg); }
.acc-ico-facture { background: var(--blue-pill-bg); color: var(--blue-pill-fg); }

.acc-row-badge {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.acc-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 24px;
	padding: 0 10px;
	border-radius: var(--radius-standard);
	font-size: .7rem;
	font-weight: 600;
	white-space: nowrap;
	box-sizing: border-box;
	background: var(--neutral-pill-bg);
	color: var(--neutral-pill-fg);
}

.acc-badge-dot {
	display: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	flex-shrink: 0;
}

.acc-st-paye,
.acc-st-accepte,
.acc-st-signe-externe { background: var(--green-bg); color: var(--green); }
.acc-st-emis { background: var(--blue-bg); color: var(--blue); }
.acc-st-attente,
.acc-st-impaye,
.acc-st-brouillon-valide { background: var(--amber-bg); color: var(--amber); }
.acc-st-en-retard,
.acc-st-refuse { background: var(--red-bg); color: var(--red); }
.acc-st-avoir { background: var(--violet-bg); color: var(--violet); }
.acc-st-partiellement-paye { background: var(--or-lt); color: var(--or); }

.acc-badge.acc-tone-blue { background: var(--blue-bg); color: var(--blue); }
.acc-badge.acc-tone-or { background: var(--or-lt); color: var(--or); }
.acc-badge.acc-tone-green { background: var(--green-bg); color: var(--green); }
.acc-badge.acc-tone-red { background: var(--red-bg); color: var(--red); }
.acc-badge.acc-tone-neutral { background: var(--neutral-pill-bg); color: var(--neutral-pill-fg); }

.acc-row-amounts {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	flex-shrink: 0;
	min-width: 96px;
}

.acc-amt {
	font-size: .85rem;
	font-weight: 700;
	color: var(--t1);
	white-space: nowrap;
}

.acc-amt-ht {
	font-size: .7rem;
	color: var(--t3);
	white-space: nowrap;
}

.acc-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--neutral-pill-fg);
}

.acc-dot-red,
.acc-dot.acc-tone-red { background: var(--red); }
.acc-dot-or,
.acc-dot.acc-tone-or { background: var(--or); }
.acc-dot.acc-tone-blue { background: var(--blue); }
.acc-dot.acc-tone-green { background: var(--green); }

.acc-days {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	height: 24px;
	padding: 0 8px;
	border-radius: var(--radius-standard);
	font-size: .7rem;
	font-weight: 700;
	white-space: nowrap;
	box-sizing: border-box;
}

.acc-days-red { background: var(--red-pill-bg); color: var(--red-pill-fg); }
.acc-days-or { background: var(--or-pill-bg); color: var(--or-pill-fg); }

.acc-relance-btn {
	flex-shrink: 0;
	gap: 5px;
}

.acc-relance-btn.is-busy,
.acc-relance-btn.is-done {
	pointer-events: none;
	opacity: .6;
}

.acc-counters {
	display: flex;
	padding: 8px 10px;
	border-bottom: 1px solid var(--brd-lt);
}

.acc-counter {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.acc-counter + .acc-counter { border-left: 1px solid var(--brd-lt); }

.acc-counter-val {
	font-size: 15px;
	font-weight: 800;
	color: var(--t1);
}

.acc-counter-val.acc-tone-blue { color: var(--blue); }
.acc-counter-val.acc-tone-or { color: var(--or); }
.acc-counter-val.acc-tone-green { color: var(--green); }
.acc-counter-val.acc-tone-red { color: var(--red); }
.acc-counter-val.acc-tone-neutral { color: var(--neutral-pill-fg); }

.acc-counter-lbl {
	max-width: 100%;
	font-size: .62rem;
	font-weight: 600;
	color: var(--t3);
	text-transform: uppercase;
	letter-spacing: .02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.acc-late {
	color: var(--red);
	font-weight: 600;
}

.acc-row-sub > .acc-late { margin-right: 6px; }

.acc-av {
	position: relative;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-size: .7rem;
	font-weight: 700;
}

.acc-av-pic {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
}

.acc-tone-0 { background: var(--badge-product-bg); color: var(--badge-product-fg); }
.acc-tone-1 { background: var(--badge-service-bg); color: var(--badge-service-fg); }
.acc-tone-2 { background: var(--badge-package-bg); color: var(--badge-package-fg); }
.acc-tone-3 { background: var(--badge-blue-bg); color: var(--badge-blue-fg); }
.acc-tone-4 { background: var(--badge-green-bg); color: var(--badge-green-fg); }
.acc-tone-5 { background: var(--badge-amber-bg); color: var(--badge-amber-fg); }
.acc-tone-6 { background: var(--badge-violet-bg); color: var(--badge-violet-fg); }

.acc-mail-row.is-unread .acc-row-title { font-weight: 800; }
.acc-mail-row.is-unread .acc-row-sub { color: var(--t2); font-weight: 600; }

.acc-date-chip {
	width: 40px;
	height: 40px;
	border-radius: var(--radius-big);
	background: var(--sur);
	border: 1px solid var(--brd);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	line-height: 1.1;
}

.acc-date-d {
	font-size: .95rem;
	font-weight: 800;
	color: var(--t1);
}

.acc-date-m {
	font-size: .6rem;
	font-weight: 700;
	color: var(--or);
	text-transform: uppercase;
}

.acc-date-chip.is-late { background: var(--red-pill-bg); border-color: transparent; }
.acc-date-chip.is-late .acc-date-d,
.acc-date-chip.is-late .acc-date-m { color: var(--red-pill-fg); }

@container (max-width: 420px) {
	.acc-amt-ht { display: none; }
	.acc-row-amounts { min-width: 0; }
	.acc-badge {
		width: 24px;
		padding: 0;
	}
	.acc-badge-txt { display: none; }
	.acc-badge-dot { display: block; }
	.acc-relance-btn {
		width: var(--btn-h-sm);
		padding: 0;
		justify-content: center;
	}
	.acc-relance-btn .acc-btn-lbl { display: none; }
}

@container (max-width: 380px) {
	.acc-head-btn {
		width: var(--btn-h-sm);
		padding: 0;
		justify-content: center;
	}
	.acc-head-btn .acc-btn-lbl { display: none; }
	.acc-card-head { padding-left: 12px; }
	.acc-row { padding: 8px 12px; }
}

@container (max-width: 460px) {
	.acc-activity-card .acc-head-btn {
		width: var(--btn-h-sm);
		padding: 0;
		justify-content: center;
	}
	.acc-activity-card .acc-head-btn .acc-btn-lbl { display: none; }
}

@container (max-width: 300px) {
	.acc-row { flex-wrap: wrap; row-gap: 6px; }
	.acc-row-main { flex-basis: calc(100% - 44px); }
	.acc-row-amounts {
		flex-direction: row;
		align-items: center;
	}
	.acc-row-main + .acc-row-badge,
	.acc-row-main + .acc-days,
	.acc-row-main + .acc-row-amounts { margin-left: 42px; }
	.acc-task-row .acc-row-main,
	.acc-alert-row .acc-row-main { flex-basis: calc(100% - 20px); }
	.acc-task-row .acc-row-main + .acc-row-badge,
	.acc-alert-row .acc-row-main + .acc-days { margin-left: 18px; }
	.acc-card-ico { display: none; }
}

.acc-counter.is-link {
	cursor: pointer;
	border-radius: var(--radius-standard);
}

.acc-counter.is-link:focus-visible {
	outline: 2px solid var(--or);
	outline-offset: -2px;
}

@media (hover: hover) and (pointer: fine) {
	.acc-counter.is-link:hover { background: var(--hover-list-element-background); }
}

.acc-strip-line {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 6px 14px;
	border-bottom: 1px solid var(--brd-lt);
	font-size: .78rem;
	font-weight: 600;
	color: var(--t2);
	cursor: pointer;
	box-sizing: border-box;
	min-width: 0;
}

.acc-strip-line:focus-visible {
	outline: 2px solid var(--or);
	outline-offset: -2px;
}

@media (hover: hover) and (pointer: fine) {
	.acc-strip-line:hover { background: var(--hover-list-element-background); }
}

.acc-strip-ico {
	display: flex;
	flex-shrink: 0;
	color: var(--or);
}

.acc-strip-txt {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.acc-strip-val {
	flex-shrink: 0;
	font-weight: 800;
	color: var(--t1);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.acc-sec {
	padding: 10px 14px 4px;
	font-size: .62rem;
	font-weight: 700;
	color: var(--t3);
	text-transform: uppercase;
	letter-spacing: .02em;
}

.acc-kpi-period {
	padding: 12px 14px 0;
	font-size: .75rem;
	font-weight: 600;
	color: var(--t3);
}

.acc-kpi-period::first-letter { text-transform: uppercase; }

.acc-kpis {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	padding: 12px 14px;
	min-width: 0;
}

.acc-kpis[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.acc-kpis[data-n="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.acc-kpi {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	min-width: 0;
	min-height: 92px;
	padding: 10px 12px;
	background: var(--bg-section);
	border: 1px solid var(--brd-lt);
	border-radius: var(--radius-big);
	box-sizing: border-box;
}

.acc-kpi.is-link { cursor: pointer; }

.acc-kpi:focus-visible {
	outline: 2px solid var(--or);
	outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
	.acc-kpi.is-link:hover { border-color: var(--brd); background: var(--bg-hover); }
}

.acc-kpi-lbl {
	font-size: .62rem;
	font-weight: 700;
	color: var(--t3);
	text-transform: uppercase;
	letter-spacing: .02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.acc-kpi-val {
	font-size: 1.2rem;
	font-weight: 800;
	line-height: 1.15;
	color: var(--t1);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.acc-kpi-or .acc-kpi-val { color: var(--or); }
.acc-kpi-red .acc-kpi-val { color: var(--red); }
.acc-kpi-green .acc-kpi-val { color: var(--green); }

.acc-kpi-sub {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	min-height: 20px;
}

.acc-kpi-note {
	min-width: 0;
	font-size: .7rem;
	color: var(--t3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.acc-delta {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	height: 20px;
	padding: 0 7px;
	border-radius: var(--radius-standard);
	font-size: .68rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	box-sizing: border-box;
	background: var(--bg-hover);
	color: var(--t2);
}

.acc-delta.is-up::before,
.acc-delta.is-down::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.acc-delta.is-up::before { border-bottom: 5px solid currentColor; }
.acc-delta.is-down::before { border-top: 5px solid currentColor; }
.acc-delta.is-good { background: var(--green-bg); color: var(--green); }
.acc-delta.is-bad { background: var(--red-bg); color: var(--red); }

.acc-kpi-foot {
	padding: 0 14px 12px;
	font-size: .7rem;
	color: var(--t3);
}

.acc-qa-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 8px;
	padding: 12px 14px;
	min-width: 0;
}

.acc-qa {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	height: 52px;
	padding: 0 12px;
	background: var(--bg-section);
	border: 1px solid var(--brd-lt);
	border-radius: var(--radius-big);
	cursor: pointer;
	user-select: none;
	box-sizing: border-box;
}

.acc-qa:focus-visible {
	outline: 2px solid var(--or);
	outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
	.acc-qa:hover { border-color: var(--brd); background: var(--bg-hover); }
}

.acc-qa-ico {
	width: 32px;
	height: 32px;
	border-radius: var(--radius-big);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.acc-qa-lbl {
	min-width: 0;
	font-size: .8rem;
	font-weight: 700;
	color: var(--t1);
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.acc-qa-or .acc-qa-ico { background: var(--or-lt); color: var(--or); }
.acc-qa-blue .acc-qa-ico { background: var(--blue-bg); color: var(--blue); }
.acc-qa-green .acc-qa-ico { background: var(--green-bg); color: var(--green); }
.acc-qa-violet .acc-qa-ico { background: var(--violet-bg); color: var(--violet); }
.acc-qa-amber .acc-qa-ico { background: var(--amber-bg); color: var(--amber); }
.acc-qa-red .acc-qa-ico { background: var(--red-bg); color: var(--red); }

.acc-ico-ship,
.acc-ico-call { background: var(--blue-bg); color: var(--blue); }
.acc-ico-ai { background: var(--violet-bg); color: var(--violet); }
.acc-ico-file { background: var(--sur); box-shadow: inset 0 0 0 1px var(--brd); color: var(--t2); }
.acc-ico-miss { background: var(--red-bg); color: var(--red); }
.acc-ico-shop { background: var(--green-bg); color: var(--green); }

.acc-cta-row .acc-row-title { color: var(--violet); }

.acc-row-go {
	display: flex;
	flex-shrink: 0;
	color: var(--t3);
}

.acc-join-btn {
	flex-shrink: 0;
	gap: 5px;
	text-decoration: none;
}

.acc-join-btn.is-busy {
	pointer-events: none;
	opacity: .6;
}

.acc-live {
	color: var(--green);
	font-weight: 700;
}

.acc-ag-row.is-live .acc-date-chip { background: var(--green-bg); border-color: transparent; }
.acc-ag-row.is-live .acc-date-d,
.acc-ag-row.is-live .acc-date-m { color: var(--green); }

.acc-date-chip.is-today { background: var(--or-pill-bg); border-color: transparent; }
.acc-date-chip.is-today .acc-date-d,
.acc-date-chip.is-today .acc-date-m { color: var(--or-pill-fg); }

.acc-bar-row { min-height: 50px; }

.acc-bar-val {
	flex-shrink: 0;
	font-size: .75rem;
	font-weight: 700;
	color: var(--t2);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.acc-bar {
	display: block;
	height: 6px;
	margin-top: 4px;
	border-radius: var(--radius-standard);
	background: var(--brd-lt);
	overflow: hidden;
}

.acc-bar-fill {
	display: block;
	height: 100%;
	border-radius: var(--radius-standard);
	background: var(--or);
}

.acc-av-neutral { background: var(--bg-section); color: var(--t3); }

.acc-av-wrap {
	position: relative;
	display: flex;
	flex-shrink: 0;
}

.acc-presence {
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--green);
	border: 2px solid var(--bg-card);
}

.acc-on-txt {
	color: var(--green);
	font-weight: 600;
}

.acc-faces-line {
	display: flex;
	align-items: center;
	gap: 6px;
}

.acc-faces {
	display: inline-flex;
	flex-shrink: 0;
}

.acc-faces > .acc-av {
	width: 20px;
	height: 20px;
	font-size: .55rem;
	border: 1.5px solid var(--bg-card);
	box-sizing: border-box;
}

.acc-faces > .acc-av + .acc-av { margin-left: -6px; }

@container (max-width: 420px) {
	.acc-join-btn {
		width: var(--btn-h-sm);
		padding: 0;
		justify-content: center;
	}
	.acc-join-btn .acc-btn-lbl { display: none; }
}

@container (max-width: 520px) {
	.acc-kpis,
	.acc-kpis[data-n="2"],
	.acc-kpis[data-n="3"] { grid-template-columns: minmax(0, 1fr); }
	.acc-kpi {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		min-height: 0;
		column-gap: 10px;
	}
	.acc-kpi-lbl { flex: 1 0 100%; }
	.acc-kpi-val { flex: 0 1 auto; font-size: 1.05rem; }
	.acc-kpi-sub { flex: 1 1 auto; justify-content: flex-end; }
}

@container (max-width: 300px) {
	.acc-qa-grid { grid-template-columns: minmax(0, 1fr); }
	.acc-row-main + .acc-row-go,
	.acc-row-main + .acc-join-btn,
	.acc-row-hit + .acc-join-btn { margin-left: 42px; }
	.acc-row-split .acc-row-hit { flex-basis: 100%; }
	.acc-kpi-sub { flex-basis: 100%; justify-content: flex-start; }
}

.acc-rel-dlg { width: min(420px, 92vw); }

.acc-dlg-x {
	width: var(--btn-h-sm);
	height: var(--btn-h-sm);
	flex-shrink: 0;
}

.acc-dlg-hint {
	font-size: .8rem;
	line-height: 1.45;
	color: var(--t3);
}

.ml-dlg-field input.acc-invalid,
.ml-dlg-field input.acc-invalid:focus { border-color: var(--red); }

.acu-cb {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	background: var(--red-pill-bg);
	border: 1.5px solid var(--red-brd);
	border-radius: var(--radius-big);
	color: var(--red-pill-fg);
	flex-shrink: 0;
}

.acu-cb-icon { flex-shrink: 0; display: flex; }
.acu-cb-text { flex: 1 1 auto; min-width: 0; }
.acu-cb-title { font-weight: 700; font-size: 13px; margin-bottom: 4px; }
.acu-cb-body { font-size: 12px; line-height: 1.4; }
.acu-cb-cta { flex-shrink: 0; white-space: nowrap; }

.acu-cm-card { width: min(460px, 94vw); }

.acu-cm-info {
	font-size: 12px;
	line-height: 1.5;
	color: var(--t2);
	background: var(--or-pill-bg);
	border: 1px solid var(--or-pill-border);
	padding: 10px 12px;
	border-radius: var(--radius-big);
}

.acu-cm-pair {
	display: flex;
	gap: 10px;
}

.acu-cm-pair > .ml-dlg-field {
	flex: 1 1 0;
	min-width: 0;
}

.acu-cm-stripe {
	padding: 10px 12px;
	border: 1.5px solid var(--brd-lt);
	border-radius: var(--radius-big);
	background: var(--bg-field);
}

.acu-cm-stripe.StripeElement--focus { border-color: var(--or); }

.acu-cm-error {
	color: var(--red);
	font-size: 12px;
}

.acu-cm-error[hidden] { display: none; }

#acuCascadeConfirm.disabled {
	opacity: .5;
	pointer-events: none;
}

@media (min-width: 601px) {
	.acc-grid[data-count="2"],
	.acc-grid[data-count="3"],
	.acc-grid[data-count="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.acc-grid[data-count="3"] { grid-auto-flow: row dense; }
	.acc-grid[data-count="3"] > .acc-lead { grid-column: 1 / -1; }
}

@media (min-width: 901px) {
	.acc-grid[data-count="3"] {
		grid-auto-flow: column dense;
		grid-template-rows: repeat(2, auto);
	}
	.acc-grid[data-count="3"] > .acc-lead {
		grid-column: auto;
		grid-row: span 2;
	}
}

@media (min-width: 1560px) {
	.acc-grid,
	.acc-grid[data-count="2"],
	.acc-grid[data-count="3"],
	.acc-grid[data-count="4"] {
		grid-template-columns: var(--acc-xl-cols, minmax(0, 1fr));
		grid-auto-flow: row;
		grid-template-rows: none;
	}
	.acc-grid[data-count="3"] > .acc-lead {
		grid-row: auto;
		grid-column: auto;
	}
	.acc-grid[data-count="4"][data-xl-rows="2"] {
		grid-auto-flow: column;
		grid-template-rows: repeat(2, auto);
	}
	.acc-grid[data-count="4"][data-xl-rows="2"] > .acc-lead,
	.acc-grid[data-count="4"][data-xl-rows="2"] > .acc-solo { grid-row: span 2; }
	.acc-welcome { padding: 28px 34px; }
	.acc-welcome-text h2 { font-size: 1.5rem; }
}

@media (min-width: 901px) and (min-height: 720px) {
	.acc-grid {
		--acc-grid-min: 300px;
		flex: 1 1 auto;
		min-height: var(--acc-grid-min);
		max-height: 1080px;
		grid-template-rows: minmax(0, 1fr);
	}
	.acc-grid[data-count="3"],
	.acc-grid[data-count="4"] {
		--acc-grid-min: 560px;
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}
	.acc-card { min-height: 0; }
	.acc-card-body { max-height: none; }
}

@media (min-width: 1560px) and (min-height: 720px) {
	.acc-grid[data-count="3"],
	.acc-grid[data-count="4"] {
		--acc-grid-min: 300px;
		grid-template-rows: minmax(0, 1fr);
	}
	.acc-grid[data-count="4"][data-xl-rows="2"] {
		--acc-grid-min: 560px;
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.acc-scroll { padding: 12px 12px 20px; gap: 12px; }
	.acc-grid { gap: 12px; }
	.acc-welcome { padding: 16px 18px; }
	.acc-welcome-text h2 { font-size: 1.2rem; }
}

@media (max-width: 600px) {
	.acc-scroll {
		padding: 10px 10px calc(16px + env(safe-area-inset-bottom, 0px));
		gap: 10px;
	}
	.acc-grid { gap: 10px; }
	.acc-card-body { max-height: 360px; }
	.acc-welcome {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding: 14px;
	}
	.acc-welcome-left { flex: 0 0 auto; gap: 12px; }
	.acc-welcome-av,
	.acc-welcome-avatar { width: 48px; height: 48px; }
	.acc-welcome-avatar { font-size: 1rem; }
	.acc-welcome-text h2 { font-size: 1.05rem; }
	.acc-welcome-text p { font-size: .78rem; }
	.acc-welcome-right { width: 100%; gap: 8px; }
	.acc-welcome-stat {
		flex: 1 1 0;
		min-width: 0;
		height: 52px;
		padding: 0 8px;
	}
	.acc-ws-val { font-size: 1.1rem; }
	.acc-ws-lbl { font-size: .65rem; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
	.acu-cb { flex-wrap: wrap; }
	.acu-cm-pair { flex-direction: column; gap: 14px; }
}

@media (max-width: 389.98px) {
	.acc-welcome-text h2 { font-size: .98rem; }
	.acc-welcome-text p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

@media (max-height: 480px) {
	.acc-welcome {
		flex-direction: row;
		flex-wrap: nowrap;
		padding: 8px 12px;
	}
	.acc-welcome-right,
	.acc-welcome-text p { display: none; }
	.acc-welcome-text {
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}
	.acc-card { min-height: 0; }
	.acc-card-body {
		max-height: none;
		overflow-y: visible;
	}
	.acc-welcome-av,
	.acc-welcome-avatar { width: 36px; height: 36px; }
	.acc-welcome-avatar { font-size: .85rem; border-radius: var(--radius-big); }
	.acc-welcome-text h2 { font-size: 1rem; }
	.acc-scroll { gap: 10px; }
}