@import '_content/Dbo365.DebComponents/Dbo365.DebComponents.7ku0b2pwmx.bundle.scp.css';

/* /Components/DebTile.razor.rz.scp.css */
.tile-card[b-ajv6efht7n] {
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.2s;
	text-decoration: none;
	color: inherit;
	display: block;
	overflow: hidden;
}

	.tile-card:hover[b-ajv6efht7n] {
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	}

.tile-header[b-ajv6efht7n] {
	--gradient1: #FDDEC6;
	--gradient2: #FFF4EB;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 1rem;
	padding: 3rem 1.5rem 1.5rem 1.5rem;
	background: rgb(74,0,0);
	background: linear-gradient(34deg, var(--gradient1) 0%, var(--gradient2) 100%);
}

.tile-icon[b-ajv6efht7n] {
	background-color: #f5f5f5;
	border-radius: .5rem;
	padding: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tile-count[b-ajv6efht7n] {
	background-color: #f5f5f5;
	border-radius: 9999px;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

.tile-content[b-ajv6efht7n]{
	padding: 0 1.5rem;
}

.tile-title[b-ajv6efht7n] {
	font-weight: 600;
	font-size: 1.75rem;
	margin-bottom: 0.25rem;
}

.tile-description[b-ajv6efht7n] {
	font-size: 1.25rem;
	color: #666;
}
/* /Components/Modal/NoteDialog.razor.rz.scp.css */
dialog[b-h0bpe1uwov] {
	border: unset;
	margin: auto;
	max-width: 80rem;
	border-radius: 1.2rem;
	background-color: #fff;
	scrollbar-color: #ddd transparent;

	&::backdrop {
		background-color: rgba(0,0,0,0.4);
	}

	& > div[b-h0bpe1uwov] {
		display: flex;
		flex-direction: column;
		background-color: inherit;
	}
}

header[b-h0bpe1uwov] {
	display: flex;
	justify-content: space-between;
	padding: 2rem;
	position: sticky;
	top: 0;
	background: inherit;
	border-bottom: 1px solid #e5e5e5;


	& h2 {
		margin: unset;
		line-height: normal;
		font-size: 2rem;
		display: flex;
		gap: 1rem;
		align-items: center;
	}

	& button[b-h0bpe1uwov] {
		padding: .5rem;
		margin: unset;
		display: flex;
	}
}

.note-dialog-close[b-h0bpe1uwov] {
	background: none;
	border: none;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	color: inherit;
}

.note-dialog-body[b-h0bpe1uwov] {
	padding: 1rem;
	overflow-y: auto;
	flex: 1 1 auto;
}

footer[b-h0bpe1uwov] {
	padding: 2rem 1rem;
	border-top: 1px solid #e5e5e5;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	align-items: flex-end;
	background: inherit;
	position: sticky;
	bottom: 0;

	& button {
		padding: 1rem 1rem;
		line-height: normal;
		box-shadow: unset;
		border: unset;
		border-radius: .4rem;
	}
}

.note-list[b-h0bpe1uwov] {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: .75rem;

	& .note-list-item {
		border: 1px solid #e5e5e5;
		border-radius: 4px;
		padding: .75rem;
	}
}


.note-list-item-header[b-h0bpe1uwov] {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	font-weight: 600;
	margin-bottom: .25rem;
	padding: 0;
}

.note-date[b-h0bpe1uwov] {
	color: #777;
	font-weight: 400;
	white-space: nowrap;
}

.note-text[b-h0bpe1uwov] {
	margin: 0;
	white-space: pre-wrap;
}

[b-h0bpe1uwov] textarea{
	padding: 0.75rem;
}
/* /Components/Pages/Actions/Preview.razor.rz.scp.css */
.mail-previe[b-115fb0b90b] {
	background: white;
	padding: 2rem;
	border-radius: 1.2rem;
	max-width: 840px;
}

.phone-note[b-115fb0b90b] {
	max-width: 840px;
	padding-bottom: 2rem;
}

.phone-note-meta[b-115fb0b90b] {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.6rem 3rem;
	margin: 0 2rem 2rem;
}

	.phone-note-meta dt[b-115fb0b90b] {
		font-weight: 600;
	}

	.phone-note-meta dd[b-115fb0b90b] {
		margin: 0;
	}

.phone-note-text[b-115fb0b90b] {
	margin: 0 2rem;
	padding: 1.5rem 2rem;
	background: #f5f5f5;
	border-left: 3px solid #c8c8c8;
	border-radius: 0.6rem;
	white-space: pre-wrap;
	line-height: 1.5;
}
/* /Components/Pages/BranchOffice/Zorg.razor.rz.scp.css */
/* The table keeps to its box: fixed columns, and every input as wide as its cell rather than the 140px/80px app.css
   gives .dbo-datetime and .dbo-decimal. At 1366px the box is about 910px wide; below 720px the table scrolls inside
   .table-responsive instead of sticking out of the box. */
#hourrows[b-j5eod4d33k] {
	table-layout: fixed;
	min-width: 720px;
}

	#hourrows .col-time[b-j5eod4d33k] {
		width: 22%;
	}

	#hourrows .col-level[b-j5eod4d33k] {
		width: 19%;
	}

	#hourrows .col-km[b-j5eod4d33k] {
		width: 9%;
	}

	#hourrows .col-icon[b-j5eod4d33k] {
		width: 40px;
	}

	#hourrows .form-control[b-j5eod4d33k] {
		width: 100%;
		min-width: 0;
	}

/* The care-institution lookup, in the cell under its input: absolutely placed it would be clipped by the scrolling
   .table-responsive around the table. */
.suggestions[b-j5eod4d33k] {
	margin: 4px 0 0;
	max-height: 220px;
	overflow-y: auto;
}

	.suggestions .list-group-item[b-j5eod4d33k] {
		cursor: pointer;
		padding: 6px 10px;
	}

		.suggestions .list-group-item:hover[b-j5eod4d33k] {
			background-color: #f5f5f5;
		}
/* /Components/Pages/BVT/Index.razor.rz.scp.css */
.bvt-form[b-gb6vedelz8] {
	margin-top: 0;
}

/* The second form carries on in the first one's box; .box form would give it a top padding of its own. */
.bvt-form-prediction[b-gb6vedelz8] {
	padding-top: 0;
}

.if-employees ul[b-gb6vedelz8] {
	padding-left: 40px;
}

	.if-employees ul li[b-gb6vedelz8] {
		font-style: italic;
		list-style-type: lower-alpha;
	}

.form-container[b-gb6vedelz8] {
	padding: 10px 5px;
	background-color: #efefef;
}

/* The wages tables stuck out of their box at 1366 wide: four inputs of at least 150px each plus the bin did not fit in
   a col-lg-8. A fixed layout shares the table's own width out instead - the bin and the money column get a fixed share,
   the dates enough for the browser's date field, the employee number the rest - and every input fills its cell. */
.bvt-payroll-table[b-gb6vedelz8] {
	table-layout: fixed;
	width: 100%;
}

	.bvt-payroll-table .col-payroll[b-gb6vedelz8] {
		width: 20%;
	}

	.bvt-payroll-table .col-date[b-gb6vedelz8] {
		width: 24%;
	}

	.bvt-payroll-table .col-delete[b-gb6vedelz8] {
		width: 32px;
	}

	.bvt-payroll-table th[b-gb6vedelz8],
	.bvt-payroll-table td[b-gb6vedelz8] {
		padding-left: 4px;
		padding-right: 4px;
		overflow-wrap: anywhere;
	}

	.bvt-payroll-table input[b-gb6vedelz8] {
		width: 100%;
		min-width: 0;
		margin: 0;
	}

	.bvt-payroll-table .bvt-delete[b-gb6vedelz8] {
		vertical-align: middle;
		text-align: center;
	}

.del-record[b-gb6vedelz8],
.delete-payroll[b-gb6vedelz8] {
	cursor: pointer;
}
/* /Components/Pages/Dashboard/Index.razor.rz.scp.css */
/* Reset and base styles */
.page-content[b-eo8v1bb40y] {
	color: #333;
}

.page-content:not(:nth-last-child(1))[b-eo8v1bb40y] {
	margin-bottom: 4rem;
}

h2[b-eo8v1bb40y] {
	font-size: 2rem;
	font-weight: 800;
	margin-bottom: 1.5rem;
}

/* Tiles grid - full width */
.tiles-grid[b-eo8v1bb40y] {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 1.5rem;
	width: 100%;
}

