/*
 * TOP1 CRM role cabinets.
 * Visual-only layer loaded after the shared theme styles on the dashboard.
 */

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] {
	--top1-cabinet-accent: #c81e2b;
	--top1-cabinet-accent-strong: #a91522;
	--top1-cabinet-accent-soft: #fff1f2;
	--top1-cabinet-accent-line: #fecdd3;
	--top1-cabinet-ink: #172033;
	--top1-cabinet-muted: #64748b;
	--top1-cabinet-line: #dce4ee;
	--top1-cabinet-soft-line: #e9eef5;
	--top1-cabinet-surface: #ffffff;
	--top1-cabinet-soft: #f7f9fc;
	--top1-cabinet-shadow: 0 8px 24px rgba(15, 23, 42, 0.065);
	--top1-cabinet-shadow-raised: 0 14px 34px rgba(15, 23, 42, 0.09);
	display: grid !important;
	gap: 16px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] {
	--top1-cabinet-accent: #2563eb;
	--top1-cabinet-accent-strong: #1d4ed8;
	--top1-cabinet-accent-soft: #eff6ff;
	--top1-cabinet-accent-line: #bfdbfe;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] {
	--top1-cabinet-accent: #078a69;
	--top1-cabinet-accent-strong: #047857;
	--top1-cabinet-accent-soft: #ecfdf5;
	--top1-cabinet-accent-line: #a7f3d0;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] {
	--top1-cabinet-accent: #6d4aff;
	--top1-cabinet-accent-strong: #5936e8;
	--top1-cabinet-accent-soft: #f4f1ff;
	--top1-cabinet-accent-line: #d8ceff;
}

