.ard-panel,
.ard-dashboard {
	box-sizing: border-box;
	max-width: 100%;
}

.ard-panel label,
.ard-profile legend {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35rem;
}

.ard-panel input[type="text"],
.ard-panel input[type="email"],
.ard-panel input[type="password"] {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.ard-button {
	display: inline-block;
	padding: 0.65em 1em;
	text-decoration: none;
	cursor: pointer;
}

.ard-documents {
	display: grid;
	gap: 1rem;
}

.ard-document {
	border: 1px solid currentColor;
	border-radius: 4px;
	padding: 1rem;
}

.ard-document h3 {
	margin-top: 0;
}

.ard-document__categories,
.ard-document time {
	font-size: 0.9em;
	opacity: 0.8;
}

.ard-notice {
	border-left: 4px solid;
	margin: 1rem 0;
	padding: 0.75rem 1rem;
}

.ard-notice--success {
	border-color: #008a20;
}

.ard-notice--error,
.ard-file-missing {
	border-color: #b32d2e;
}

/* Interfaccia semplificata e ad alto contrasto. */
.ard-shell,
.ard-dashboard,
.ard-panel,
.ard-client-portal {
	--ard-primary: #1b2c42;
	--ard-primary-dark: #101b29;
	--ard-ink: #1b2c42;
	--ard-muted: #647087;
	--ard-line: #dfe4ec;
	--ard-soft: #f5f7fb;
	--ard-success: #137a43;
	--ard-danger: #b42318;
	color: var(--ard-ink);
	font-family: "Anek Bangla", sans-serif !important;
	font-size: 17px;
	line-height: 1.55;
}

.ard-shell *,
.ard-dashboard *,
.ard-panel *,
.ard-client-portal * {
	box-sizing: border-box;
	font-family: "Anek Bangla", sans-serif !important;
}

.ard-shell h1,
.ard-shell h2,
.ard-shell h3,
.ard-shell h4,
.ard-shell h5,
.ard-shell h6,
.ard-dashboard h1,
.ard-dashboard h2,
.ard-dashboard h3,
.ard-dashboard h4,
.ard-dashboard h5,
.ard-dashboard h6,
.ard-panel h1,
.ard-panel h2,
.ard-panel h3,
.ard-panel h4,
.ard-panel h5,
.ard-panel h6,
.ard-client-portal h1,
.ard-client-portal h2,
.ard-client-portal h3,
.ard-client-portal h4,
.ard-client-portal h5,
.ard-client-portal h6,
.ard-shell legend,
.ard-dashboard legend,
.ard-panel legend,
.ard-client-portal legend,
.ard-eyebrow {
	font-family: "semplicitaro", "semplicitapro", sans-serif !important;
}

.ard-shell {
	background: var(--ard-soft);
	border: 1px solid var(--ard-line);
	border-radius: 18px;
	left: 50%;
	margin: 74px 0 50px;
	max-width: none;
	overflow: hidden;
	position: relative;
	transform: translateX(-50%);
	width: calc(100vw - 48px);
}

/* Login clienti: compatto prima dell'accesso, senza limitare la dashboard autenticata. */
.ard-login-page .page-header {
	display: none !important;
}

.ard-login {
	border-radius: 18px;
	box-shadow: 0 22px 60px rgba(16, 27, 41, 0.14);
	margin: 74px auto 100px;
	max-width: 520px;
	overflow: hidden;
	padding: 38px;
	width: calc(100% - 32px);
}

.ard-login__header {
	border-bottom: 1px solid var(--ard-line);
	margin: -4px 0 26px;
	padding: 0 0 24px;
	text-align: center;
}

.ard-login__icon {
	align-items: center;
	background: var(--ard-primary);
	border: 8px solid #e8edf2;
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: 58px;
	justify-content: center;
	margin: 0 auto 16px;
	position: relative;
	width: 58px;
}

.ard-login__icon::before {
	border: 3px solid #fff;
	border-radius: 50%;
	content: "";
	height: 11px;
	position: absolute;
	top: 11px;
	width: 11px;
}

.ard-login__icon::after {
	background: #fff;
	border-radius: 3px;
	bottom: 10px;
	content: "";
	height: 15px;
	position: absolute;
	width: 5px;
}

.ard-login__header .ard-eyebrow {
	color: var(--ard-muted);
	display: block;
}

.ard-login__header h2 {
	font-size: 31px;
	letter-spacing: -0.02em;
	margin: 5px 0 7px;
}

.ard-login__header p {
	color: var(--ard-muted);
	font-size: 16px;
	margin: 0;
}

.ard-login > .ard-notice {
	margin: 0 0 20px;
}

.ard-login #loginform,
.ard-login #loginform p {
	margin: 0;
}