@container content (min-width: 600px) {
	.tiles-grid[b-eo8v1bb40y] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@container content (min-width: 900px) {
	.tiles-grid[b-eo8v1bb40y] {
		grid-template-columns: repeat(3, 1fr);
	}
}

@container content (min-width: 1300px) {
	.tiles-grid[b-eo8v1bb40y] {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Icon styles */
.icon[b-eo8v1bb40y] {
	height: 1.8rem;
	width: auto;
	line-height: normal;
}
/* /Components/Pages/Debtor/AuthorizationForm.razor.rz.scp.css */
.Action-container[b-22bw67dvll] {
	padding: 2rem;
	display: flex;
	gap: 1rem;
}

.form-container[b-22bw67dvll]  .new-layout-container {
	padding-inline: 2rem;
}

button[b-22bw67dvll] {
	padding: .8rem 1.2rem;
	border: 1px solid transparent;
	border-radius: .6rem;
	background-color: var(--primary);
	color: var(--primary-toggle);
	text-decoration: none;
	line-height: normal;
}

	button:is(:hover, :focus)[b-22bw67dvll] {
		background-color: var(--primary-hover);
	}

	button.delete[b-22bw67dvll] {
		background-color: #ff5454;
	}

		button.delete:is(:hover, :focus)[b-22bw67dvll] {
			background-color: #ff0000;
		}

@media (prefers-reduced-motion: no-preference) {
	button[b-22bw67dvll] {
		transition: background-color .1s ease-in-out;
	}
}
/* /Components/Pages/Debtor/AuthorizationOverview.razor.rz.scp.css */
.Action-container[b-2b6w9gsqss]{
	padding: 2rem;
}

a[b-2b6w9gsqss] {
	padding: .8rem 1.2rem;
	border-radius: .6rem;
	background-color: var(--primary);
	color: var(--primary-toggle);
	text-decoration: none;
	line-height: normal;
}

	a:is(:hover, :focus)[b-2b6w9gsqss] {
		background-color: var(--primary-hover);
	}

@media (prefers-reduced-motion: no-preference) {
	a[b-2b6w9gsqss] {
		transition: background-color .1s ease-in-out;
	}
}
/* /Components/Pages/Debtor/Documents.razor.rz.scp.css */
.dbo-icon.download:hover[b-hu907mmcca] {
	background-color: #D1F951;
}
/* /Components/Pages/Factoring/RequestDebtor.razor.rz.scp.css */
#search-by-coc[b-2a0rp9bv50] {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	aspect-ratio: 1 / 1;
	background-color: transparent;
	color: black;
	border: none;
}

.failed[b-2a0rp9bv50] {
	color: red !important;
}

.coc-search-container[b-2a0rp9bv50] {
	position: relative;
}
/* /Components/Pages/Factoring/UploadInvoice.razor.rz.scp.css */
#Invoice_DueDate[b-yb4be95ubs] {
	pointer-events: none;
	background-color: rgba(10, 10, 10, .1);
}
/* /Components/Pages/Home/Login.razor.rz.scp.css */
/* The form shows the fields, title and switch of one sign-in type at a time; blazor-interop.js flips data-login-type. */
form[data-login-type=UsernamePassword] .WithoutPassword[b-ugi8qmkccv],
form[data-login-type=WithoutPassword] .UsernamePassword[b-ugi8qmkccv],
form[data-login-type=UsernamePassword] [data-switch-login-type=UsernamePassword][b-ugi8qmkccv],
form[data-login-type=WithoutPassword] [data-switch-login-type=WithoutPassword][b-ugi8qmkccv] {
	display: none !important;
}
/* /Components/Pages/Home/Lost.razor.rz.scp.css */
/* The user name, or the customer name once "Ik ben ook mijn gebruikersnaam vergeten" is ticked; blazor-interop.js moves the
   required attribute along. */
form:has(#LostUserName:checked) .show-username[b-swa046i1f3],
form:not(:has(#LostUserName:checked)) .show-customername[b-swa046i1f3] {
	display: none;
}
/* /Components/Pages/Incasso/DossierDetails.razor.rz.scp.css */
.side-card-box[b-ojx61u0l4v] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	padding: 1rem;

	& .card {
		background: #fff;
		border-radius: 4px;
		padding: 1rem;
		line-height: normal;
		display: flex;
		flex-direction: column;
		gap: .5rem;
		align-items: center;
		background-color: var(--primary);
		color: var(--primary-toggle);
		text-decoration: unset;

		&:hover {
			background-color: var(--primary-hover);
			background-color: color-mix(in srgb, var(--primary-hover) 90%, black);
		}
	}
}

.card[b-ojx61u0l4v]  svg{
	fill: currentColor;
}

.dbo-default[b-ojx61u0l4v] {
	text-wrap-mode: nowrap;
}

.dbo-download[b-ojx61u0l4v] {
	text-align-last: end;
	width: 10%;
}

/* The icon-only download/view links in the settlements table, not every button on the page - this
   used to be ".dbo-btn, button" and painted the reply form's Send button out of existence. */
.dbo-download .dbo-btn[b-ojx61u0l4v] {
	background-color: transparent;
	border: none;
}

.reply-form[b-ojx61u0l4v] {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .5rem;
	padding: 0 .5rem .5rem;

	& textarea {
		width: 100%;
		height: 100px;
	}
}
/* /Components/Pages/Incasso/IncassoPayment.razor.rz.scp.css */
.form-container[b-dtm4lq2zom] {
	display: flex;
	flex-direction: column;
}

.form-container[b-dtm4lq2zom]  .new-layout-container {
	padding-inline: 2rem;
}

.Action-container[b-dtm4lq2zom] {
	padding: 0 2rem;
	margin-bottom: 2rem;

	& button {
		padding: .5rem 1rem;
		border-radius: .3rem;
		border: unset;
		cursor: pointer;
	}
}
/* /Components/Pages/Incasso/Upload.razor.rz.scp.css */
.box[b-6q7by0ehc7]  form {
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.deb-table-container[b-6q7by0ehc7] {
	margin-block: 2rem;
}

.form-group.row[b-6q7by0ehc7] {
	margin: 0;
}

.title-row[b-6q7by0ehc7] {
	display: flex;
	justify-content: space-between;
	gap: 1.5rem;
	align-items: center;
}

.debtor-container[b-6q7by0ehc7] {
	display: flex;
	gap: 1.5rem;
}

	.debtor-container[b-6q7by0ehc7]  .new-layout-container,
	.debtor-details[b-6q7by0ehc7]  .new-layout-container {
		width: 100%;
	}

	.debtor-container[b-6q7by0ehc7]  .new-layout-container {
		--deb-field-gap: 0;
	}

	.debtor-container button[b-6q7by0ehc7],
	.debtor-details button[b-6q7by0ehc7] {
		background-color: transparent;
		border-color: rgba(0,0,0,0.2);
		border-radius: .6rem;
		display: grid;
		align-items: center;
		justify-content: center;
		padding: 1rem;
		height: 4.5rem;
		margin: auto 0 0 0;
		color: black;
	}

		.debtor-container button:hover[b-6q7by0ehc7],
		.debtor-details button:hover[b-6q7by0ehc7] {
			border-color: rgba(0,0,0,0.7);
		}

	.debtor-container button:focus-visible[b-6q7by0ehc7],
	.debtor-details :focus-visible[b-6q7by0ehc7] {
		outline: auto;
	}

.title-row h3[b-6q7by0ehc7] {
	margin: 0;
}

.chip[b-6q7by0ehc7] {
	padding: .5rem 1.5rem;
	border-radius: 5rem;
	background-color: rgba(0,0,0,0.1);
	width: fit-content;
	margin: 0;
}

.form-horizontal .form-line[b-6q7by0ehc7] {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 2rem;
	border-radius: .6rem;
	gap: 1.5rem;
	flex-direction: column;
}

	.form-horizontal .form-line > div:nth-child(1)[b-6q7by0ehc7]{
		display: inherit;
		gap: inherit;
	}

	@media only screen and (min-width: 1800px) {
		.form-horizontal .form-line > div:nth-child(1)[b-6q7by0ehc7] {
		flex-direction: unset;
	}
}

	.form-horizontal .form-line button[b-6q7by0ehc7] {
		background-color: transparent;
		border: 1px solid rgba(0,0,0,0.2);
		border-radius: .6rem;
		display: grid;
		align-items: center;
		justify-content: center;
		padding: 1.25rem;
		margin: auto 0 0 0;
	}

		.form-horizontal .form-line button:not([disabled]):hover[b-6q7by0ehc7] {
			border-color: rgba(0,0,0,0.7);
		}

		.form-horizontal .form-line button[disabled][b-6q7by0ehc7] {
			background-color: rgba(0,0,0,0.1);
			cursor: default;
		}

	.form-horizontal .form-line[b-6q7by0ehc7]  .new-layout-container {
		width: 100%;
		--deb-field-gap: 0;
	}

/*.add-btn {
	background-color: transparent;
	border: 3px dashed var(--primary-hover, #071308);
	border-radius: .6rem;
	color: var(--primary-hover, #071308);
	margin: 0;
	width: 100%;
	padding: 2rem;
	font-size: 1.4rem;
	font-weight: 800;
	position: relative;
}

	.add-btn:hover::before {
		content: "";
		display: block;
		inset: 0;
		position: absolute;
		background-color: var(--primary-hover, #071308);
		opacity: .1;
	}

	.add-btn:focus {
		outline: unset;
	}

	.add-btn:active {
		box-shadow: unset;
	}

	.add-btn:focus-visible {
		outline: auto;
	}

		.add-btn:focus-visible::before {
			content: "";
			display: block;
			inset: 0;
			position: absolute;
			background-color: var(--primary-hover, #071308);
			opacity: .1;
		}
*/

.content-container[b-6q7by0ehc7]{
	display: flex;
	flex-direction: column;
	gap: .5rem;
	max-width: 80rem;
}

.list-label[b-6q7by0ehc7] {
	margin: 0;
	padding: 0;
}

ul[b-6q7by0ehc7] {
	list-style-type: upper-roman;
	margin-left: 1rem;
	display: grid;
	gap: .5rem;
}

.orderd-list[b-6q7by0ehc7] {
	list-style-type: decimal;
	margin-left: 2rem;
	display: grid;
	gap: .5rem;
}

.bold[b-6q7by0ehc7]{
	font-weight: bold;
}

[b-6q7by0ehc7] .radio-input input[type="text"]{
	padding: 1rem;
	height: fit-content;
}


.box[b-6q7by0ehc7]  .text-container p {
	padding: 0;
}


.address-details[b-6q7by0ehc7] {
	display: grid;
	grid-template-columns: auto auto;
	gap: 1.5rem;
}
/* /Components/Pages/OnlineAccept/Payment.razor.rz.scp.css */
/* Nothing ticked, nothing to pay: the look Bootstrap gives a disabled button, without the circuit having to disable it. */
form:not(:has(input[name=selectedInvoices]:checked)) [type=submit][b-m569dzv7o1] {
	opacity: .65;
}
/* /Components/Pages/PaymentArrangements/PaymentArrangement/PaymentArrangement.razor.rz.scp.css */
p[b-ryyv8m1znz] {
	margin: unset;
	padding: unset;
	line-height: normal;
}

.dbo-title[b-ryyv8m1znz] {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

	.dbo-title[b-ryyv8m1znz]  .chip-text {
		font-size: 1.4rem;
		line-height: normal;
		color: white;
		text-transform: capitalize;
		padding: 5px 10px;
		height: fit-content;
	}

.flex[b-ryyv8m1znz] {
	display: flex;
	flex-direction: column;
	gap: 2rem;

	& > div {
		display: flex;
		flex-direction: column;
		gap: inherit;
		flex: 1;
		height: fit-content;
	}
}

.box[b-ryyv8m1znz] {
	margin: 0;
	overflow: hidden;
}

h3[b-ryyv8m1znz] {
	font-size: 2rem;
	margin: unset;
	display: flex;
	align-items: center;
	min-height: 3rem;
}

.arrangement[b-ryyv8m1znz] {
	& .rules {
		padding: 0 2rem 2rem 2rem;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	& p[b-ryyv8m1znz] {
		display: flex;
		flex-direction: column;
	}
}

.payment-header[b-ryyv8m1znz] {
	padding: 2rem;

	& h2 {
		margin: .5rem 0 1rem;
	}
}

.payments[b-ryyv8m1znz] {
	height: fit-content;
	display: flex;
	flex-direction: column;

	& ul {

		& span {
			display: flex;
			gap: 1rem;
		}

		& p[b-ryyv8m1znz] {
			font-weight: bold;
			margin: 1rem 0;
		}
	}

	& > p[b-ryyv8m1znz] {
		font-weight: bold;
		padding: 0 2rem 2rem 2rem;
	}
}

	.payments ul[b-ryyv8m1znz] {
		padding: unset;
		overflow-y: auto;
		scrollbar-color: rgba(0, 0, 0, 0.2) transparent;

		& li {
			padding: 0 2rem 1rem 2rem;
			margin: 1rem auto;
			display: flex;
			flex-direction: column;
			line-height: normal;
			gap: .5rem;

			&:first-child {
				margin-top: unset;
			}

			&:last-child[b-ryyv8m1znz] {
				margin-bottom: unset;
			}

			&:not(:nth-last-child(1))[b-ryyv8m1znz] {
				border-bottom: 1px solid #ddd;
			}
		}

		.invoices[b-ryyv8m1znz] {
			& > div {
				padding: 1rem;
			}
		}
	}

.Table-responsive[b-ryyv8m1znz] {
	overflow-x: auto;
}

.data-block[b-ryyv8m1znz] {
	display: flex;
	flex-wrap;
	padding: 0 2rem;
	gap: 1.5rem;


	& p {
		display: flex;
		flex-direction: column;
		flex: 1;
		gap: 1rem;
		min-width: fit-content;

		& span {
			font-weight: 600;
		}

		& .amount[b-ryyv8m1znz] {
			font-size: 1.8rem;
		}

		& .terms[b-ryyv8m1znz] {
			text-transform: lowercase;
		}
	}
}

.chip-cell[b-ryyv8m1znz] {
	padding: .3rem .8rem;
}

	.chip-cell[b-ryyv8m1znz]  .chip-text {
		border: 1px solid #ddd;
		line-height: normal;
		padding: 5px 10px;
	}

@container (width > 1400px) {
	.flex[b-ryyv8m1znz] {
		flex-direction: unset;
	}

	.payments[b-ryyv8m1znz] {
		max-width: 35rem;
	}
}

@container (width < 1400px) {
	.payments[b-ryyv8m1znz] {
		max-height: unset !important;
	}
}

table[b-ryyv8m1znz] {

	& tbody tr {
		cursor: pointer;
	}

	& th:first-child[b-ryyv8m1znz],
	& td:first-child[b-ryyv8m1znz] {
		padding-left: 2rem;
	}

	& th:last-child[b-ryyv8m1znz],
	& td:last-child[b-ryyv8m1znz] {
		padding-right: 2rem;
	}

	& .dbo-default[b-ryyv8m1znz] {
		white-space: nowrap;
	}

	& .dbo-currency[b-ryyv8m1znz] {
		width: 1%;
	}
}

[b-ryyv8m1znz] .legend {
	padding: 2rem 2rem 1rem 2rem;
}
/* /Components/Pages/PaymentArrangements/PaymentArrangements.razor.rz.scp.css */
.box[b-n94u2cwqgy]{
	margin: unset;	
}

h3[b-n94u2cwqgy] {
	font-size: 2rem;
	margin: unset;
}

table tr[b-n94u2cwqgy]{
	cursor: pointer;
}

.chip-cell[b-n94u2cwqgy] {
	padding: .3rem .8rem;
	width: 1%;
}

	.chip-cell[b-n94u2cwqgy]  .chip-text {
		border: 1px solid #ddd;
		line-height: normal;
		padding: 5px 10px;
	}
/* /Components/Pages/RealEstate/RealEstateDetails.razor.rz.scp.css */
/* ───── Page ───── */
.details-page[b-1gt3q8codh] {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* ───── KPI strip ───── */
.kpi-strip[b-1gt3q8codh] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3.2rem;
	border-radius: 9px;

	@media (max-width: 992px) {
		grid-template-columns: repeat(2, 1fr);[b-1gt3q8codh]
	}

	@media (max-width: 600px) {
		grid-template-columns: repeat(1, 1fr);[b-1gt3q8codh]
	}
}

.kpi-card[b-1gt3q8codh] {
	display: flex;
	align-items: center;
	border: 2px solid #e5e7eb;
	border-radius: 9px;
	gap: 1.4rem;
	background: #fff;
	padding: 1rem;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
}

.kpi-icon[b-1gt3q8codh] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 15%;
	background: #f3f4f6;
	color: #6b7280;
	flex-shrink: 0;
}

.kpi-text[b-1gt3q8codh] {
	display: flex;
	flex-direction: column;
}

.kpi-label[b-1gt3q8codh] {
	font-size: 1.4rem;
}

.kpi-value[b-1gt3q8codh] {
	font-size: 1.6rem;
	font-weight: 700;
}

/* ── Energielabel badge ── */
.kpi-energielabel[b-1gt3q8codh] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
}

.kpi-energielabel-a[b-1gt3q8codh] {
	background-color: #16a34a;
}

.kpi-energielabel-b[b-1gt3q8codh] {
	background-color: #65a30d;
}

.kpi-energielabel-c[b-1gt3q8codh] {
	background-color: #ca8a04;
}

.kpi-energielabel-d[b-1gt3q8codh] {
	background-color: #ea580c;
}

.kpi-energielabel-e[b-1gt3q8codh] {
	background-color: #dc2626;
}

/* ───── Info row (2 cards) ───── */
.flex-info[b-1gt3q8codh] {
	display: flex;
	max-width: 650px;
	flex-direction: column;
	gap: 32px;
}

.info-row[b-1gt3q8codh] {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 32px;
}

@media (max-width: 768px) {
	.info-row[b-1gt3q8codh] {
		grid-template-columns: 1fr;
	}
}

.info-card[b-1gt3q8codh] {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0px 4px 12px light-dark(rgba(0, 0, 0, 0.05), #1d2025);
}

.info-card-title[b-1gt3q8codh] {
	display: flex;
	border-radius: 9px 9px 0px 0px;
	align-items: center;
	gap: 1.4rem;
	font-size: 1.6rem;
	font-weight: 700;
	margin-top: 0;
	padding: 1.5rem;
	color: white;
	background: linear-gradient(
		90deg,
		rgba(86, 150, 94, 1) 25%,
		rgba(199, 255, 199, 1) 100%
	);
}
/* ───── Pand hero card ───── */
.pand-hero-card[b-1gt3q8codh] {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.pand-hero-image[b-1gt3q8codh] {
	flex: 1;
	min-height: 200px;
	overflow: hidden;

	img {
		width: 100%;
		height: 475px;
		object-fit: cover;
	}
}

.pand-hero-overlay[b-1gt3q8codh] {
	display: flex;
	flex-direction: column;
	padding: 1.2rem 1.6rem;
	background: linear-gradient(
		180deg,
		rgba(26, 43, 60, 0) 0%,
		rgba(26, 43, 60, 0.05) 100%
	);
}

.pand-hero-address[b-1gt3q8codh] {
	font-size: 1.6rem;
	font-weight: 700;
	color: #1a2b3c;
}

.pand-hero-city[b-1gt3q8codh] {
	font-size: 1.3rem;
	color: #6b7280;
}
/* ── Financieel grid ── */
.finance-grid[b-1gt3q8codh] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3.2rem;
	padding: 1rem 2rem 1rem 2rem;
}

.finance-label[b-1gt3q8codh] {
	font-size: 1.6rem;
	color: #6b7280;
}

.finance-value[b-1gt3q8codh] {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #1a2b3c;
}

.finance-sub[b-1gt3q8codh] {
	display: block;
	font-size: 1.2rem;
	color: #9ca3af;
}

/* ── informatie pand ── */
.info-list[b-1gt3q8codh] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.6rem;
	padding: 1rem 2rem 1rem 2rem;
}

.information-row[b-1gt3q8codh] {
	display: flex;
	flex-direction: column;
}

.info-value[b-1gt3q8codh] {
	font-size: 1.4rem;
}

.info-header[b-1gt3q8codh] {
	font-size: 1.6rem;
	font-weight: 600;
}
/* ───── Onderhoudsplan ───── */
.onderhoud-card[b-1gt3q8codh] {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0px 4px 12px light-dark(rgba(0, 0, 0, 0.05), #1d2025);
}

.onderhoud-table[b-1gt3q8codh] {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.4rem;

	th {
		text-align: left;
		min-width: 100px;
		font-weight: 400;
		color: var(--color-dark);
		padding: 8px 12px;
		border-bottom: 1px solid #e5e7eb;
	}

	td[b-1gt3q8codh] {
		padding: 14px 12px;
		color: var(--color-dark);
		border-bottom: 1px solid #f3f4f6;
	}
}

.onderhoud-beschrijving[b-1gt3q8codh] {
	font-weight: 600;
}

.col-right[b-1gt3q8codh] {
	text-align: right;
}

/* ── Status badges ── */
.status-badge[b-1gt3q8codh] {
	display: inline-block;
	padding: 3px 12px;
	border-radius: 20px;
	font-size: 1.2rem;
	font-weight: 600;
}

.status-gepland[b-1gt3q8codh] {
	background: #dbeafe;
	color: #1d4ed8;
}

.status-afgerond[b-1gt3q8codh] {
	background: #d1fae5;
	color: #047857;
}

.status-badge[b-1gt3q8codh] {
	display: inline-block;
	padding: 3px 12px;
	border-radius: 20px;
	font-size: 1.2rem;
	font-weight: 600;
}

.status-gepland[b-1gt3q8codh] {
	background: #dbeafe;
	color: #1d4ed8;
}

.status-afgerond[b-1gt3q8codh] {
	background: #d1fae5;
	color: #047857;
}

/* ───── Meldingen card ───── */
.meldingen-content[b-1gt3q8codh] {
	padding: 1rem 1.5rem 1.5rem;
}

.meldingen-empty[b-1gt3q8codh] {
	font-size: 1.4rem;
	color: #6b7280;
	margin: 0;
}

.meldingen-actions[b-1gt3q8codh] {
	margin-top: 1.2rem;
}

.melding-btn[b-1gt3q8codh] {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.6rem 1.4rem;
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--color-dark);
	background: var(--color-primary);
	border: none;
	border-radius: 8px;
	cursor: pointer;

	&:hover {
		opacity: 0.8;
	}
}
/* ───── Modal ───── */
.modal-backdrop[b-1gt3q8codh] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
}

.modal-panel[b-1gt3q8codh] {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
	padding: 2.4rem;
	width: min(480px, 90vw);
}

.modal-title[b-1gt3q8codh] {
	margin: 0 0 1.6rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #1a2b3c;
}

.modal-field[b-1gt3q8codh] {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin-bottom: 1.2rem;

	label {
		font-size: 1.3rem;
		font-weight: 600;
		color: #374151;
	}

	select[b-1gt3q8codh],
	textarea[b-1gt3q8codh] {
		font-size: 1.4rem;
		padding: 0.6rem 0.8rem;
		border: 1px solid #d1d5db;
		border-radius: 8px;
		resize: vertical;
	}
}

.modal-error[b-1gt3q8codh] {
	color: #dc2626;
	font-size: 1.3rem;
	margin: 0 0 0.8rem;
}

.modal-actions[b-1gt3q8codh] {
	display: flex;
	justify-content: flex-end;
	gap: 0.8rem;
	margin-top: 1.6rem;
}

.modal-btn[b-1gt3q8codh] {
	padding: 0.6rem 1.6rem;
	font-size: 1.3rem;
	font-weight: 600;
	border: none;
	border-radius: 8px;
	cursor: pointer;
}

.modal-btn-cancel[b-1gt3q8codh] {
	background: #f3f4f6;
	color: #374151;
}

.modal-btn-save[b-1gt3q8codh] {
	background: var(--color-primary);
	color: var(--color-dark);

	&:hover {
		opacity: 0.8;
	}
}

.modal-btn:disabled[b-1gt3q8codh] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ───── Stemmen ───── */

.vote-list[b-1gt3q8codh] {
	display: flex;
	flex-direction: column;
}

.vote-item[b-1gt3q8codh] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
	padding: 1.4rem 1.6rem;
	border-bottom: 1px solid #f3f4f6;
}

.vote-item:last-child[b-1gt3q8codh] {
	border-bottom: none;
}

.vote-item-voted[b-1gt3q8codh] {
	opacity: 0.6;
}

.vote-question[b-1gt3q8codh] {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.vote-subject[b-1gt3q8codh] {
	font-size: 1.4rem;
	font-weight: 600;
}

.vote-desc[b-1gt3q8codh] {
	font-size: 1.4rem;

	line-height: 1.4;
}

.vote-meta[b-1gt3q8codh] {
	font-size: 1.2rem;
}

.vote-buttons[b-1gt3q8codh] {
	display: flex;
	gap: 0.6rem;
	flex-shrink: 0;
}

.vote-btn[b-1gt3q8codh] {
	padding: 0.5rem 1.2rem;
	font-size: 1.3rem;
	font-weight: 600;
	border: 2px solid transparent;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.15s ease;
}

.vote-btn-ja[b-1gt3q8codh] {
	background-color: var(--color-success-text);
	border-color: #ccc;
	color: var(--color-dark);

	&:hover {
		background: #047857;
		color: #fff;
	}
}

.vote-btn-nee[b-1gt3q8codh] {
	background-color: var(--color-error-text);
	border-color: #ccc;
	color: var(--color-dark);

	&:hover {
		background: #dc2626;
		color: #fff;
	}
}

.vote-done[b-1gt3q8codh] {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--color-success-text);
	white-space: nowrap;
	flex-shrink: 0;
}
/* /Components/Pages/RealEstate/RealEstateOverview.razor.rz.scp.css */
/* ───── Page ───── */
.vastgoed-page[b-o1ptks9piu] {
	padding: 1rem 2rem;
}

/* ───── Header ───── */
.vastgoed-header[b-o1ptks9piu] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 3rem;
	flex-wrap: wrap;
}

