/*
 * Partner - Investment.
 *
 * Read from cp-all-designer join-business/store-business-partner/index.html:259-297
 * and css/app.css:4088-4134.
 *
 * Colour, type, padding and the corner arrive from the Style tab and are not
 * repeated here.
 */

.custom-partner-investment {
	--custom-investment-rule: #EEF2F7;
	--custom-investment-head: #16418C;
	--custom-investment-head-ink: #FFFFFF;
	--custom-investment-name: #16418C;
	--custom-investment-cell: #475569;
	--custom-investment-third: #3F7A2C;
	--custom-investment-third-tint: rgba(92, 161, 63, 0.07);
	--custom-investment-fourth: #CE2929;
	--custom-investment-fourth-tint: rgba(206, 41, 41, 0.05);
}

/* app.css:4098 — a table of figures cannot reflow on a phone: it scrolls in its own box */
.custom-partner-investment .custom-partner-investment__frame {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0 18px 44px -14px rgba(22, 65, 140, 0.2);   /* --sh, app.css:146 */
}

/* app.css:4099 */
.custom-partner-investment .custom-partner-investment__table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: inherit;
	line-height: 1.6;
	letter-spacing: 0;
}

/* read out, not seen — app.css:4347 */
.custom-partner-investment .custom-partner-investment__caption {
	position: absolute;
	width: 2px;
	height: 2px;
	margin: -2px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* app.css:4100-4104 — figures range right, what they are for ranges left */
.custom-partner-investment .custom-partner-investment__table th,
.custom-partner-investment .custom-partner-investment__table td {
	border: 0;
	border-bottom: 2px solid var(--custom-investment-rule);   /* app.css:4100 measures 1px */
	background: none;
	font-size: inherit;
	font-style: normal;
	line-height: inherit;
	text-align: right;
	text-transform: none;
	vertical-align: baseline;
}

.custom-partner-investment .custom-partner-investment__table th:first-child {
	text-align: left;
}

.custom-partner-investment .custom-partner-investment__table thead th {
	border-bottom-width: 0;
	background-color: var(--custom-investment-head);
	color: var(--custom-investment-head-ink);
	font-weight: 600;
}

.custom-partner-investment .custom-partner-investment__table tbody th {
	color: var(--custom-investment-name);
	font-weight: 400;
}

.custom-partner-investment .custom-partner-investment__table tbody td {
	color: var(--custom-investment-cell);
	font-weight: 300;
}

/* app.css:4112-4118 — the two ways are told apart by colour at the head of
   their column, carried down it at a whisper; a hairline parts the company's
   column from the applicant's */
.custom-partner-investment .custom-partner-investment__table thead th:nth-child(3) {
	border-left: 2px solid rgba(255, 255, 255, 0.16);   /* app.css:4117 measures 1px */
	background-color: var(--custom-investment-third);
}

.custom-partner-investment .custom-partner-investment__table thead th:nth-child(4) {
	background-color: var(--custom-investment-fourth);
}

.custom-partner-investment .custom-partner-investment__table tbody td:nth-child(3) {
	border-left: 2px solid var(--custom-investment-rule);
	background-color: var(--custom-investment-third-tint);
	color: var(--custom-investment-name);
	font-weight: 400;
}

.custom-partner-investment .custom-partner-investment__table tbody td:nth-child(4) {
	background-color: var(--custom-investment-fourth-tint);
	color: var(--custom-investment-name);
	font-weight: 400;
}

/* app.css:4126-4129 — each column closes in its own heading's colour */
.custom-partner-investment .custom-partner-investment__table tfoot th,
.custom-partner-investment .custom-partner-investment__table tfoot td {
	border-bottom-width: 0;
	background-color: var(--custom-investment-head);
	color: var(--custom-investment-head-ink);
	font-weight: 700;
}

.custom-partner-investment .custom-partner-investment__table tfoot td:nth-child(3) {
	border-left: 2px solid rgba(255, 255, 255, 0.16);
	background-color: var(--custom-investment-third);
}

.custom-partner-investment .custom-partner-investment__table tfoot td:nth-child(4) {
	background-color: var(--custom-investment-fourth);
}

/* app.css:4134 — the note belongs to the table and runs its width */
.custom-partner-investment .custom-partner-investment__note {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0;
	text-transform: none;
}