/* 2026-08-04 v1.11
 * - Forces profile-photo previews into an equal-width circular crop.
 *
 * 2026-08-04 v1.10
 * - Restores the original Bebas Neue typeface for H1 headings only.
 *
 * 2026-08-04 v1.9
 * - Aligns family-invoice amounts, restores toolbar glass blur and renders one checkbox tick.
 * - Rounds only the outer cells of hovered table rows.
 *
 * 2026-08-04 v1.8
 * - Lets table cards use the full width available inside main content.
 *
 * 2026-08-04 v1.7
 * - Isolates wide table intrinsic sizing from the page viewport.
 *
 * 2026-08-04 v1.6
 * - Resets legacy negative margins on tables inside the shared scroller.
 *
 * 2026-08-04 v1.5
 * - Makes the shared table scroller contain wide member tables on small screens.
 *
 * 2026-08-04 v1.4
 * - Removes the legacy negative margin from phone-contained data tables.
 *
 * 2026-08-04 v1.3
 * - Keeps direct child data tables inside the phone viewport with local horizontal scrolling.
 *
 * 2026-08-03 v1.2
 * - Aligns every family invoice as one full-width payment row on all screen sizes.
 * - Keeps mobile page headings readable and renders profile photos as circles.
 * - Styles native file-upload buttons consistently with the upgraded controls.
 * - Keeps the Lidly texture visible behind invoice documents.
 *
 * 2026-08-03 v1.1
 * - Preserves the Lidly body background image and limits typography changes to main content.
 * - Corrects responsive layout declarations for payment and form groups.
 *
 * 2026-08-03 v1.0
 * - Applies the Lidly SwiftUI-inspired surface, typography and control system theme-wide.
 * - Standardizes native checkbox and radio presentation across public and private forms.
 * - Keeps all navigation elements outside the upgrade layer.
 */