.vastgoed-title[b-o1ptks9piu] {
	font-size: 28px;
	font-weight: 400;
	color: #1a2b3c;
	margin: 0;
}

	.vastgoed-title strong[b-o1ptks9piu] {
		font-weight: 700;
	}

/* ───── Vestiging dropdown ───── */
.vestiging-selector[b-o1ptks9piu] {
	display: flex;
	flex-direction: column;
	align-items: center;
}



.vestiging-label[b-o1ptks9piu] {
	font-size: 1.4rem;
	color: #6b7280;
	align-items: end;
}

.vestiging-dropdown[b-o1ptks9piu] {
	padding: 1rem 1.5rem;
	border: 1px solid var(--color-border-primary);
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
	color: var(--color-dark);
	min-width: 240px;
	cursor: pointer;

	&:focus {
		border-color: var(--color-secondary);
		box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
	}
}



/* ───── Panden sectie ───── */
.panden-section[b-o1ptks9piu] {
	margin-bottom: 20px;
}

.panden-title[b-o1ptks9piu] {
	font-size: 18px;
	font-weight: 700;
	color: #1a2b3c;
}

.panden-subtitle[b-o1ptks9piu] {
	font-size: 14px;
	color: #6b7280;
	margin: 0;
}

/* ───── Cards grid ───── */
.panden-grid[b-o1ptks9piu] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