.top1-app-shell[data-top1-section="dashboard"] .top1-app-content {
	background:
		radial-gradient(circle at 18% 0, rgba(200, 30, 43, 0.045), transparent 28%),
		linear-gradient(180deg, #f7f9fc 0%, #f1f5f9 100%) !important;
}

/* Role identity and date controls. */
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(280px, 1fr) auto !important;
	align-items: center !important;
	gap: 24px !important;
	min-height: 104px !important;
	padding: 18px 20px !important;
	overflow: hidden !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 16px !important;
	background: var(--top1-cabinet-surface) !important;
	box-shadow: var(--top1-cabinet-shadow) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: var(--top1-cabinet-accent);
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header::after {
	content: "";
	position: absolute;
	right: -54px;
	top: -80px;
	width: 190px;
	height: 190px;
	border: 34px solid var(--top1-cabinet-accent-soft);
	border-radius: 50%;
	opacity: 0.74;
	pointer-events: none;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-identity {
	position: relative;
	z-index: 1;
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-role-mark {
	display: inline-grid !important;
	place-items: center !important;
	flex: 0 0 50px !important;
	width: 50px !important;
	height: 50px !important;
	border: 1px solid var(--top1-cabinet-accent-line) !important;
	border-radius: 15px !important;
	background: var(--top1-cabinet-accent-soft) !important;
	color: var(--top1-cabinet-accent-strong) !important;
	font-size: 21px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.7) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-title {
	display: grid !important;
	gap: 3px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-eyebrow {
	color: var(--top1-cabinet-accent-strong) !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	letter-spacing: 0.085em !important;
	text-transform: uppercase !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-title h1 {
	margin: 0 !important;
	color: var(--top1-cabinet-ink) !important;
	font-size: clamp(22px, 2vw, 28px) !important;
	font-weight: 850 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.025em !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-subtitle {
	max-width: 640px !important;
	color: var(--top1-cabinet-muted) !important;
	font-size: 12.5px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-header-actions {
	position: relative;
	z-index: 1;
	display: grid !important;
	justify-items: end !important;
	gap: 9px !important;
	min-width: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-access-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	min-height: 26px !important;
	padding: 5px 9px !important;
	border: 1px solid var(--top1-cabinet-accent-line) !important;
	border-radius: 999px !important;
	background: var(--top1-cabinet-accent-soft) !important;
	color: var(--top1-cabinet-accent-strong) !important;
	font-size: 10.5px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-access-badge i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--top1-cabinet-accent);
	box-shadow: 0 0 0 3px var(--top1-cabinet-accent-line);
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 7px !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 5px !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 11px !important;
	background: #f8fafc !important;
	box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.025) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-field {
	position: relative !important;
	display: block !important;
	flex: 0 0 226px !important;
	width: 226px !important;
	height: 36px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-accountant-month-field {
	flex-basis: 126px !important;
	width: 126px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-input {
	width: 100% !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 7px 10px 7px 34px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: var(--top1-cabinet-ink) !important;
	font-size: 12px !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-month-field .top1-cabinet-period-range-input {
	padding-left: 11px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-input:focus {
	border-color: var(--top1-cabinet-accent) !important;
	outline: 3px solid var(--top1-cabinet-accent-soft) !important;
	outline-offset: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-client-form-actions {
	display: block !important;
	width: auto !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
	width: auto !important;
	min-width: 94px !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 7px 13px !important;
	border: 1px solid var(--top1-cabinet-accent-strong) !important;
	border-radius: 8px !important;
	background: var(--top1-cabinet-accent) !important;
	color: #ffffff !important;
	font-size: 11.5px !important;
	font-weight: 850 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button:hover {
	background: var(--top1-cabinet-accent-strong) !important;
}

/* Calm card hierarchy. */
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-main {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	gap: 14px !important;
	align-items: start !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
	.top1-dashboard-card,
	.top1-operational-card,
	.top1-productivity-card,
	.top1-compensation-card
) {
	gap: 0 !important;
	padding: 16px !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 14px !important;
	background: var(--top1-cabinet-surface) !important;
	box-shadow: var(--top1-cabinet-shadow) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
	.top1-dashboard-card:hover,
	.top1-operational-card:hover,
	.top1-productivity-card:hover,
	.top1-compensation-card:hover
) {
	border-color: var(--top1-cabinet-line) !important;
	box-shadow: var(--top1-cabinet-shadow) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
	.top1-dashboard-card > .top1-card-header,
	.top1-productivity-card > .top1-card-header,
	.top1-compensation-card > .top1-card-header
) {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	min-height: 38px !important;
	margin: 0 0 13px !important;
	padding: 0 0 11px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--top1-cabinet-soft-line) !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-card-header h2 {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	margin: 0 !important;
	color: var(--top1-cabinet-ink) !important;
	font-size: 16px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-card > .top1-card-header h2::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 3px;
	background: var(--top1-cabinet-accent);
	box-shadow: 0 0 0 4px var(--top1-cabinet-accent-soft);
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-inline-badge,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-finance-status {
	min-height: 26px !important;
	padding: 5px 9px !important;
	border: 1px solid var(--top1-cabinet-accent-line) !important;
	border-radius: 999px !important;
	background: var(--top1-cabinet-accent-soft) !important;
	color: var(--top1-cabinet-accent-strong) !important;
	font-size: 10.5px !important;
	font-weight: 850 !important;
	line-height: 1.1 !important;
}

/* Role-specific desktop composition. */
.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-owner-money-card {
	grid-column: span 5 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-accrual-periods-card {
	grid-column: span 7 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-owner-bonus-card {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-orders-card,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-orders-card {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-productivity-card,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-productivity-card {
	grid-column: span 5 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-accrual-periods-card,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-accrual-periods-card {
	grid-column: span 7 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-cabinet-page-header,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-tasks-card,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-staff-payout-card {
	grid-column: 1 / -1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-bonus-card {
	grid-column: 1 / span 5 !important;
	grid-row: 4 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-accruals-card {
	grid-column: 6 / -1 !important;
	grid-row: 4 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-staff-payout-card {
	grid-row: 5 !important;
}

/* Operational overview: two priority cards above, three supporting cards below. */
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-dashboard {
	display: grid !important;
	gap: 13px !important;
	padding: 16px !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 14px !important;
	background: var(--top1-cabinet-surface) !important;
	box-shadow: var(--top1-cabinet-shadow) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-head {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 0 12px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--top1-cabinet-soft-line) !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-head h2 {
	margin: 0 !important;
	color: var(--top1-cabinet-ink) !important;
	font-size: 17px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-head p {
	display: block !important;
	margin: 4px 0 0 !important;
	color: var(--top1-cabinet-muted) !important;
	font-size: 11.5px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpis {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpi {
	position: relative !important;
	display: grid !important;
	align-content: center !important;
	min-height: 84px !important;
	padding: 13px 14px !important;
	overflow: hidden !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 11px !important;
	background: #ffffff !important;
	color: var(--top1-cabinet-ink) !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpi::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 3px;
	background: var(--top1-cabinet-accent);
	opacity: 0.9;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpi:hover,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpi:focus-visible {
	border-color: var(--top1-cabinet-accent-line) !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
	transform: translateY(-1px) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpi span,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpi small {
	color: var(--top1-cabinet-muted) !important;
	font-size: 10.5px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	white-space: normal !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpi strong {
	margin: 4px 0 2px !important;
	color: var(--top1-cabinet-ink) !important;
	font-size: 23px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-grid {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 12px !important;
	align-items: stretch !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card {
	grid-column: span 3 !important;
	padding: 14px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card:nth-child(3),
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card:nth-child(4),
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card:nth-child(5) {
	grid-column: span 2 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card > .top1-card-header {
	min-height: 35px !important;
	margin: 0 0 10px !important;
	padding: 0 0 9px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--top1-cabinet-soft-line) !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Tables and monetary summaries. */
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
	.top1-table-placeholder,
	.top1-productivity-table,
	.top1-compensation-table
) {
	margin-top: 0 !important;
	overflow: auto !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	scrollbar-width: thin !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-table-row {
	min-height: 42px !important;
	padding: 10px 12px !important;
	border-top: 1px solid var(--top1-cabinet-soft-line) !important;
	background: #ffffff !important;
	color: var(--top1-cabinet-ink) !important;
	font-size: 11.5px !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-table-row:nth-child(2n + 1):not(.top1-table-row-head) {
	background: #fafbfd !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-table-row-head {
	min-height: 38px !important;
	border-top: 0 !important;
	border-bottom: 1px solid #d3deea !important;
	background: #f1f5f9 !important;
	color: #516174 !important;
	font-size: 10.5px !important;
	font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-table-row:not(.top1-table-row-head):hover {
	background: var(--top1-cabinet-accent-soft) !important;
	box-shadow: inset 3px 0 0 var(--top1-cabinet-accent) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-table-row > div,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-table-row span {
	min-width: 0 !important;
	color: #334155 !important;
	overflow-wrap: anywhere !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-compensation-table.is-owner-finance {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 9px !important;
	overflow: visible !important;
	border: 0 !important;
	background: transparent !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-compensation-table.is-owner-finance .top1-table-row {
	display: grid !important;
	grid-template-columns: 1fr !important;
	align-content: center !important;
	gap: 6px !important;
	min-width: 0 !important;
	min-height: 82px !important;
	padding: 13px !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 10px !important;
	background: var(--top1-cabinet-soft) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-compensation-table.is-owner-finance .top1-table-row > div:first-child {
	color: var(--top1-cabinet-muted) !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-compensation-table.is-owner-finance .top1-table-row > div:last-child {
	color: var(--top1-cabinet-ink) !important;
	font-size: 20px !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-table.is-cabinet-summary .top1-table-row:last-child {
	background: var(--top1-cabinet-accent-soft) !important;
	font-weight: 850 !important;
}

/* Accrual cycles and forms. */
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-card {
	position: relative !important;
	display: grid !important;
	gap: 11px !important;
	padding: 13px !important;
	overflow: hidden !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 11px !important;
	background: #fbfcfe !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--top1-cabinet-accent);
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-header {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 0 9px !important;
	border-bottom: 1px solid var(--top1-cabinet-soft-line) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-header h3 {
	margin: 0 !important;
	color: var(--top1-cabinet-ink) !important;
	font-size: 13px !important;
	font-weight: 850 !important;
	line-height: 1.3 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-values {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 7px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-values > div {
	display: grid !important;
	gap: 4px !important;
	padding: 9px !important;
	border: 1px solid var(--top1-cabinet-soft-line) !important;
	border-radius: 8px !important;
	background: #ffffff !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-values span {
	color: var(--top1-cabinet-muted) !important;
	font-size: 9.5px !important;
	font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-values strong {
	color: var(--top1-cabinet-ink) !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-bonus-form {
	display: grid !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 14px !important;
	border: 1px solid var(--top1-cabinet-accent-line) !important;
	border-radius: 11px !important;
	background: var(--top1-cabinet-accent-soft) !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-bonus-header {
	margin: 0 !important;
	padding: 0 0 10px !important;
	border-bottom: 1px solid var(--top1-cabinet-accent-line) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-bonus-grid {
	display: grid !important;
	grid-template-columns: minmax(180px, 1fr) 140px minmax(220px, 1.2fr) !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
	.top1-client-form-field,
	.top1-compensation-bonus-grid label,
	.top1-productivity-period-grid label
) {
	display: grid !important;
	gap: 6px !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
	.top1-client-form-field span,
	.top1-compensation-bonus-grid label span,
	.top1-productivity-period-grid label span
) {
	color: #475569 !important;
	font-size: 10.5px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
	.top1-client-form-field input,
	.top1-client-form-field select,
	.top1-client-form-field textarea,
	.top1-compensation-bonus-form input,
	.top1-compensation-bonus-form select,
	.top1-compensation-bonus-form textarea,
	.top1-productivity-period-grid input
) {
	min-height: 40px !important;
	padding: 8px 10px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: var(--top1-cabinet-ink) !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
	.top1-client-form-field input,
	.top1-client-form-field select,
	.top1-client-form-field textarea,
	.top1-compensation-bonus-form input,
	.top1-compensation-bonus-form select,
	.top1-compensation-bonus-form textarea,
	.top1-productivity-period-grid input
):focus {
	border-color: var(--top1-cabinet-accent) !important;
	outline: 3px solid var(--top1-cabinet-accent-soft) !important;
	outline-offset: 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-productivity-period-form {
	margin: 0 0 12px !important;
	padding: 10px !important;
	border: 1px solid var(--top1-cabinet-soft-line) !important;
	border-radius: 10px !important;
	background: var(--top1-cabinet-soft) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(.top1-app-button, .top1-secondary-button) {
	min-height: 38px !important;
	border-radius: 8px !important;
	font-weight: 850 !important;
	box-shadow: none !important;
}

/* Accountant decision cards. */
.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-service-card {
	display: grid !important;
	align-content: start !important;
	gap: 5px !important;
	min-height: 112px !important;
	padding: 14px !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-top: 3px solid var(--top1-cabinet-accent) !important;
	border-radius: 11px !important;
	background: #ffffff !important;
	box-shadow: var(--top1-cabinet-shadow) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-summary-label {
	color: var(--top1-cabinet-muted) !important;
	font-size: 10.5px !important;
	font-weight: 850 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-summary-value {
	margin: 3px 0 2px !important;
	color: var(--top1-cabinet-ink) !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-card-note {
	color: var(--top1-cabinet-muted) !important;
	font-size: 10.5px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 9px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action {
	position: relative !important;
	display: grid !important;
	align-content: center !important;
	gap: 5px !important;
	min-height: 86px !important;
	padding: 13px 38px 13px 13px !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 10px !important;
	background: var(--top1-cabinet-soft) !important;
	color: var(--top1-cabinet-ink) !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: border-color 150ms ease, background 150ms ease, transform 150ms ease !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action::after {
	content: "→";
	position: absolute;
	right: 13px;
	top: 50%;
	color: var(--top1-cabinet-accent);
	font-size: 18px;
	font-weight: 800;
	transform: translateY(-50%);
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action:hover,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action:focus-visible {
	border-color: var(--top1-cabinet-accent-line) !important;
	background: var(--top1-cabinet-accent-soft) !important;
	transform: translateY(-1px) !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action strong {
	color: var(--top1-cabinet-ink) !important;
	font-size: 12.5px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action span {
	color: var(--top1-cabinet-muted) !important;
	font-size: 10.5px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 9px !important;
	margin: 12px 0 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-card {
	display: grid !important;
	gap: 5px !important;
	padding: 12px !important;
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 10px !important;
	background: var(--top1-cabinet-soft) !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-card span {
	color: var(--top1-cabinet-muted) !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-card strong {
	color: var(--top1-cabinet-ink) !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-inline-note,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-empty-feed {
	border: 1px solid var(--top1-cabinet-line) !important;
	border-radius: 10px !important;
	background: var(--top1-cabinet-soft) !important;
	color: #475569 !important;
	box-shadow: none !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-dashboard-empty-feed {
	display: grid !important;
	grid-template-columns: 1fr auto auto !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 86px !important;
	padding: 14px !important;
}

.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-dashboard-empty-feed strong,
.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-dashboard-empty-feed span {
	grid-column: 1 !important;
}

/* Accessible focus treatment. */
.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--top1-cabinet-accent-line) !important;
	outline-offset: 2px !important;
}

@media (max-width: 1180px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-main {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-dashboard-main > .top1-content-card.top1-dashboard-card:not(.top1-cabinet-preserve-grid) {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card:nth-child(3),
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card:nth-child(4),
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-card:nth-child(5) {
		grid-column: auto !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 820px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 14px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-header-actions {
		justify-items: stretch !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-access-badge {
		justify-self: start !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
		justify-content: stretch !important;
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-field {
		flex: 1 1 auto !important;
		width: auto !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 680px) {
	.top1-app-shell[data-top1-section="dashboard"] .top1-app-content {
		padding: 9px 7px 76px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] {
		gap: 10px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header {
		min-height: 0 !important;
		padding: 14px !important;
		border-radius: 13px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-header::after {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-role-mark {
		flex-basis: 44px !important;
		width: 44px !important;
		height: 44px !important;
		border-radius: 13px !important;
		font-size: 18px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-page-title h1 {
		font-size: 20px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-subtitle {
		font-size: 11px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 6px !important;
		padding: 5px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-accountant-month-form {
		grid-template-columns: minmax(0, 1fr) auto !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-field,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-month-field {
		width: 100% !important;
		height: 40px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-range-input,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
		height: 40px !important;
		min-height: 40px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] :is(
		.top1-dashboard-card,
		.top1-operational-dashboard,
		.top1-operational-card,
		.top1-productivity-card,
		.top1-compensation-card
	) {
		padding: 12px !important;
		border-radius: 12px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 7px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpi {
		min-height: 78px !important;
		padding: 11px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-owner-cabinet-board] .top1-compensation-table.is-owner-finance,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-payout-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-grid,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-action-grid,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-bonus-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-service-card {
		min-height: 86px !important;
		padding: 11px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-summary-value {
		font-size: 19px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-card-note {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-dashboard-empty-feed {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-dashboard-empty-feed .top1-secondary-button {
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table .top1-table-row-head {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-performer-cabinet-board] .top1-cabinet-orders-table:has(.top1-dashboard-empty-feed) {
		overflow: visible !important;
		border: 0 !important;
		background: transparent !important;
	}

	/* Advisor order rows become readable cards instead of a squeezed table. */
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table {
		overflow: visible !important;
		border: 0 !important;
		background: transparent !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row-head {
		display: none !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row:not(.top1-table-row-head) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 7px !important;
		min-width: 0 !important;
		margin-bottom: 8px !important;
		padding: 11px !important;
		border: 1px solid var(--top1-cabinet-line) !important;
		border-radius: 10px !important;
		background: #ffffff !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row:not(.top1-table-row-head) > div {
		display: grid !important;
		grid-template-columns: 88px minmax(0, 1fr) !important;
		gap: 8px !important;
		white-space: normal !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row:not(.top1-table-row-head) > div::before {
		color: var(--top1-cabinet-muted) !important;
		font-size: 10px !important;
		font-weight: 850 !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(1)::before { content: "Заказ"; }
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(2)::before { content: "Клиент"; }
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(3)::before { content: "Автомобиль"; }
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(4)::before { content: "Статус"; }
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-advisor-cabinet-board] .top1-cabinet-orders-table .top1-table-row > div:nth-child(5)::before { content: "Сумма"; }
}

@media (max-width: 430px) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-accountant-cabinet-board] .top1-accountant-service-card {
		min-height: 82px !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-accountant-month-form {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-client-form-actions,
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-cabinet-period-form .top1-app-button {
		width: 100% !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-operational-kpis {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] .top1-compensation-cycle-values {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.top1-app-shell[data-top1-section="dashboard"] [data-top1-employee-cabinet-board] * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}