.ard-login #loginform > p + p {
	margin-top: 17px;
}

.ard-login #loginform label {
	color: var(--ard-ink);
	display: block;
	font-weight: 750;
	margin-bottom: 6px;
}

.ard-login #loginform .login-remember label {
	align-items: center;
	display: inline-flex;
	font-weight: 600;
	gap: 8px;
	margin: 0;
}

.ard-login #rememberme {
	height: 20px;
	margin: 0;
	width: 20px;
}

.ard-login #wp-submit {
	background: var(--ard-primary) !important;
	border: 2px solid var(--ard-primary) !important;
	border-radius: 9px !important;
	box-shadow: none !important;
	color: #fff !important;
	cursor: pointer;
	font-family: "Anek Bangla", sans-serif !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	min-height: 52px;
	padding: 10px 20px !important;
	text-shadow: none !important;
	width: 100%;
}

.ard-login #wp-submit:hover,
.ard-login #wp-submit:focus {
	background: var(--ard-primary-dark) !important;
	border-color: var(--ard-primary-dark) !important;
}

.ard-login__lost {
	border-top: 1px solid var(--ard-line);
	margin: 24px 0 0;
	padding-top: 20px;
	text-align: center;
}

.ard-login__lost a {
	color: var(--ard-primary) !important;
	font-weight: 750;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.ard-login-footer-space {
	display: none;
}

.ard-manager__hero {
	align-items: center;
	background: linear-gradient(135deg, #101b29 0%, #1b2c42 58%, #304963 100%);
	color: #fff;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	padding: 34px 38px;
}

.ard-manager__hero h1 {
	color: #fff;
	font-size: clamp(28px, 4vw, 42px);
	letter-spacing: -0.025em;
	line-height: 1.1;
	margin: 4px 0 8px;
}

.ard-manager__hero p {
	font-size: 18px;
	margin: 0;
	opacity: 0.9;
}

.ard-eyebrow {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ard-manager__nav {
	background: #fff;
	border-bottom: 1px solid var(--ard-line);
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 12px 24px;
}

.ard-shell .ard-manager__nav-link {
	border-radius: 9px;
	color: var(--ard-ink);
	font-weight: 750;
	min-height: 46px;
	padding: 10px 18px;
	text-decoration: none !important;
	white-space: nowrap;
}

.ard-shell .ard-manager__nav-link:hover,
.ard-shell .ard-manager__nav-link:focus,
.ard-shell .ard-manager__nav-link.is-active {
	background: #e8edf2;
	color: var(--ard-primary-dark);
}

.ard-manager > .ard-panel,
.ard-manager > .ard-manager-grid,
.ard-manager > .ard-stat-grid,
.ard-manager > .ard-notice {
	margin: 24px;
}

.ard-manager-grid {
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(300px, 0.9fr) minmax(340px, 1.1fr);
}

.ard-manager-grid > .ard-panel {
	margin: 0;
}

.ard-panel {
	background: #fff;
	border: 1px solid var(--ard-line);
	border-radius: 14px;
	box-shadow: 0 8px 28px rgba(23, 32, 51, 0.06);
	padding: 26px;
}

.ard-panel h2 {
	font-size: 25px;
	line-height: 1.2;
	margin: 0 0 20px;
}

.ard-panel input[type="text"],
.ard-panel input[type="email"],
.ard-panel input[type="password"],
.ard-panel input[type="date"],
.ard-panel input[type="file"],
.ard-panel textarea,
.ard-panel select {
	background: #fff;
	border: 2px solid #cdd4df;
	border-radius: 9px;
	color: var(--ard-ink);
	font: inherit;
	min-height: 50px;
	padding: 10px 12px;
	width: 100%;
}

.ard-panel textarea {
	min-height: 130px;
	resize: vertical;
}

.ard-panel input:focus,
.ard-panel textarea:focus,
.ard-panel select:focus {
	border-color: var(--ard-primary);
	box-shadow: 0 0 0 3px rgba(36, 71, 216, 0.15);
	outline: 0;
}

.ard-shell .ard-button,
.ard-shell a.ard-button,
.ard-shell button.ard-button,
.ard-shell .ard-mini-button,
.ard-shell a.ard-mini-button,
.ard-dashboard .ard-button,
.ard-panel .ard-button,
.ard-client-portal .ard-button {
	align-items: center;
	background-color: var(--ard-primary) !important;
	background-image: none !important;
	border: 2px solid var(--ard-primary) !important;
	border-radius: 9px;
	color: #fff !important;
	display: inline-flex;
	font-size: 16px;
	font-weight: 800;
	justify-content: center;
	min-height: 50px;
	padding: 10px 20px;
	text-decoration: none !important;
	text-shadow: none !important;
}

.ard-shell .ard-button:hover,
.ard-shell .ard-button:focus,
.ard-shell .ard-mini-button:hover,
.ard-shell .ard-mini-button:focus,
.ard-dashboard .ard-button:hover,
.ard-dashboard .ard-button:focus,
.ard-panel .ard-button:hover,
.ard-panel .ard-button:focus,
.ard-client-portal .ard-button:hover,
.ard-client-portal .ard-button:focus {
	background-color: #fff !important;
	background-image: none !important;
	border-color: var(--ard-primary) !important;
	color: #1b2c42 !important;
	text-shadow: none !important;
}

.ard-shell .ard-button--secondary,
.ard-shell a.ard-button--secondary,
.ard-shell button.ard-button--secondary,
.ard-dashboard .ard-button--secondary,
.ard-panel .ard-button--secondary,
.ard-client-portal .ard-button--secondary {
	background-color: #fff !important;
	border-color: var(--ard-primary) !important;
	color: var(--ard-primary-dark) !important;
}

.ard-shell .ard-button--light,
.ard-shell a.ard-button--light,
.ard-client-portal .ard-button--light {
	background-color: #fff !important;
	border-color: #fff !important;
	color: var(--ard-primary-dark) !important;
}

.ard-modal .ard-button,
.ard-modal button.ard-button,
.ard-modal .ard-button--secondary,
.ard-modal button.ard-button--secondary {
	background-color: var(--ard-primary) !important;
	background-image: none !important;
	border: 2px solid var(--ard-primary) !important;
	color: #fff !important;
	text-shadow: none !important;
}

.ard-modal .ard-button:hover,
.ard-modal .ard-button:focus,
.ard-modal button.ard-button:hover,
.ard-modal button.ard-button:focus,
.ard-modal .ard-button--secondary:hover,
.ard-modal .ard-button--secondary:focus {
	background-color: #fff !important;
	background-image: none !important;
	border-color: var(--ard-primary) !important;
	color: #1b2c42 !important;
	text-shadow: none !important;
}

.ard-shell .ard-mini-button {
	font-size: 14px;
	min-height: 38px;
	padding: 6px 12px;
}

.ard-stat-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, 1fr);
}

.ard-stat-card {
	background: #fff;
	border: 1px solid var(--ard-line);
	border-radius: 14px;
	box-shadow: 0 8px 28px rgba(23, 32, 51, 0.06);
	padding: 24px;
}

.ard-stat-card__number {
	color: var(--ard-primary);
	display: block;
	font-size: 42px;
	font-weight: 850;
	line-height: 1;
}

.ard-stat-card h2 {
	font-size: 18px;
	margin: 12px 0 18px;
}

.ard-shell .ard-stat-card a {
	align-items: center;
	background-color: var(--ard-primary) !important;
	border: 2px solid var(--ard-primary) !important;
	border-radius: 8px;
	color: #fff !important;
	display: inline-flex;
	font-size: 14px;
	font-weight: 800;
	min-height: 42px;
	padding: 7px 14px;
	text-decoration: none !important;
	text-shadow: none !important;
}

.ard-shell .ard-stat-card a:hover,
.ard-shell .ard-stat-card a:focus {
	background-color: var(--ard-primary-dark) !important;
	border-color: var(--ard-primary-dark) !important;
	color: #fff !important;
}

.ard-simple-list {
	border-top: 1px solid var(--ard-line);
}

.ard-simple-list__row {
	align-items: center;
	border-bottom: 1px solid var(--ard-line);
	display: flex;
	gap: 16px;
	justify-content: space-between;
	min-height: 72px;
	padding: 13px 0;
}

.ard-simple-list__row strong,
.ard-simple-list__row small {
	display: block;
}

.ard-simple-list__row small,
.ard-help {
	color: var(--ard-muted);
	font-size: 14px;
}

.ard-row-actions {
	align-items: center;
	display: flex;
	gap: 12px;
}

.ard-row-actions form,
.ard-simple-list__row form {
	margin: 0;
}

.ard-shell .ard-link-danger {
	align-items: center;
	background: #fff !important;
	background-image: none !important;
	border: 2px solid var(--ard-danger) !important;
	border-radius: 9px;
	color: var(--ard-danger) !important;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 750;
	justify-content: center;
	min-height: 38px;
	padding: 6px 12px;
}

.ard-shell .ard-link-danger:hover,
.ard-shell .ard-link-danger:focus {
	background: var(--ard-danger) !important;
	color: #fff !important;
}

.ard-field-grid,
.ard-choice-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ard-choice-group {
	border: 0;
	margin: 22px 0;
	padding: 0;
}

.ard-choice-group legend {
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 12px;
}

.ard-check {
	align-items: center;
	background: var(--ard-soft);
	border: 2px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	display: flex !important;
	gap: 10px;
	margin: 0 !important;
	min-height: 50px;
	padding: 10px 12px;
}

.ard-check:hover {
	border-color: #b9c5ef;
}

.ard-check input {
	flex: 0 0 auto;
	height: 22px;
	width: 22px;
}

.ard-check span,
.ard-check small {
	display: block;
}

.ard-check small {
	color: var(--ard-muted);
	font-size: 13px;
}

.ard-check--featured {
	background: #edf1f4;
	border-color: #c6d0da;
	margin: 20px 0 !important;
	padding: 15px;
}

.ard-notice {
	background: #fff;
	border: 1px solid var(--ard-line);
	border-left: 5px solid var(--ard-primary);
	border-radius: 8px;
	padding: 14px 18px;
}

.ard-notice--success {
	border-left-color: var(--ard-success);
}

.ard-notice--error {
	border-left-color: var(--ard-danger);
}

.ard-guide ol {
	display: grid;
	gap: 12px;
	margin-bottom: 0;
}

/* Area cliente. */
.ard-client-portal {
	background: var(--ard-soft);
	border: 1px solid var(--ard-line);
	border-radius: 20px;
	box-shadow: 0 22px 60px rgba(16, 27, 41, 0.12);
	left: 50%;
	margin: 74px 0 50px;
	overflow: hidden;
	position: relative;
	transform: translateX(-50%);
	width: calc(100vw - 48px);
}

.ard-client-hero {
	align-items: center;
	background: linear-gradient(135deg, #101b29 0%, #1b2c42 62%, #304963 100%);
	color: #fff;
	display: flex;
	gap: 32px;
	justify-content: space-between;
	padding: 38px 42px;
}

.ard-client-identity {
	align-items: center;
	display: flex;
	gap: 22px;
}

.ard-client-avatar {
	align-items: center;
	background: rgba(255, 255, 255, 0.14);
	border: 2px solid rgba(255, 255, 255, 0.55);
	border-radius: 50%;
	display: flex;
	flex: 0 0 78px;
	font-size: 26px;
	font-weight: 850;
	height: 78px;
	justify-content: center;
	letter-spacing: 0.04em;
}

.ard-client-hero h1 {
	color: #fff;
	font-size: clamp(30px, 4vw, 46px);
	letter-spacing: -0.025em;
	line-height: 1.05;
	margin: 5px 0 8px;
}

.ard-client-hero p {
	font-size: 17px;
	margin: 0;
	opacity: 0.85;
}

.ard-client-actions {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: 18px;
}

.ard-client-logout {
	color: #fff !important;
	font-size: 16px;
	font-weight: 800;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

.ard-client-portal > .ard-notice {
	margin: 24px 32px 0;
}

.ard-client-content {
	padding: 32px;
}

.ard-client-documents {
	background: #fff;
	border: 1px solid var(--ard-line);
	border-radius: 16px;
	box-shadow: 0 10px 34px rgba(16, 27, 41, 0.06);
	padding: 30px;
}

.ard-client-section-head {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
}

.ard-client-section-head .ard-eyebrow {
	color: var(--ard-muted);
}

.ard-client-section-head h2 {
	font-size: clamp(27px, 3vw, 36px);
	letter-spacing: -0.02em;
	line-height: 1.1;
	margin: 5px 0 5px;
}

.ard-client-section-head p {
	color: var(--ard-muted);
	margin: 0;
}

.ard-account-dialog input[type="text"],
.ard-account-dialog input[type="email"],
.ard-account-dialog input[type="password"] {
	background: #fff;
	border: 2px solid #cdd4df;
	border-radius: 9px;
	color: var(--ard-ink);
	font: inherit;
	min-height: 50px;
	padding: 10px 12px;
	width: 100%;
}

.ard-account-dialog input:focus {
	border-color: var(--ard-primary);
	box-shadow: 0 0 0 3px rgba(27, 44, 66, 0.14);
	outline: 0;
}

.ard-client-portal .ard-documents {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.ard-client-portal .ard-document {
	background: #fff;
	border: 1px solid var(--ard-line);
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	min-height: 280px;
	overflow: hidden;
	padding: 22px;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ard-document__preview {
	background: #e8edf2;
	border-bottom: 1px solid var(--ard-line);
	height: 190px;
	margin: -22px -22px 20px;
	overflow: hidden;
	position: relative;
}

.ard-document__preview img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 220ms ease;
	width: 100%;
}

.ard-document__preview:hover img {
	transform: scale(1.025);
}

.ard-document__preview iframe {
	background: #fff;
	border: 0;
	height: 250px;
	pointer-events: none;
	width: 100%;
}

.ard-document__preview > a {
	inset: 0;
	position: absolute;
	z-index: 2;
}

.ard-document__preview--pdf > span {
	background: var(--ard-primary);
	border-radius: 7px;
	bottom: 12px;
	color: #fff;
	font-size: 12px;
	font-weight: 850;
	left: 12px;
	letter-spacing: 0.08em;
	padding: 5px 8px;
	position: absolute;
	z-index: 1;
}

.ard-client-portal .ard-document:hover {
	border-color: #b8c2cf;
	box-shadow: 0 14px 34px rgba(16, 27, 41, 0.1);
	transform: translateY(-2px);
}

.ard-document__top {
	align-items: flex-start;
	display: flex;
	gap: 14px;
}

.ard-document__icon,
.ard-empty__icon {
	align-items: center;
	background: #e8edf2;
	border-radius: 10px;
	color: var(--ard-primary);
	display: flex;
	flex: 0 0 46px;
	font-size: 24px;
	font-weight: 900;
	height: 46px;
	justify-content: center;
}

.ard-client-portal .ard-document h3 {
	font-size: 21px;
	line-height: 1.25;
	margin: 0 0 4px;
}

.ard-client-portal .ard-document time {
	color: var(--ard-muted);
	display: block;
	font-size: 14px;
	opacity: 1;
}

.ard-client-portal .ard-document__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 18px 0 0;
	opacity: 1;
}

.ard-document__categories span {
	background: #edf1f4;
	border-radius: 999px;
	color: var(--ard-primary);
	font-size: 12px;
	font-weight: 800;
	padding: 5px 9px;
}

.ard-client-portal .ard-document__description {
	color: var(--ard-muted);
	margin: 18px 0;
}

.ard-document__footer {
	align-items: center;
	border-top: 1px solid var(--ard-line);
	display: flex;
	gap: 14px;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 18px;
}

.ard-document__footer small {
	color: var(--ard-muted);
	max-width: 55%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ard-document__footer .ard-button {
	font-size: 14px;
	min-height: 42px;
	padding: 7px 14px;
}

.ard-document__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.ard-empty {
	align-items: center;
	background: var(--ard-soft);
	border: 1px dashed #b8c2cf;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 24px;
	min-height: 260px;
	padding: 35px;
	text-align: center;
}

.ard-empty__icon {
	border-radius: 50%;
	height: 62px;
	margin-bottom: 16px;
	width: 62px;
}

.ard-empty h3 {
	font-size: 23px;
	margin: 0 0 6px;
}

.ard-empty p {
	color: var(--ard-muted);
	margin: 0;
	max-width: 520px;
}

.ard-account-dialog {
	max-width: 760px;
}

.ard-account-dialog > p {
	color: var(--ard-muted);
	margin: 0 0 22px;
}

.ard-account-form p {
	margin: 0 0 16px;
}

.ard-account-form label {
	display: block;
	font-weight: 750;
	margin-bottom: 6px;
}

.ard-password-fields {
	background: var(--ard-soft);
	border: 1px solid var(--ard-line);
	border-radius: 12px;
	margin: 22px 0;
	padding: 20px;
}

.ard-password-fields legend {
	background: #fff;
	border: 1px solid var(--ard-line);
	border-radius: 8px;
	font-size: 18px;
	font-weight: 850;
	padding: 5px 10px;
}

.ard-password-fields .ard-help {
	margin-bottom: 16px;
}

@media (max-width: 800px) {
	.ard-shell {
		margin-bottom: 40px;
		margin-top: 74px;
		width: calc(100vw - 24px);
	}

	.ard-client-portal {
		margin-bottom: 40px;
		margin-top: 74px;
		width: calc(100vw - 24px);
	}

	.ard-client-hero {
		align-items: flex-start;
		flex-direction: column;
		padding: 30px 24px;
	}

	.ard-client-actions {
		width: 100%;
	}

	.ard-client-content {
		padding: 18px;
	}

	.ard-client-documents {
		padding: 22px;
	}

	.ard-manager-grid,
	.ard-stat-grid {
		grid-template-columns: 1fr;
	}

	.ard-manager__hero {
		align-items: flex-start;
		flex-direction: column;
		padding: 28px 22px;
	}

	.ard-manager > .ard-panel,
	.ard-manager > .ard-manager-grid,
	.ard-manager > .ard-stat-grid,
	.ard-manager > .ard-notice {
		margin: 16px;
	}

	.ard-client-portal .ard-documents,
	.ard-client-portal .ard-document {
		min-width: 0;
	}

	.ard-client-portal .ard-document__preview {
		aspect-ratio: 16 / 10;
		display: block !important;
		flex: 0 0 auto;
		height: auto;
		min-height: 170px;
		width: calc(100% + 44px);
	}

	.ard-client-portal .ard-document__preview img,
	.ard-client-portal .ard-document__preview iframe {
		display: block !important;
		height: 100% !important;
		inset: 0;
		max-width: none;
		min-height: 170px;
		position: absolute;
		visibility: visible !important;
		width: 100% !important;
	}

	.ard-client-portal .ard-document__preview img {
		opacity: 1 !important;
	}

	.ard-client-portal .ard-document__preview--pdf {
		background: #e8edf2;
	}

	.ard-login-footer-space {
		clear: both;
		display: block !important;
		flex: 0 0 50px;
		height: 50px !important;
		min-height: 50px !important;
		width: 100%;
	}

	body.woocommerce-lost-password #content.site-main {
		box-sizing: border-box;
		padding-bottom: 50px !important;
		padding-top: 100px !important;
	}
}

@media (max-width: 560px) {
	.ard-login {
		margin-bottom: 86px;
		margin-top: 74px;
		padding: 28px 22px;
	}

	.ard-login__header h2 {
		font-size: 27px;
	}

	.ard-field-grid,
	.ard-choice-grid {
		grid-template-columns: 1fr;
	}

	.ard-manager__nav {
		padding: 10px 12px;
	}

	.ard-panel {
		padding: 20px;
	}

	.ard-simple-list__row {
		align-items: flex-start;
		flex-direction: column;
	}

	.ard-client-identity {
		align-items: flex-start;
		flex-direction: column;
	}

	.ard-client-avatar {
		flex-basis: 62px;
		height: 62px;
		width: 62px;
	}

	.ard-client-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ard-client-logout {
		padding: 8px 0;
		text-align: center;
	}

	.ard-client-portal .ard-documents {
		grid-template-columns: 1fr;
	}

	.ard-document__footer {
		align-items: stretch;
		flex-direction: column;
	}

	.ard-document__actions,
	.ard-document__actions .ard-button {
		justify-content: center;
		width: 100%;
	}

	.ard-document__footer small {
		max-width: 100%;
	}
}

.ard-modal {
	--ard-primary: #1b2c42;
	--ard-primary-dark: #101b29;
	--ard-ink: #1b2c42;
	--ard-muted: #647087;
	--ard-line: #dfe4ec;
	box-sizing: border-box;
	display: none;
	font-family: "Anek Bangla", sans-serif;
	inset: 0;
	position: fixed;
	z-index: 999999;
}

.ard-modal.is-open {
	align-items: center;
	display: flex;
	height: 100vh;
	height: 100dvh;
	justify-content: center;
	overflow: hidden;
	padding: 24px;
	width: 100vw;
}

.ard-modal__backdrop {
	background: rgba(9, 16, 31, 0.72);
	inset: 0;
	position: absolute;
}

.ard-modal__dialog {
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
	max-height: calc(100vh - 40px);
	max-height: calc(100dvh - 40px);
	max-width: 640px;
	overflow: auto;
	overscroll-behavior: contain;
	padding: 34px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ard-modal__dialog h2 {
	font-size: 30px;
	margin: 10px 0 6px;
}

.ard-modal__close {
	align-items: center;
	background: #eef1f6 !important;
	border: 0 !important;
	border-radius: 50%;
	color: #172033 !important;
	cursor: pointer;
	display: flex;
	font-size: 28px;
	height: 44px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 18px;
	top: 18px;
	width: 44px;
}

.ard-modal__icon {
	align-items: center;
	background: #e8f7ee;
	border-radius: 50%;
	color: #137a43;
	display: flex;
	font-size: 28px;
	font-weight: 900;
	height: 58px;
	justify-content: center;
	width: 58px;
}

.ard-credentials {
	background: #f5f7fb;
	border: 1px solid #dfe4ec;
	border-radius: 12px;
	margin: 24px 0;
	overflow: hidden;
}

.ard-credentials > div {
	border-bottom: 1px solid #dfe4ec;
	display: grid;
	gap: 18px;
	grid-template-columns: 140px 1fr;
	padding: 14px 18px;
}

.ard-credentials > div:last-child {
	border-bottom: 0;
}

.ard-credentials dt {
	color: #647087;
	font-weight: 750;
}

.ard-credentials dd {
	font-weight: 800;
	margin: 0;
	overflow-wrap: anywhere;
}

.ard-credentials code {
	background: #fff;
	border: 1px solid #cdd4df;
	border-radius: 6px;
	color: #172033;
	font-size: 17px;
	padding: 4px 8px;
}

.ard-modal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.ard-copy-source {
	height: 1px;
	left: -9999px;
	position: fixed;
	width: 1px;
}

.ard-copy-status {
	color: #137a43;
	font-weight: 800;
	margin: 12px 0 0;
}

.ard-security-note {
	border-top: 1px solid #dfe4ec;
	color: #647087;
	font-size: 14px;
	margin: 20px 0 0;
	padding-top: 16px;
}

@media (max-width: 560px) {
	.ard-modal.is-open {
		padding: 10px;
	}

	.ard-modal__dialog {
		margin: auto;
		max-height: calc(100vh - 20px);
		max-height: calc(100dvh - 20px);
		padding: 26px 20px;
		-webkit-overflow-scrolling: touch;
	}

	.ard-credentials > div {
		gap: 4px;
		grid-template-columns: 1fr;
	}

	.ard-modal__actions .ard-button {
		width: 100%;
	}
}