@media (max-width: 992px) {
	.panden-grid[b-o1ptks9piu] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.panden-grid[b-o1ptks9piu] {
		grid-template-columns: 1fr;
	}
}

/* ───── Card ───── */
.pand-card[b-o1ptks9piu] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	border: 1px solid #e5e7eb;
	cursor: pointer;

&:hover {
	 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
	 transform: translateY(-2px);
 }
}


/* ───── Card header (gekleurde balk) ───── */
.pand-card-header[b-o1ptks9piu] {
	display: flex;
	font-weight: 600;
	gap: 1.5rem;
	padding: 1.6rem 1.6rem;
	border-radius: 9px 9px 0 0;
	align-items: center;

	h2{
		font-size:18px;
		margin:0;
	}
}

.pand-icon[b-o1ptks9piu] {
	display: flex;
}

.beschikbaar[b-o1ptks9piu] {
	background: linear-gradient(90deg,rgba(209, 250, 229, 1) 20%, rgba(245, 255, 250, 1) 100%);
	border-left: 4px solid #10b981;
}

.bezet[b-o1ptks9piu] {
	background: linear-gradient(90deg,rgba(219, 234, 254, 1) 20%, rgba(250, 252, 255, 1) 100%);
	border-left: 4px solid #3b82f6;
}