:root {
	--lidly-ui-background:color-mix(in srgb, var(--lightcolor, #ffffff) 82%, #e8e7df);
	--lidly-ui-surface:#ffffff;
	--lidly-ui-surface-soft:color-mix(in srgb, #ffffff 88%, #e8f6fd);
	--lidly-ui-primary:var(--frontcolor, #2d2f91);
	--lidly-ui-primary-contrast:var(--frontcolor-contrast, #ffffff);
	--lidly-ui-accent:#5bb8ea;
	--lidly-ui-accent-soft:#eaf7fd;
	--lidly-ui-text:#34343c;
	--lidly-ui-muted:#6c6c73;
	--lidly-ui-line:#e4e4ea;
	--lidly-ui-radius:24px;
	--lidly-ui-control-radius:13px;
	--lidly-ui-shadow:0 8px 28px rgba(35,35,67,0.055);
	--lidly-ui-shadow-hover:0 12px 34px rgba(35,35,67,0.09);
}

@media screen {
	body main {
		background:none;
		color:var(--lidly-ui-text);
		font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
		font-size:17px;
	}

	body main :is(h1,h2,h3,h4,h5,h6) {
		color:var(--lidly-ui-primary);
		font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
		font-weight:780;
		letter-spacing:-0.035em;
		text-transform:none;
	}

	body main h1 {
		font-family:"Bebas Neue",sans-serif;
		font-size:clamp(42px,5vw,68px);
		line-height:0.98;
	}

	body main hgroup h1,
	body main hgroup h1 * {
		max-width:100%;
		overflow:visible;
		white-space:normal;
		text-overflow:clip;
	}

	body main h2 {
		font-size:clamp(28px,3vw,40px);
		line-height:1.04;
	}

	body main h3 {
		font-size:clamp(20px,2vw,25px);
		line-height:1.08;
	}

	body main :is(p,li,td,th,label,small) {
		line-height:1.45;
	}

	body main p {
		color:var(--lidly-ui-muted);
	}

	body main a:not(.button) {
		color:var(--lidly-ui-primary);
		font-weight:650;
		text-underline-offset:3px;
	}

	body main :is(.card,.lidly-table-wrap,dialog.leden-toevoegen-dialog,dialog.lidly-tooltip-dialog) {
		border:0;
		border-radius:var(--lidly-ui-radius);
		background:var(--lidly-ui-surface);
		box-shadow:var(--lidly-ui-shadow);
		backdrop-filter:none;
	}

	body main .card {
		box-sizing:border-box;
		padding:clamp(22px,3vw,32px);
	}

	body main .portal-wrapper {
		box-sizing:border-box;
		justify-content:flex-start;
		max-width:680px;
		min-height:0;
		padding-block:clamp(18px,5vh,60px);
		width:100%;
	}

	body main .portal-wrapper > .card {
		margin:0 auto;
		max-width:620px;
		min-height:0;
		width:100%;
	}

	body main .portal-wrapper > form.card:has(> .card) {
		border:0;
		background:transparent;
		box-shadow:none;
		padding:0;
	}

	body main .portal-wrapper > form.card:has(> .card) > h2 {
		font-size:clamp(38px,6vw,58px);
		margin:0 0 18px;
	}

	body main .portal-wrapper > form.card:has(> .card) > p:not(.important) {
		box-sizing:border-box;
		margin:0 0 18px;
		padding:14px 16px;
		border:1px solid color-mix(in srgb, var(--lidly-ui-accent) 26%, transparent);
		border-radius:16px;
		background:var(--lidly-ui-accent-soft);
		color:var(--lidly-ui-primary);
	}

	body main .portal-wrapper > form.card:has(> .card) > .card {
		margin-top:0;
	}

	body main :is(.button,button) {
		box-sizing:border-box;
		min-height:44px;
		align-items:center;
		justify-content:center;
		gap:8px;
		padding:10px 17px;
		border:1px solid color-mix(in srgb, var(--lidly-ui-primary) 16%, transparent);
		border-radius:var(--lidly-ui-control-radius);
		background:var(--lidly-ui-surface);
		box-shadow:none;
		color:var(--lidly-ui-primary);
		font-family:inherit;
		font-size:16px;
		font-weight:700;
		line-height:1.15;
		text-decoration:none;
		transition:background-color 0.16s ease,border-color 0.16s ease,box-shadow 0.16s ease,transform 0.16s ease;
	}

	body main :is(.group > .button,.group > button,.lidly-table-toolbar button):hover {
		border-color:color-mix(in srgb, var(--lidly-ui-primary) 34%, transparent);
		box-shadow:0 5px 16px rgba(35,35,67,0.08);
		transform:translateY(-1px);
	}

	body main .paper-toolbar .button {
		background:rgba(255,255,255,0.72);
		-webkit-backdrop-filter:blur(16px) saturate(140%);
		backdrop-filter:blur(16px) saturate(140%);
	}

	body main .lidly-tooltip-reference button {
		display:inline;
		width:auto;
		min-width:0;
		height:auto;
		min-height:0;
		padding:0;
		border:0;
		border-radius:0;
		background:transparent;
		box-shadow:none;
		color:inherit;
		font:inherit;
	}

	body main .lidly-tooltip-close {
		width:40px;
		min-width:40px;
		height:40px;
		min-height:40px;
		padding:4px;
		border:0;
		border-radius:50%;
		background:transparent;
		box-shadow:none;
		font-size:30px;
		line-height:30px;
	}

	body main :is(form button[type="submit"],.button-primary,.lidly-settings-save-button) {
		border-color:var(--lidly-ui-primary);
		background:var(--lidly-ui-primary);
		color:var(--lidly-ui-primary-contrast)!important;
	}

	body main :is(form button[type="submit"],.button-primary,.lidly-settings-save-button) > * {
		color:inherit!important;
	}

	body main form .group {
		gap:16px;
	}

	body main form .group > div[title][name]:not([type="checkbox"]) {
		width:min(100%,420px);
	}

	body main form div[title][name] > label,
	body main label.lidly-settings-field {
		color:var(--lidly-ui-text);
		font-size:14px;
		font-weight:650;
		letter-spacing:-0.01em;
	}

	body main :is(
		input[type="text"],
		input[type="email"],
		input[type="password"],
		input[type="search"],
		input[type="tel"],
		input[type="url"],
		input[type="number"],
		input[type="date"],
		input[type="time"],
		input[type="file"],
		select,
		textarea
	) {
		display:block;
		box-sizing:border-box;
		width:100%;
		max-width:100%;
		min-height:50px;
		padding:11px 14px;
		border:1px solid var(--lidly-ui-line)!important;
		border-radius:var(--lidly-ui-control-radius);
		background:var(--lidly-ui-surface-soft)!important;
		box-shadow:inset 0 1px 0 rgba(255,255,255,0.75);
		color:var(--lidly-ui-text);
		font-family:inherit;
		font-size:16px;
		line-height:1.25;
	}

	body main textarea {
		min-height:118px;
		resize:vertical;
	}

	body main input[type="file"] {
		padding:8px;
	}

	body main input[type="file"]::file-selector-button,
	body main input[type="file"]::-webkit-file-upload-button {
		margin-right:10px;
		padding:8px 12px;
		border:0;
		border-radius:9px;
		background:var(--lidly-ui-primary);
		color:var(--lidly-ui-primary-contrast);
		font:inherit;
		font-weight:700;
		cursor:pointer;
	}

	body main select {
		padding-right:38px;
	}

	body main :is(
		input[type="text"],
		input[type="email"],
		input[type="password"],
		input[type="search"],
		input[type="tel"],
		input[type="url"],
		input[type="number"],
		input[type="date"],
		input[type="time"],
		input[type="file"],
		select,
		textarea
	):focus {
		border-color:var(--lidly-ui-accent)!important;
		box-shadow:0 0 0 3px color-mix(in srgb, var(--lidly-ui-accent) 24%, transparent);
		outline:0;
	}

	body main input[type="color"] {
		width:48px;
		height:48px;
		padding:4px;
		border:1px solid var(--lidly-ui-line);
		border-radius:12px;
		background:var(--lidly-ui-surface);
	}

	body main input[type="checkbox"],
	body main input[type="radio"] {
		appearance:none;
		-webkit-appearance:none;
		box-sizing:border-box;
		width:24px;
		height:24px;
		min-width:24px;
		margin:0;
		border:2px solid var(--lidly-ui-accent);
		background-color:var(--lidly-ui-surface);
		background-position:center;
		background-repeat:no-repeat;
		background-size:16px 16px;
		box-shadow:none;
		cursor:pointer;
		vertical-align:middle;
		transition:background-color 0.14s ease,border-color 0.14s ease,box-shadow 0.14s ease,transform 0.14s ease;
	}

	body main input[type="checkbox"] {
		border-radius:7px;
	}

	body main input[type="checkbox"]:checked {
		border-color:var(--lidly-ui-accent);
		background-color:var(--lidly-ui-accent);
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4 9.2l3.1 3.1L14.2 5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	body main input[type="radio"] {
		border-radius:50%;
	}

	body main input[type="radio"]:checked {
		border-color:var(--lidly-ui-accent);
		background-image:radial-gradient(circle,var(--lidly-ui-accent) 0 42%,transparent 46%);
	}

	body main input:is([type="checkbox"],[type="radio"]):focus-visible {
		box-shadow:0 0 0 4px color-mix(in srgb, var(--lidly-ui-accent) 23%, transparent);
		outline:0;
	}

	body main input:is([type="checkbox"],[type="radio"]):active {
		transform:scale(0.92);
	}

	body main input:is([type="checkbox"],[type="radio"]):disabled {
		cursor:default;
		opacity:0.72;
	}

	body main label:has(> input[type="checkbox"]),
	body main label:has(> input[type="radio"]),
	body main div[type="checkbox"] > label {
		display:flex;
		align-items:center;
		gap:10px;
		padding:0;
		border:0;
		border-radius:0;
		background:transparent;
		color:var(--lidly-ui-text);
		font-size:16px;
		font-weight:560;
		line-height:1.3;
	}

	body main .login-remember-toggle__input {
		position:static;
		width:24px;
		height:24px;
		flex:0 0 24px;
		opacity:1;
		pointer-events:auto;
	}

	body main .login-remember-toggle__control {
		display:none;
	}

	body main .login-remember-toggle {
		min-height:44px;
		justify-content:flex-start;
	}

	body main .lidly-table-wrap {
		box-sizing:border-box;
		width:100%;
		max-width:100%;
		margin-inline:0;
		padding:24px!important;
	}

	body main .lidly-table-toolbar {
		align-items:end;
		gap:12px;
	}

	body main .lidly-table-toolbar-field :is(input,select) {
		min-height:44px;
		background:var(--lidly-ui-surface-soft)!important;
	}

	body main .lidly-table-scroll {
		box-sizing:border-box;
		max-width:100%;
		contain:inline-size;
		overflow-x:auto;
		overflow-y:hidden;
		border:1px solid var(--lidly-ui-line);
		border-radius:17px;
		background:var(--lidly-ui-surface);
	}

	body main .lidly-table-scroll > table {
		margin:0;
	}

	body main :is(.lidly-table,.table-facturen) {
		border-collapse:separate;
		border-spacing:0;
		background:var(--lidly-ui-surface);
	}

	body main :is(.lidly-table,.table-facturen) th {
		background:color-mix(in srgb, var(--lidly-ui-primary) 5%, var(--lidly-ui-surface));
		color:var(--lidly-ui-primary);
		font-size:14px;
		font-weight:740;
	}

	body main :is(.lidly-table,.table-facturen) :is(th,td) {
		padding:12px 13px;
		border-bottom:1px solid var(--lidly-ui-line);
	}

	body main :is(.lidly-table,.table-facturen) tbody tr:last-child td {
		border-bottom:0;
	}

	body main :is(.lidly-table,.table-facturen) tbody tr:hover td {
		border-radius:0;
		background:color-mix(in srgb, var(--lidly-ui-accent) 6%, var(--lidly-ui-surface));
	}

	body main :is(.lidly-table,.table-facturen) tbody tr:hover td:first-child {
		border-radius:15px 0 0 15px;
	}

	body main :is(.lidly-table,.table-facturen) tbody tr:hover td:last-child {
		border-radius:0 15px 15px 0;
	}

	body main :is(.lidly-table,.table-facturen) tbody tr:hover td:only-child {
		border-radius:15px;
	}

	body main :is(.lidly-table,.table-facturen) tr:has(input[type="checkbox"]:checked) td {
		background:var(--lidly-ui-accent-soft)!important;
	}

	body main p.important {
		box-sizing:border-box;
		padding:12px 15px;
		border:0;
		border-radius:15px;
		background:color-mix(in srgb, var(--yellow,#f8d548) 38%, white);
		color:color-mix(in srgb, var(--yellow,#f8d548) 20%, #3b3826);
	}

	body main dialog.leden-toevoegen-dialog,
	body main dialog.lidly-tooltip-dialog {
		color:var(--lidly-ui-text);
	}

	body main dialog::backdrop {
		background:rgba(31,31,45,0.36);
		backdrop-filter:blur(4px);
	}

	body main .dashboard-icons {
		display:grid;
		grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
		gap:16px;
	}

	body main .dashboard-icons .button {
		min-height:112px;
		align-items:flex-start;
		justify-content:flex-end;
		padding:20px;
		border:0;
		border-radius:22px;
		background:color-mix(in srgb, var(--lidly-ui-primary) 92%, white);
		box-shadow:var(--lidly-ui-shadow);
		color:var(--lidly-ui-primary-contrast);
		font-size:18px;
	}

	body main .dashboard-icons .button:nth-child(4n + 2) {
		background:var(--lidly-ui-accent);
		color:#17345a;
	}

	body main .dashboard-icons .button:nth-child(4n + 3) {
		background:color-mix(in srgb, var(--green,#9fbc6a) 86%, white);
		color:#2f481e;
	}

	body main .dashboard-icons .button > * {
		color:inherit!important;
	}

	body main .lidly-settings-page {
		--lidly-settings-surface:var(--lidly-ui-surface);
		--lidly-settings-surface-solid:var(--lidly-ui-surface);
		--lidly-settings-surface-muted:var(--lidly-ui-surface-soft);
		--lidly-settings-text:var(--lidly-ui-text);
		--lidly-settings-muted:var(--lidly-ui-muted);
		--lidly-settings-line:var(--lidly-ui-line);
		--lidly-settings-shadow:var(--lidly-ui-shadow);
		--lidly-settings-radius:var(--lidly-ui-radius);
	}

	body main .lidly-settings-page-title {
		margin-bottom:30px;
		font-size:clamp(42px,5vw,68px);
		line-height:0.98;
		letter-spacing:-0.04em;
		text-transform:none;
	}

	body main :is(.lidly-settings-card,.lidly-settings-sidebar,.lidly-settings-detail-content > table,.lidly-settings-detail-content > form:not(.lidly-settings-general-form),.lidly-settings-properties) {
		border:0;
		border-radius:var(--lidly-ui-radius);
		background:var(--lidly-ui-surface);
		box-shadow:var(--lidly-ui-shadow);
		backdrop-filter:none;
	}

	body main .lidly-settings-card-icon {
		border-radius:13px;
		background:color-mix(in srgb, var(--lidly-ui-primary) 11%, white);
		color:var(--lidly-ui-primary);
	}

	body main .lidly-settings-action-bar {
		border:0;
		border-radius:18px;
		background:rgba(255,255,255,0.94);
		box-shadow:0 10px 32px rgba(35,35,67,0.10);
	}

	body main .lidly-settings-field :is(input,select,textarea) {
		min-height:50px;
		border-color:var(--lidly-ui-line)!important;
		border-radius:var(--lidly-ui-control-radius);
		background:var(--lidly-ui-surface-soft)!important;
	}

	body:has(.lidly-invoice-document) {
		background-color:var(--lidly-ui-background);
	}

	body:has(.lidly-invoice-document) main {
		background:transparent;
	}

	body main .lidly-payment-choice {
		box-sizing:border-box;
		max-width:860px;
		padding:8px 0 0;
		background:transparent;
	}

	body main .lidly-payment-choice > h1 {
		margin-bottom:18px;
		font-size:clamp(38px,5vw,58px)!important;
		font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
		font-weight:780;
		letter-spacing:-0.04em;
	}

	body main .lidly-payment-options {
		gap:14px;
		margin-top:24px;
	}

	body main .lidly-payment-option {
		border:0;
		border-radius:var(--lidly-ui-radius);
		background:var(--lidly-ui-surface);
		box-shadow:var(--lidly-ui-shadow);
	}

	body main .lidly-payment-option > summary {
		padding:20px 22px;
	}

	body main .lidly-payment-option[open] > summary {
		border-bottom:1px solid var(--lidly-ui-line);
	}

	body main .lidly-payment-option-title {
		color:var(--lidly-ui-primary);
		font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
		font-size:24px;
		font-weight:760;
		letter-spacing:-0.025em;
		line-height:1.1;
	}

	body main .lidly-payment-option-content {
		padding:0 22px 22px;
	}

	body main .lidly-family-invoice-selection {
		display:flex;
		width:100%;
		max-width:100%;
		flex-direction:column;
		margin:18px 0 20px;
		padding:0;
		border:0;
	}

	body main .lidly-family-invoice-selection legend {
		margin:0 0 5px;
		padding:0;
		color:var(--lidly-ui-primary);
		font-size:18px;
		font-weight:750;
	}

	body main .lidly-family-invoice-selection > p:not(.lidly-family-invoice-total) {
		margin:0 0 14px;
		font-size:14px;
	}

	body main .lidly-family-invoice-selection > label {
		display:grid;
		float:none!important;
		clear:both;
		width:100%;
		max-width:100%;
		grid-template-columns:24px minmax(0,1fr) 8.5rem;
		align-items:center;
		gap:13px;
		box-sizing:border-box;
		margin:0;
		padding:14px 12px;
		border-top:1px solid var(--lidly-ui-line);
		border-radius:0;
		background:transparent;
		cursor:pointer;
	}

	body main .lidly-family-invoice-selection > label > input[type="checkbox"] {
		appearance:none!important;
		-webkit-appearance:none!important;
		background-image:none;
		color:transparent;
		font-size:0;
		text-shadow:none;
	}

	body main .lidly-family-invoice-selection > label > input[type="checkbox"]:checked {
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.5 7.2 12 13.5 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	body main .lidly-family-invoice-selection > label:has(input:checked) {
		margin:0;
		border-top-color:transparent;
		border-radius:16px;
		background:var(--lidly-ui-accent-soft);
	}

	body main .lidly-family-invoice-copy {
		display:flex;
		min-width:0;
		flex-direction:column;
		gap:2px;
	}

	body main .lidly-family-invoice-member {
		color:var(--lidly-ui-primary);
		font-size:16px;
		font-weight:730;
		line-height:1.2;
	}

	body main .lidly-family-invoice-meta {
		min-width:0;
		color:var(--lidly-ui-muted);
		font-size:13px;
		font-weight:480;
		line-height:1.3;
		overflow-wrap:anywhere;
	}

	body main .lidly-family-invoice-amount {
		box-sizing:border-box;
		width:8.5rem;
		color:var(--lidly-ui-primary);
		font-size:16px;
		font-variant-numeric:tabular-nums;
		font-weight:750;
		justify-self:stretch;
		line-height:1.2;
		text-align:right;
		white-space:nowrap;
	}

	body main .lidly-family-invoice-total {
		display:flex;
		align-items:baseline;
		justify-content:space-between;
		gap:18px;
		margin:0;
		padding:18px 12px 4px;
		border-top:1px solid var(--lidly-ui-line);
		color:var(--lidly-ui-muted);
	}

	body main .lidly-family-invoice-total strong {
		color:var(--lidly-ui-primary);
		font-size:clamp(26px,4vw,38px);
		font-weight:780;
		line-height:1;
	}

	body main .lidly-payment-option form > .group:last-child {
		display:block;
	}

	body main .lidly-payment-option form > .group:last-child .button {
		width:100%;
		min-height:50px;
	}

	body main .paper {
		border-radius:var(--lidly-ui-radius);
		box-shadow:var(--lidly-ui-shadow);
	}

	body main .account-avatar-preview {
		--lidly-account-avatar-size:min(240px, calc(100vw - 76px));
		position:relative;
		width:var(--lidly-account-avatar-size)!important;
		height:var(--lidly-account-avatar-size)!important;
		min-width:var(--lidly-account-avatar-size)!important;
		min-height:var(--lidly-account-avatar-size)!important;
		max-width:var(--lidly-account-avatar-size)!important;
		max-height:var(--lidly-account-avatar-size)!important;
		aspect-ratio:1 / 1!important;
		overflow:hidden;
		border-radius:50%!important;
	}

	body main .account-avatar-preview img {
		position:absolute;
		inset:0;
		display:block;
		width:100%!important;
		height:100%!important;
		min-width:100%!important;
		min-height:100%!important;
		max-width:none!important;
		max-height:none!important;
		border-radius:0;
		object-fit:cover!important;
		object-position:center!important;
	}

	@media only screen and (max-width:820px) {
		body main {
			box-sizing:border-box;
			padding:22px 16px 42px!important;
		}

		body main > table {
			display:block;
			width:100%;
			max-width:100%;
			margin-inline:0;
			overflow-x:auto;
			overflow-y:hidden;
			-webkit-overflow-scrolling:touch;
		}

		body:has(.ledenportaal-nav) main {
			padding-bottom:122px!important;
		}

		body main h1 {
			font-size:clamp(38px,12vw,54px);
		}

		body main h2 {
			font-size:clamp(26px,8vw,36px);
		}

		body main .card {
			padding:22px;
			border-radius:22px;
		}

		body main .portal-wrapper {
			padding-block:10px 28px;
		}

		body main form .group {
			display:grid;
			grid-template-columns:1fr;
		}

		body main form .group > div[title][name] {
			width:100%!important;
		}

		body main .dashboard-icons {
			grid-template-columns:repeat(2,minmax(0,1fr));
		}

		body main .dashboard-icons .button {
			min-height:102px;
			padding:16px;
			font-size:16px;
		}

		body main .lidly-table-wrap {
			max-width:100%;
			padding:16px!important;
			border-radius:22px;
		}

		body main .lidly-table-toolbar {
			display:grid!important;
			grid-template-columns:1fr;
		}

		body main .lidly-table-toolbar-field,
		body main .lidly-table-toolbar-field > div {
			width:100%;
		}

		body main .lidly-settings-page-title {
			font-size:44px;
		}

		body main .lidly-settings-card {
			border-radius:22px;
		}

		body main .lidly-payment-choice {
			padding-top:0;
		}

		body main .lidly-payment-option {
			border-radius:22px;
		}

		body main .lidly-payment-option > summary,
		body main .lidly-payment-option-content {
			padding-right:18px;
			padding-left:18px;
		}

		body main .lidly-family-invoice-selection > label {
			grid-template-columns:24px minmax(0,1fr) 7.5rem;
			gap:10px;
			padding:13px 9px;
		}

		body main .lidly-family-invoice-member,
		body main .lidly-family-invoice-amount {
			font-size:15px;
		}

		body main .lidly-family-invoice-amount {
			width:7.5rem;
		}

		body main .lidly-family-invoice-meta {
			font-size:12px;
		}

		body main .paper {
			border-radius:22px;
		}
	}

	@media only screen and (max-width:440px) {
		body main {
			padding-right:12px!important;
			padding-left:12px!important;
		}

		body main .card {
			padding:19px;
		}

		body main .dashboard-icons {
			gap:12px;
		}

		body main .lidly-family-invoice-selection > label {
			grid-template-columns:24px minmax(0,1fr) 7rem;
		}

		body main .lidly-family-invoice-amount {
			width:7rem;
		}
	}

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