/* ───── Card body ───── */
.pand-card-body[b-o1ptks9piu] {
	display: flex;
	flex-direction: column;
	padding: 1.6rem 1.6rem 0.5rem;
}

.pand-prijs[b-o1ptks9piu] {
	display: flex;
	font-weight: 600;
	font-size: 1.4rem;
	align-items: end;
	gap: 1.5rem;

	& h2 {
		 font-size: 2.5rem;
	}
}

.pand-picture[b-o1ptks9piu] {
	width: 100%;
	height: 200px;
	background-color: #f3f4f6;
	overflow: hidden;

& img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
  }
}

.pand-naam[b-o1ptks9piu] {
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0;
}

.pand-adres[b-o1ptks9piu] {
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	gap: 4px;
}

.adres-icon[b-o1ptks9piu] {
	font-size: 1.4rem;
}

/* ───── Card footer ───── */
.pand-card-footer[b-o1ptks9piu] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.2rem 1.6rem;
	border-top: 1px solid #f3f4f6;
	margin-top: 0.8rem;
}

.pand-eenheden[b-o1ptks9piu] {
	font-size: 1.4rem;
	color: #6b7280;
}

/* /Components/Pages/Shop/OrderHistory.razor.rz.scp.css */
.order-history[b-g3ajotzntw] {
	padding: 0 1.5rem 1.5rem 1.5rem;
	border-radius: 9px;
}

	.order-history h1[b-g3ajotzntw] {
		margin-bottom: 1.5rem;
		font-weight: 600;
		color: var(--color-heading);
	}

.table-container[b-g3ajotzntw] {
	margin-top: 2rem;
	box-shadow: var(--box-shadow);
	border-radius: 9px;
}

.filter-section[b-g3ajotzntw] {
	display: flex;
	gap: 2rem;
	align-items: center;
}

.text-center[b-g3ajotzntw] {
	text-align: center;
}

.location-filter[b-g3ajotzntw] {
	padding: 1rem 1.5rem;
	border: 1px solid #ccc;
	border-radius: .6rem;
	color: var(--text-color);
	transition: border .1s ease-in-out;
	cursor: pointer;
	margin-bottom: 5px;
}

	.location-filter:hover[b-g3ajotzntw] {
		border-color: var(--gray-focus, #5F5F5F);
	}

	.location-filter:focus[b-g3ajotzntw] {
		outline: auto;
	}

.order-table[b-g3ajotzntw] {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 9px;
}

	.order-table th[b-g3ajotzntw],
	.order-table td[b-g3ajotzntw] {
		padding: 1rem 1.5rem;
		text-align: left;
		border-bottom: 1px solid #e5e7eb;
	}

	.order-table th[b-g3ajotzntw] {
		background: #f9fafb;
		font-weight: 600;
		color: #374151;
		font-size: 1.5rem;
	}

		.order-table th:first-child[b-g3ajotzntw],
		.order-table th:last-child[b-g3ajotzntw] {
			border-radius: 9px;
		}

	.order-table tbody tr:hover[b-g3ajotzntw] {
		background: #f9fafb;
	}

.sortable-header[b-g3ajotzntw] {
	cursor: pointer;
	transition: all 0.2s ease;
}

	.sortable-header:hover[b-g3ajotzntw] {
		text-decoration: underline;
		color: var(--secondary-hover);
	}

/* Status colors */
.status-badge[b-g3ajotzntw] {
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-size: 1.5rem;
}

.status-new[b-g3ajotzntw] {
	background: #dbeafe;
	color: #1e40af;
}

.status-processing[b-g3ajotzntw] {
	background: #fef3c7;
	color: #92400e;
}

.status-shipped[b-g3ajotzntw] {
	background: #e0e7ff;
	color: #3730a3;
}

.status-delivered[b-g3ajotzntw] {
	background: #d1fae5;
	color: #065f46;
}

.status-cancelled[b-g3ajotzntw] {
	background: #fee2e2;
	color: #991b1b;
}

.status-default[b-g3ajotzntw] {
	background: #f3f4f6;
	color: #374151;
}

/* Icon styling */
.icon-btn[b-g3ajotzntw] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.25rem;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

	.icon-btn:hover[b-g3ajotzntw] {
		background-color: #e5e7eb;
	}

	.icon-btn svg[b-g3ajotzntw] {
		display: flex;
		margin-inline: auto;
		width: 2rem;
		height: 2rem;
		color: #6b7280;
	}

	.icon-btn:hover svg[b-g3ajotzntw] {
		color: #374151;
	}

.no-data[b-g3ajotzntw] {
	text-align: center;
	color: #6b7280;
	padding: 2rem !important;
}

.pagination-controls[b-g3ajotzntw] {
	display: flex;
	justify-content: center;
	padding-top: 1.5rem;
	gap: 2rem;
}

/* button */
.dbo-btn[b-g3ajotzntw], button[b-g3ajotzntw] {
	background-color: var(--color-primary);
	color: var(--color-dark);
	padding: 0.25rem 1.5rem;
	border-radius: 6px;
	transition: 0.2s ease, transform 0.1s ease;
}

	.dbo-btn:hover[b-g3ajotzntw], button:hover[b-g3ajotzntw] {
		background-color: var(--secondary-hover);
		transform: translateY(-1px);
	}
/* /Components/Pages/Shop/PurchasingView.razor.rz.scp.css */
.webshop-overview[b-8mjkq5g52r] {
	padding: 0;
	margin: 0;
}

	.webshop-overview h1[b-8mjkq5g52r] {
		margin-bottom: 1.5rem;
		font-weight: 600;
		color: var(--color-heading);
	}

/* Filters */
.filter-section[b-8mjkq5g52r] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}

.filter-left[b-8mjkq5g52r] {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.filter-right[b-8mjkq5g52r] {
	display: flex;
	align-items: center;
	margin-right: 1.5rem;
}

.search-input[b-8mjkq5g52r],
.filter-dropdown[b-8mjkq5g52r] {
	padding: 1rem 1.5rem;
	border: 1px solid #ccc;
	border-radius: 0.6rem;
	font-size: 14px;
	transition: border 0.1s ease-in-out;
	margin-bottom: 5px;
}

	.search-input:hover[b-8mjkq5g52r],
	.filter-dropdown:hover[b-8mjkq5g52r] {
		border-color: var(--gray-focus, #5F5F5F);
	}

.search-input[b-8mjkq5g52r] {
	width: 300px;
}

.filter-dropdown[b-8mjkq5g52r] {
	min-width: 200px;
}

/* Content Layout */
.content-wrapper[b-8mjkq5g52r] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

/* Table */
.table-container[b-8mjkq5g52r] {
	box-shadow: var(--box-shadow);
	border-radius: 9px;
	overflow: hidden;
}

.webshop-table[b-8mjkq5g52r] {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

	.webshop-table th[b-8mjkq5g52r],
	.webshop-table td[b-8mjkq5g52r] {
		padding: 1rem 1.5rem;
		text-align: left;
		border-bottom: 1px solid #e5e7eb;
	}

	.webshop-table th[b-8mjkq5g52r] {
		background: #f9fafb;
		font-weight: 600;
		color: #374151;
		font-size: 1.5rem;
	}

	.webshop-table tbody tr:hover[b-8mjkq5g52r] {
		background: #f9fafb;
	}

/* Status badges */
.status-badge[b-8mjkq5g52r] {
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-size: 1.5rem;
	font-weight: 500;
}

.status-available[b-8mjkq5g52r] {
	background: #d1fae5;
	color: #065f46;
}

.status-expect[b-8mjkq5g52r] {
	background: #afccfa;
	color:#0363ff;
}

.status-limited[b-8mjkq5g52r] {
	background: #fef3c7;
	color: #92400e;
}

.status-soldout[b-8mjkq5g52r] {
	background: #fee2e2;
	color: #991b1b;
}

/* Price */
.price[b-8mjkq5g52r] {
	font-weight: 600;
}

/* Quantity controls */
.quantity-control[b-8mjkq5g52r] {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.qty-btn[b-8mjkq5g52r] {
	width: 32px;
	height: 32px;
	border: 1px solid #e5e7eb;
	color: var(--color-heading);
	background: var(--secondary);
	border-radius: 6px;
	font-size: 1.5rem;
	cursor: pointer;
}

	.qty-btn:hover[b-8mjkq5g52r] {
		background: var(--secondary-hover);
	}

.qty-input[b-8mjkq5g52r] {
	field-sizing: content; /* Auto-grow based on content */
	min-width: 3ch;
	max-width: 8ch;
	text-align: center;
	padding: 0.5rem;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
}

/* Add button */
.add-btn[b-8mjkq5g52r] {
	background-color: var(--color-primary);
	color: var(--color-dark);
	padding: 0.5rem 1rem;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	font-weight: 500;
	transition: 0.2s ease;
}

	.add-btn:hover[b-8mjkq5g52r] {
		background-color: var(--secondary-hover);
		transform: translateY(-1px);
	}

/* Cart */
.cart-container[b-8mjkq5g52r] {
	background: #fff;
	border-radius: 9px;
	box-shadow: var(--box-shadow);
	position: sticky;
	top: 1.5rem;
	height: fit-content;
}

.cart-header[b-8mjkq5g52r] {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.cart-header h2[b-8mjkq5g52r] {
		font-size: 1.6rem;
		font-weight: 600;
		margin: 0;
	}

.cart-count[b-8mjkq5g52r] {
	background: #f3f4f6;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 1.25rem;
	color: #6b7280;
}

.cart-items[b-8mjkq5g52r] {
	padding: 1.5rem;
	min-height: 200px;
}

.cart-badge[b-8mjkq5g52r] {
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0.8rem;
}

.empty-cart[b-8mjkq5g52r] {
	text-align: center;
	color: #9ca3af;
}

.cart-footer[b-8mjkq5g52r] {
	padding: 1rem 1.5rem;
	border-top: 1px solid #e5e7eb;
}

.cart-total[b-8mjkq5g52r] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
	font-size: 1.5rem;
}

.total-price[b-8mjkq5g52r] {
	font-weight: 700;
	font-size: 1.5rem;
}

.checkout-btn[b-8mjkq5g52r], remove-btn[b-8mjkq5g52r] {
	width: 100%;
	padding: 0.75rem;
	background: var(--color-primary);
	color: var(--bg-white);
	border: none;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
}

.checkout-btn:hover[b-8mjkq5g52r] {
	background: var(--secondary-hover);
}

.cart-item[b-8mjkq5g52r] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1rem;
	text-underline: black;
}

.cart-item-actions[b-8mjkq5g52r] {
	display: flex;
	gap: 1.5rem;
}

.remove-btn[b-8mjkq5g52r] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
}

.filter-favorites-btn[b-8mjkq5g52r] {
	display: flex;
	background-color: red;
	padding: 1rem;
	margin-left: 1rem;
	border: none;
	border-radius: 99px;
}

.favorite-btn[b-8mjkq5g52r] {
	background: transparent;
	border: transparent;
	cursor: pointer;
	padding: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease;
}

.favorite-btn:hover[b-8mjkq5g52r] {
	transform: scale(1.2);
}

.favorite-btn svg[b-8mjkq5g52r] {
	stroke: #e74c3c;
}

.favorite-btn:hover svg[b-8mjkq5g52r] {
	stroke: #e74c3c;
}

.backorder-warning[b-8mjkq5g52r] {
	background-color: #fff3cd;
	border: 1px solid #ffc107;
	color: #856404;
	padding: 8px 12px;
	border-radius: 4px;
	margin-bottom: 10px;
	font-size: 0.85em;
}

.cart-item.backorder[b-8mjkq5g52r] {
	border-left: 3px solid #ffc107;
	background-color: #fffbf0;
}

.backorder-badge[b-8mjkq5g52r] {
	background-color: #ffc107;
	color: #856404;
	font-size: 0.7em;
	padding: 2px 6px;
	border-radius: 3px;
	margin-left: 6px;
	font-weight: bold;
}

.pagination-controls[b-8mjkq5g52r] {
	display: flex;
	justify-content: center;
	padding-top: 1.5rem;
	gap: 2rem;
}
/* button*/
.dbo-btn[b-8mjkq5g52r], button[b-8mjkq5g52r] {
	background-color: var(--color-primary);
	border: transparent;
	color: var(--color-dark);
	padding: 0.25rem 1.5rem;
	border-radius: 6px;
	transition: 0.2s ease, transform 0.1s ease;
}

.dbo-btn:hover[b-8mjkq5g52r], button:hover[b-8mjkq5g52r] {
	background-color: var(--secondary-hover);
	transform: translateY(-1px);
}

.location-filter[b-8mjkq5g52r] {
	padding: 1rem 1.5rem;
	border: 1px solid #ccc;
	border-radius: .6rem;
	color: var(--text-color);
	transition: border .1s ease-in-out;
	cursor: pointer;
	margin-bottom: 5px;
}

.location-filter:hover[b-8mjkq5g52r] {
	border-color: var(--gray-focus, #5F5F5F);
}
/* /Components/Pages/Shop/ShoppingCart.razor.rz.scp.css */
/* Shopping Cart - Matches WebShopOrder styling */
.shopping-cart[b-10f9j3pnak] {
	padding: 0;
	margin: 0;
}

	.shopping-cart h1[b-10f9j3pnak] {
		margin-bottom: 1.5rem;
		font-weight: 600;
		color: var(--color-heading);
	}

/* Empty Cart */
.empty-cart[b-10f9j3pnak] {
	text-align: center;
	padding: 4rem 2rem;
	background: #fff;
	border-radius: 9px;
	box-shadow: var(--box-shadow);
}

	.empty-cart p[b-10f9j3pnak] {
		font-size: 1.5rem;
		color: #6b7280;
		margin-bottom: 1.5rem;
	}

.continue-shopping-btn[b-10f9j3pnak] {
	display: inline-block;
	background-color: var(--primary);
	color: var(--primary-toggle);
	padding: 0.75rem 1.5rem;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 500;
	transition: 0.2s ease;
}

	.continue-shopping-btn:hover[b-10f9j3pnak] {
		background-color: var(--primary-hover);
		transform: translateY(-1px);
	}

/* Cart Content Layout */
.cart-content[b-10f9j3pnak] {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 1.5rem;
}

/* Cart Table */
.cart-table[b-10f9j3pnak] {
	width: 100%;
	background: #fff;
	border-radius: 9px;
	box-shadow: var(--box-shadow);
	height: 20rem;
}

	.cart-table th[b-10f9j3pnak],
	.cart-table td[b-10f9j3pnak] {
		padding: 1rem 1.5rem;
		text-align: left;
		border-bottom: 1px solid #e5e7eb;
	}

	.cart-table th[b-10f9j3pnak] {
		background: #f9fafb;
		font-weight: 600;
		color: #374151;
		font-size: 1.5rem;
	}

	.cart-table tbody tr:hover[b-10f9j3pnak] {
		background: #f9fafb;
	}

/* Price */
.price[b-10f9j3pnak] {
	font-weight: 600;
}

	.price.total[b-10f9j3pnak] {
		color: var(--color-heading);
	}

/* Quantity controls */
.quantity-control[b-10f9j3pnak] {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.qty-input[b-10f9j3pnak] {
	field-sizing: content;
	min-width: 3ch;
	max-width: 8ch;
	text-align: center;
	padding: 0.5rem;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
}

/* Remove button */
.remove-btn[b-10f9j3pnak] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #fee2e2;
	color: #991b1b;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.2s ease;
}

	.remove-btn:hover[b-10f9j3pnak] {
		background: #fecaca;
		transform: translateY(-1px);
	}

/* Order Summary */
.order-header[b-10f9j3pnak] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #374151;
	font-weight: 600;
}

.order-summary[b-10f9j3pnak] {
	position: sticky;
	background: #fff;
	border-radius: 9px;
	box-shadow: var(--box-shadow);
	padding: 1.5rem;
	width: 100%;
	height: 40rem;
	margin-left: auto;
}

	.order-summary h2[b-10f9j3pnak] {
		font-size: 1.6rem;
		margin: 0;
		padding: 0;
	}

.summary-row[b-10f9j3pnak] {
	display: flex;
	justify-content: space-between;
	padding: 0.75rem 0;
	font-size: 1.4rem;
	color: #374151;
}

	.summary-row.total[b-10f9j3pnak] {
		border-top: 2px solid #e5e7eb;
		margin-top: 0.75rem;
		padding-top: 1rem;
		font-weight: 700;
		font-size: 1.6rem;
		color: var(--color-heading);
	}

/* Summary Actions */
.summary-actions[b-10f9j3pnak] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e5e7eb;
}

.continue-btn[b-10f9j3pnak] {
	display: block;
	text-align: center;
	padding: 0.75rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	color: #374151;
	text-decoration: none;
	font-weight: 500;
	transition: 0.2s ease;
}

	.continue-btn:hover[b-10f9j3pnak] {
		background: #5f5f5f;
		color: #f9fafb;
		border-color: #d1d5db;
	}

.checkout-btn[b-10f9j3pnak] {
	width: 100%;
	padding: 0.75rem 1rem;
	background: var(--secondary);
	color: black;
	border: none;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.2s ease;
}

	.checkout-btn:hover[b-10f9j3pnak] {
		background: var(--secondary-hover);
		transform: translateY(-1px);
	}
/* /Components/Pages/Stock/BackordersOverview.razor.rz.scp.css */
.back-order[b-nab98fg5vp] {
	padding: 0 1.5rem 1.5rem 1.5rem;
	border-radius: 9px;
}

	.back-order h1[b-nab98fg5vp] {
		margin-bottom: 1.5rem;
		font-weight: 600;
		color: var(--color-heading);
	}

.table-container[b-nab98fg5vp] {
	margin-top: 2rem;
	box-shadow: var(--box-shadow);
	border-radius: 9px;
}

.filter-section[b-nab98fg5vp] {
	display: flex;
	gap: 2rem;
	align-items: center;
}

.text-center[b-nab98fg5vp] {
	text-align: center;
}

.location-filter[b-nab98fg5vp] {
	padding: 1rem 1.5rem;
	border: 1px solid #ccc;
	border-radius: .6rem;
	color: var(--text-color);
	transition: border .1s ease-in-out;
	cursor: pointer;
	margin-bottom: 5px;
}

	.location-filter:hover[b-nab98fg5vp] {
		border-color: var(--gray-focus, #5F5F5F);
	}

	.location-filter:focus[b-nab98fg5vp] {
		outline: auto;
	}

.order-table[b-nab98fg5vp] {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 9px;
}

	.order-table th[b-nab98fg5vp],
	.order-table td[b-nab98fg5vp] {
		padding: 1rem 1.5rem;
		text-align: left;
		border-bottom: 1px solid #e5e7eb;
	}

	.order-table th[b-nab98fg5vp] {
		background: #f9fafb;
		font-weight: 600;
		color: #374151;
		font-size: 1.5rem;
	}

		.order-table th:first-child[b-nab98fg5vp],
		.order-table th:last-child[b-nab98fg5vp] {
			border-radius: 9px;
		}

	.order-table tbody tr:hover[b-nab98fg5vp] {
		background: #f9fafb;
	}

.sortable-header[b-nab98fg5vp] {
	cursor: pointer;
	transition: all 0.2s ease;
}

	.sortable-header:hover[b-nab98fg5vp] {
		text-decoration: underline;
		color: var(--secondary-hover);
	}

/* Status colors */
.status-badge[b-nab98fg5vp] {
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-size: 1.5rem;
}

.status-new[b-nab98fg5vp] {
	background: #dbeafe;
	color: #1e40af;
}

.status-processing[b-nab98fg5vp] {
	background: #fef3c7;
	color: #92400e;
}

.status-shipped[b-nab98fg5vp] {
	background: #e0e7ff;
	color: #3730a3;
}

.status-delivered[b-nab98fg5vp] {
	background: #d1fae5;
	color: #065f46;
}

.status-cancelled[b-nab98fg5vp] {
	background: #fee2e2;
	color: #991b1b;
}

.status-default[b-nab98fg5vp] {
	background: #f3f4f6;
	color: #374151;
}

/* Icon styling */
.icon-btn[b-nab98fg5vp] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.25rem;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

	.icon-btn:hover[b-nab98fg5vp] {
		background-color: #e5e7eb;
	}

	.icon-btn svg[b-nab98fg5vp] {
		display: flex;
		margin-inline: auto;
		width: 2rem;
		height: 2rem;
		color: #6b7280;
	}

	.icon-btn:hover svg[b-nab98fg5vp] {
		color: #374151;
	}

.no-data[b-nab98fg5vp] {
	text-align: center;
	color: #6b7280;
	padding: 2rem !important;
}

.pagination-controls[b-nab98fg5vp] {
	display: flex;
	justify-content: center;
	padding-top: 1.5rem;
	gap: 2rem;
}

/* button */
.dbo-btn[b-nab98fg5vp], button[b-nab98fg5vp] {
	background-color: var(--color-primary);
	color: var(--color-dark);
	padding: 0.25rem 1.5rem;
	border-radius: 6px;
	transition: 0.2s ease, transform 0.1s ease;
}

	.dbo-btn:hover[b-nab98fg5vp], button:hover[b-nab98fg5vp] {
		background-color: var(--secondary-hover);
		transform: translateY(-1px);
	}
/* /Components/Pages/Stock/StockOverview.razor.rz.scp.css */
th:first-child[b-z6qv224xe7], :last-child[b-z6qv224xe7] {
	border-radius: 9px;
}


.stock-overview[b-z6qv224xe7] {
	padding: 0 1.5rem 1.5rem 1.5rem;
	border-radius: 9px;
}

.stock-overview h1[b-z6qv224xe7] {
	margin-bottom: 1.5rem;
	font-weight: 600;
	color: var(--color-heading);
}

.table-container[b-z6qv224xe7] {
	margin-top: 2rem;
	box-shadow: var(--box-shadow);
	border-radius: 9px;
}

.filter-Section[b-z6qv224xe7] {
	display: flex;
	gap: 2rem;
	align-items: center;	
}

.text-center[b-z6qv224xe7] {
	text-align: center;
}

.filter-Section	h3[b-z6qv224xe7] {
	font-size: 1.5rem;
}

.location-filter[b-z6qv224xe7] {
	padding: 1rem 1.5rem;
	border: 1px solid #ccc;
	border-radius: .6rem;
	color: var(--text-color);
	transition: border .1s ease-in-out;
	cursor: pointer;
	margin-bottom: 5px;
}

.location-filter:hover[b-z6qv224xe7] {
	border-color: var(--gray-focus, #5F5F5F);
}

.location-filter:focus[b-z6qv224xe7] {
	outline: auto;
}

.stock-table[b-z6qv224xe7] {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 9px;
}

.stock-table th[b-z6qv224xe7],
.stock-table td[b-z6qv224xe7] {
	padding: 1rem 1.5rem;
	text-align: left;
	border-bottom: 1px solid #e5e7eb;
}

.stock-table th[b-z6qv224xe7] {
	background: #f9fafb;
	font-weight: 600;
	color: #374151;
	font-size: 1.5rem;
}

.stock-table tbody tr:hover[b-z6qv224xe7] {
	background: #f9fafb;
}

.sortable-header[b-z6qv224xe7] {
	cursor: pointer;
	transition: all 0.2s ease;
}

.sortable-header:hover[b-z6qv224xe7] {
	text-decoration: underline;
	color: var(--secondary-hover);
}

/*Status colors*/
.status-badge[b-z6qv224xe7] {
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-size: 1.5rem;
}

.status-available[b-z6qv224xe7] {
	background: #d1fae5;
	color: #065f46;
}

.status-limited[b-z6qv224xe7] {
	background: #fef3c7;
	color: #92400e;
}

.status-soldout[b-z6qv224xe7] {
	background: #fee2e2;
	color: #991b1b;
}

.status-expect[b-z6qv224xe7] {
	background: #dbeafe;
	color: #1e40af;
}

/* Warning styles */
.warning-row[b-z6qv224xe7] {
	background-color: #fffbeb;
}

.warning-row:hover[b-z6qv224xe7] {
	background-color: #fef3c7;
}

.warning-icon[b-z6qv224xe7] {
	display:flex;
	align-items: center;
	justify-content: center;
	color: #d97706;
}

.warning-icon svg[b-z6qv224xe7] {
	width: 2.5rem;
	height: 2.5rem;
}

.low-stock[b-z6qv224xe7] {
	color: #dc2626;
	font-weight: 600;
}

.high-backorder[b-z6qv224xe7] {
	color: #d97706;
	font-weight: 600;
}

/* Icon styling */
.icon-btn[b-z6qv224xe7] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.25rem;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.icon-btn:hover[b-z6qv224xe7] {
	background-color: #e5e7eb;
}

.icon-btn svg[b-z6qv224xe7] {
	display: flex;
	margin-inline: auto;
	width: 2rem;
	height: 2rem;
	color: #6b7280;

}

.icon-btn:hover svg[b-z6qv224xe7] {
	color: #374151;
}

.no-data[b-z6qv224xe7] {
	text-align: center;
	color: #6b7280;
	padding: 2rem !important;
}

.pagination-controls[b-z6qv224xe7] {
	display: flex;
	justify-content: center;
	padding-top: 1.5rem;
	gap: 2rem;
}
/* button*/
.dbo-btn[b-z6qv224xe7], button[b-z6qv224xe7] {
	background-color: var(--color-primary);
	color: var(--color-dark);
	padding: 0.25rem 1.5rem;
	border-radius: 6px;
	transition: 0.2s ease, transform 0.1s ease;
}

	.dbo-btn:hover[b-z6qv224xe7], button:hover[b-z6qv224xe7] {
		background-color: var(--secondary-hover);
		transform: translateY(-1px);
	}
/* /Components/Pages/Subscription/Subscription.razor.rz.scp.css */
section[b-ng216t46jc] {
	background: #fff;
	border-radius: 10px;
	float: left;
	margin: 10px auto;
	width: 100%
}

h3[b-ng216t46jc] {
	color: black;
	border-bottom: none;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: normal;
	padding: 2rem;
	text-transform: uppercase;
	margin: 0;
}

.table-responsive[b-ng216t46jc] {
	border-radius: 0 0 10px 10px;
}
/* /Components/Table/ActionsTable.razor.rz.scp.css */
td .dbo-currency[b-v5x7n7tpkk] {
	max-width: 15ch;
	width: 100px;
	text-wrap: nowrap;
}



.eye-pending[b-v5x7n7tpkk]  svg {
	fill: #c8c8c8;
}
/* /Components/Table/Cell/DebButtonCell.razor.rz.scp.css */
button[b-yut1w0djvh] {
	background-color: transparent;
	display: flex;
	padding: .5rem;
	border: transparent;
	margin: 0;
}

	button[b-yut1w0djvh]  svg {
		height: 1lh;
		width: auto;
		line-height: normal;
	}

	button.delete:is(:hover, :focus)[b-yut1w0djvh]  svg {
		fill: red;
	}

@media (prefers-reduced-motion: no-preference) {
	button[b-yut1w0djvh]  svg {
		transition: fill .1s ease-in-out;
	}
}
/* /Components/Table/Cell/DebCell.razor.rz.scp.css */
td[b-dsa0c4z504] {
	padding: .8rem;
	line-height: 1.42857143;
	border-top: 1px solid #ddd;
	color: black;
}

.deb-checkbox[b-dsa0c4z504] {
	width: 1%;
}

	.deb-checkbox[b-dsa0c4z504]  .CheckboxSlide {
		margin: auto;
	}

.deb-link[b-dsa0c4z504] {
	width: 1%;
}

.deb-button[b-dsa0c4z504],
.deb-link[b-dsa0c4z504] {
	padding: .5rem;
}
/* /Components/Table/Cell/DebHeaderCell.razor.rz.scp.css */
th[b-ah9t1z3tix] {
	padding: .8rem;
	line-height: 1.42857143;
	color: black;
}
/* /Components/Table/Cell/DebLinkCell.razor.rz.scp.css */
a[b-f9wrh5q6gn] {
	background-color: transparent;
	display: flex;
	padding: .5rem;
	border: transparent;
	margin: 0;
}

	a[b-f9wrh5q6gn]  svg {
		height: 1lh;
		width: auto;
		line-height: normal;
	}

@media (prefers-reduced-motion: no-preference) {
	a[b-f9wrh5q6gn]  svg {
		transition: fill .1s ease-in-out;
	}
}
/* /Components/Table/DebTable.razor.rz.scp.css */
table[b-s6jbpk4woz]{
	width: 100%;
}

	table[b-s6jbpk4woz]  th:nth-child(1),
	table[b-s6jbpk4woz]  td:nth-child(1) {
		padding-left: 2rem;
	}

	table[b-s6jbpk4woz]  th:nth-last-child(1),
	table[b-s6jbpk4woz]  td:nth-last-child(1) {
		padding-right: 2rem;
	}
/* /Components/Table/DossierLinesTable.razor.rz.scp.css */
td .dbo-currency[b-mhitecczev] {
	max-width: 15ch;
	width: 100px;
	text-wrap: nowrap;
}
/* /Components/Table/DossierTable.razor.rz.scp.css */
tbody tr[b-3qjlemg1g0] {
	cursor: pointer;
}

/* The sort blazor-interop.js does on a click, and which way it went. */
table[data-sortable] thead th[b-3qjlemg1g0] {
	cursor: pointer;
	user-select: none;
}

table[data-sortable] thead th[aria-sort=ascending][b-3qjlemg1g0]::after {
	content: " \25B2";
}

table[data-sortable] thead th[aria-sort=descending][b-3qjlemg1g0]::after {
	content: " \25BC";
}
/* /Components/Table/InterestBreakdownTable.razor.rz.scp.css */
td .dbo-currency[b-rudhin4ttd] {
	max-width: 15ch;
	width: 100px;
	text-wrap: nowrap;
}


/* /Components/Table/InvoiceLinesTable.razor.rz.scp.css */
td .dbo-currency[b-fi7r5dsn5c] {
	max-width: 15ch;
	width: 100px;
	text-wrap: nowrap;
}
/* /Components/Table/InvoiceTable.razor.rz.scp.css */
/* From the _Invoices partial, less the jQuery UI dialog rules it no longer opens. */
.invoice-cell-btn:hover[b-q8hpfey6yb] {
	background-color: #D1F951;
}

.invoice-cell-btn .btn-link[b-q8hpfey6yb] {
	padding: 0;
	color: inherit;
}

tbody tr[b-q8hpfey6yb] {
	cursor: pointer;
}

.invoice-status-cell-approved[b-q8hpfey6yb],
.invoice-status-cell-denied[b-q8hpfey6yb],
.invoice-status-cell-pending[b-q8hpfey6yb],
.invoice-status-cell-unknown[b-q8hpfey6yb],
.invoice-status-cell-delayed[b-q8hpfey6yb],
.invoice-status-cell-informationControl[b-q8hpfey6yb] {
	padding: 0.6rem;
	border-radius: 10px;
}

.invoice-status-cell-approved[b-q8hpfey6yb] { background-color: var(--bubble-approved, #A8E27A); }
.invoice-status-cell-denied[b-q8hpfey6yb] { background-color: var(--bubble-denied, #FF8484); }
.invoice-status-cell-pending[b-q8hpfey6yb] { background-color: var(--bubble-pending, #D8D8D8); }
.invoice-status-cell-unknown[b-q8hpfey6yb] { background-color: var(--bubble-unknown, #d9d08c); }
.invoice-status-cell-delayed[b-q8hpfey6yb] { background-color: var(--bubble-delayed, #F5FF84); }
.invoice-status-cell-informationControl[b-q8hpfey6yb] { background-color: var(--bubble-informationControl, #f34213ab); }

/* The refusal reason, shown on hover to the left of a refused invoice's status. */
.factoring-tooltip[b-q8hpfey6yb] {
	position: relative;
}

.factoring-tooltip[b-q8hpfey6yb]:before {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 100%;
	margin-right: 15px;
	width: 200px;
	padding: 10px;
	border-radius: 10px;
	background: #000;
	color: #fff;
	text-align: center;
	display: none;
}

.factoring-tooltip:hover[b-q8hpfey6yb]:before {
	display: block;
}

.table > thead > tr > th.status[b-q8hpfey6yb] {
	padding: .8rem 1.6rem;
}

.table > tbody > tr > td.status[b-q8hpfey6yb] {
	padding: .4rem;
}

.status.open[b-q8hpfey6yb],
.status.closed[b-q8hpfey6yb] { --status-color: #D1F95180; }
.status.claim[b-q8hpfey6yb] { --status-color: #AB47BC80; }
.status.onhold[b-q8hpfey6yb] { --status-color: #F9BE5180; }
.status.storno[b-q8hpfey6yb] { --status-color: #FFD54F80; }
.status.paymentarrangement[b-q8hpfey6yb],
.status.paymentarrangementarrear[b-q8hpfey6yb],
.status.custom[b-q8hpfey6yb],
.status.paymentcommitment[b-q8hpfey6yb],
.status.collection[b-q8hpfey6yb],
.status.factoringrequested[b-q8hpfey6yb],
.status.factoringaccepted[b-q8hpfey6yb],
.status.factoringdeclined[b-q8hpfey6yb],
.status.subscription[b-q8hpfey6yb],
.status.proforma[b-q8hpfey6yb],
.status.proformatermdue[b-q8hpfey6yb],
.status.rismatching[b-q8hpfey6yb],
.status.partialpayment[b-q8hpfey6yb],
.status.preincasso[b-q8hpfey6yb],
.status.judicialincasso[b-q8hpfey6yb] { --status-color: #C6C6C680; }

.status span[b-q8hpfey6yb] {
	padding: .4rem 1.2rem;
	border-radius: 500rem;
	display: flex;
	width: fit-content;
	align-items: center;
	background-color: var(--status-color);
}
/* /Components/Table/PaymentTable.razor.rz.scp.css */
td .dbo-currency[b-55x8058tc3] {
	max-width: 15ch;
	width: 100px;
	text-wrap: nowrap;
}