/* ROI dark theme: green flowing background + frosted content (shared with disclaimer_wwts) */

/* Green flowing background (muted greens, wave-like depth) – on ::before so body has no filter/transform and modal/backdrop stay viewport-fixed */
body {
	min-height: 100vh;
	margin: 0;
	color: #fff;
}
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(ellipse 90% 60% at 20% 10%, rgba(134, 179, 120, 0.35), transparent 50%),
		radial-gradient(ellipse 80% 50% at 85% 30%, rgba(94, 140, 90, 0.3), transparent 50%),
		radial-gradient(ellipse 70% 80% at 10% 85%, rgba(60, 110, 70, 0.28), transparent 50%),
		radial-gradient(ellipse 60% 40% at 70% 70%, rgba(120, 160, 100, 0.2), transparent 45%),
		linear-gradient(165deg, #1a2e1a 0%, #0f1f14 25%, #152a18 50%, #0d1810 75%, #1a2e1a 100%);
	background-size: 100% 100%, 120% 120%, 110% 110%, 100% 100%, 100% 100%;
	background-position: 0 0, 0% 0%, 0% 0%, 0% 0%, 0 0;
	animation: wwtsGreenFlow 22s ease-in-out infinite alternate;
}

@keyframes wwtsGreenFlow {
	0% { background-position: 0 0, 0% 0%, 0% 0%, 0% 0%, 0 0; filter: saturate(1.05); }
	50% { background-position: 2% 3%, -5% -2%, 3% -1%, -2% 2%, 0 0; filter: saturate(1.2); }
	100% { background-position: -2% -1%, 3% 2%, -1% 2%, 2% -1%, 0 0; filter: saturate(1.1); }
}

/*
 * Chromium / Edge / WebKit: animated multi-layer gradients + backdrop-filter + full-viewport
 * canvas often cause scroll jank and a shimmering "white curtain". Firefox is less affected.
 * Disable the heaviest effects here so all pages using this stylesheet stay smooth.
 */
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
	body::before {
		animation: none !important;
	}
	body {
		animation: none !important;
	}
	#wwts-constellation {
		display: none !important;
	}
	.disclaimer-shell {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		background: rgba(20, 40, 24, 0.88);
	}
}

/* Constellation / network overlay (canvas is drawn by roi-constellation.js) */
#wwts-constellation {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	opacity: 0.5;
}

/* Content above background */
body .disclaimer-root {
	position: relative;
	z-index: 1;
	padding: 0 2rem;
}

/* Announcement-style frosted box (like the reference) */
.disclaimer-shell {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 1rem;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
	padding: 2rem 2.5rem 2rem 2.5rem;
	margin: 3rem auto 4rem auto;
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
	isolation: isolate;
}

.disclaimer-shell,
.disclaimer-shell * {
	color: #fff !important;
}
.disclaimer-shell .text-muted { color: rgba(255,255,255,0.85) !important; }
.disclaimer-shell a {
	color: rgba(255,255,255,0.95) !important;
	text-decoration: underline;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.disclaimer-shell a:hover { color: #fff !important; }
.disclaimer-shell h1, .disclaimer-shell h2, .disclaimer-shell h3,
.disclaimer-shell span, .disclaimer-shell p, .disclaimer-shell label,
.disclaimer-shell td { text-shadow: 1px 1px 4px rgba(0,0,0,0.3); }
.disclaimer-shell .alert-warning {
	background: rgba(255,193,7,0.2);
	border-color: rgba(255,255,255,0.3);
	color: #fff;
}
/* Validation error messages: clear border and text for readability */
.disclaimer-shell .help-block.with-errors,
.disclaimer-shell .invalid-feedback,
.disclaimer-shell .custom-invalid-feedback {
	color: #fff !important;
	border-left: 3px solid #e85d5d !important;
	background: rgba(180, 60, 60, 0.25) !important;
	padding: 0.35rem 0.5rem !important;
	margin-top: 0.25rem !important;
	border-radius: 0 0.25rem 0.25rem 0 !important;
	font-size: 0.875em !important;
}
/* Keep validator feedback visible in dark-theme form rows */
.disclaimer-shell .has-error .help-block.with-errors,
.disclaimer-shell.was-validated .has-error .help-block.with-errors {
	display: block !important;
	color: #ffe7e7 !important;
	background: rgba(180, 60, 60, 0.45) !important;
}
.disclaimer-shell .has-error .help-block.with-errors ul {
	margin: 0 !important;
	padding-left: 1rem !important;
}
/* Invalid input border: clearer on dark theme */
.disclaimer-shell .form-control.custom-is-invalid,
.disclaimer-shell .form-control.is-invalid,
.disclaimer-shell .has-error .form-control,
.disclaimer-shell input.custom-is-invalid,
.disclaimer-shell input.is-invalid {
	border-color: #e85d5d !important;
	box-shadow: 0 0 0 0.2rem rgba(232, 93, 93, 0.35) !important;
}
.disclaimer-shell .select2-container--open .select2-selection.custom-is-invalid,
.disclaimer-shell .has-error .select2-container .select2-selection--single,
.disclaimer-shell .has-error .select2-container .select2-selection--multiple {
	border-color: #e85d5d !important;
}
/* Override Bootstrap default .card { border: 1px solid rgba(0,0,0,.125); } on themed pages */
.disclaimer-shell .card {
	border: unset !important;
}
/* Section headers: earth-tan / earth-brown (wwst reference) */
.disclaimer-shell .card-header.section-title,
.disclaimer-shell .card-header.section-title.labelTxt {
	background: #b8986e !important;  /* earth-tan-300 */
	color: #3d2e24 !important;      /* earth-brown-700 */
	border-color: rgba(61, 46, 36, 0.25) !important;
	text-shadow: none;
}
/* Card body: light frosted tint; lower alpha = more of the page background shows through */
.disclaimer-shell .card-body {
	background: rgba(22, 42, 28, 0.7) !important;
	border-color: rgba(255, 255, 255, 0.18) !important;
}
/* Input fields: dark green tint (matches page gradient), strong contrast for white text */
.disclaimer-shell .form-control,
.disclaimer-shell input[type="text"],
.disclaimer-shell input[type="email"],
.disclaimer-shell input[type="password"],
.disclaimer-shell input[type="number"],
.disclaimer-shell textarea,
.disclaimer-shell select {
	background: rgba(18, 38, 24, 0.65) !important;
	color: #fff !important;
	border: 1px solid rgba(134, 179, 120, 0.4) !important;
}
.disclaimer-shell .form-control::placeholder,
.disclaimer-shell input::placeholder,
.disclaimer-shell textarea::placeholder {
	color: rgba(255, 255, 255, 0.55) !important;
}
.disclaimer-shell .form-control:-ms-input-placeholder,
.disclaimer-shell input:-ms-input-placeholder,
.disclaimer-shell textarea:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.55) !important;
}
.disclaimer-shell .form-control:focus,
.disclaimer-shell input:focus,
.disclaimer-shell textarea:focus,
.disclaimer-shell select:focus {
	background: rgba(22, 48, 30, 0.75) !important;
	border-color: rgba(134, 179, 120, 0.65) !important;
	color: #fff !important;
	box-shadow: 0 0 0 0.2rem rgba(134, 179, 120, 0.25) !important;
	outline: 0 !important;
}
.disclaimer-shell .otp-input {
	background: rgba(18, 38, 24, 0.65) !important;
	color: #fff !important;
	border: 1px solid rgba(134, 179, 120, 0.4) !important;
}
.disclaimer-shell .otp-input:focus {
	background: rgba(22, 48, 30, 0.75) !important;
	border-color: rgba(134, 179, 120, 0.65) !important;
	box-shadow: 0 0 0 0.2rem rgba(134, 179, 120, 0.25) !important;
}
/* Select2: match input field styling (dark green tint, green border) */
.disclaimer-shell .select2-container .select2-selection--single,
.disclaimer-shell .select2-container .select2-selection--multiple {
	background: rgba(18, 38, 24, 0.65) !important;
	border: 1px solid rgba(134, 179, 120, 0.4) !important;
	color: #fff !important;
}
.disclaimer-shell .select2-container .select2-selection__rendered {
	color: #fff !important;
}
.disclaimer-shell .select2-container .select2-selection__placeholder {
	color: rgba(255, 255, 255, 0.55) !important;
}
.disclaimer-shell .select2-container .select2-selection__arrow b {
	border-color: rgba(255, 255, 255, 0.7) transparent transparent transparent !important;
}
.disclaimer-shell .select2-container--open .select2-selection__arrow b {
	border-color: transparent transparent rgba(255, 255, 255, 0.7) transparent !important;
}
/* Select2 dropdown (rendered at body level when theme is active) */
.select2-dropdown {
	background: rgba(22, 42, 28, 0.98) !important;
	border: 1px solid rgba(134, 179, 120, 0.5) !important;
}
.select2-results__option {
	background: transparent !important;
	color: #fff !important;
}
.select2-results__option--highlighted {
	background: rgba(134, 179, 120, 0.35) !important;
	color: #fff !important;
}
.select2-search--dropdown .select2-search__field {
	background: rgba(18, 38, 24, 0.65) !important;
	border: 1px solid rgba(134, 179, 120, 0.4) !important;
	color: #fff !important;
}
.select2-results__message {
	color: rgba(255, 255, 255, 0.6) !important;
}
/* btn-primary: base (next, send-code) - frosted */
.disclaimer-shell .btn-primary,
.disclaimer-shell #btn-send-code.btn-primary {
	background: rgba(255,255,255,0.25) !important;
	border: 1px solid rgba(255,255,255,0.35) !important;
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.disclaimer-shell .btn-primary:hover,
.disclaimer-shell #btn-send-code.btn-primary:hover {
	background: rgba(255,255,255,0.35) !important;
	border-color: rgba(255,255,255,0.5) !important;
	color: #fff !important;
}
.disclaimer-shell .btn-primary:focus,
.disclaimer-shell .btn-primary:active,
.disclaimer-shell .btn-primary.active,
.disclaimer-shell .btn-primary:active:focus,
.disclaimer-shell .btn-primary.active:focus,
.disclaimer-shell #btn-send-code.btn-primary:focus,
.disclaimer-shell #btn-send-code.btn-primary:active,
.disclaimer-shell #btn-send-code.btn-primary:active:focus {
	background: rgba(255,255,255,0.4) !important;
	border-color: rgba(255,255,255,0.55) !important;
	color: #fff !important;
	box-shadow: 0 0 0 0.2rem rgba(255,255,255,0.25) !important;
	outline: 0 !important;
}
.disclaimer-shell .btn-primary:disabled,
.disclaimer-shell #btn-send-code.btn-primary:disabled {
	background: rgba(255,255,255,0.12) !important;
	border-color: rgba(255,255,255,0.2) !important;
	color: rgba(255,255,255,0.75) !important;
}
/* form.html: 3 distinct button colors by function */
#btn-save {
	background: rgba(100, 140, 110, 0.7) !important;
	border: 1px solid rgba(134, 179, 120, 0.5) !important;
	color: #fff !important;
}
#btn-save:hover, #btn-save:focus, #btn-save:active {
	background: rgba(120, 160, 130, 0.85) !important;
	border-color: rgba(134, 179, 120, 0.65) !important;
	color: #fff !important;
	box-shadow: 0 0 0 0.2rem rgba(134, 179, 120, 0.3) !important;
}
#btn-submit {
	background: #b8986e !important;
	border: 1px solid rgba(61, 46, 36, 0.4) !important;
	color: #3d2e24 !important;
	text-shadow: none;
}
#btn-submit:hover, #btn-submit:focus, #btn-submit:active {
	background: #c4a77d !important;
	border-color: rgba(61, 46, 36, 0.5) !important;
	color: #3d2e24 !important;
	box-shadow: 0 0 0 0.2rem rgba(184, 152, 110, 0.4) !important;
}
#btn-close {
	background: rgba(60, 80, 65, 0.6) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}
#btn-close:hover, #btn-close:focus, #btn-close:active {
	background: rgba(70, 90, 75, 0.75) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.15) !important;
}
/* btn-add: earth-tan for add/row buttons (distinct from submit) */
.disclaimer-shell .btn-add {
	background: #b8986e !important;
	border: 1px solid rgba(61, 46, 36, 0.4) !important;
	color: #3d2e24 !important;
	text-shadow: none;
}
.disclaimer-shell .btn-add:hover {
	background: #c4a77d !important;
	border-color: rgba(61, 46, 36, 0.5) !important;
	color: #3d2e24 !important;
}
.disclaimer-shell .btn-add:focus,
.disclaimer-shell .btn-add:active,
.disclaimer-shell .btn-add.active,
.disclaimer-shell .btn-add:active:focus,
.disclaimer-shell .btn-add.active:focus {
	background: #c4a77d !important;
	border-color: rgba(61, 46, 36, 0.6) !important;
	color: #3d2e24 !important;
	box-shadow: 0 0 0 0.2rem rgba(184, 152, 110, 0.4) !important;
	outline: 0 !important;
}
.disclaimer-shell .btn-add:disabled {
	background: rgba(184, 152, 110, 0.5) !important;
	border-color: rgba(61, 46, 36, 0.3) !important;
	color: rgba(61, 46, 36, 0.7) !important;
}
/* btn-danger: muted terracotta/burnt sienna, theme-appropriate but still reads as danger */
.disclaimer-shell .btn-danger {
	background: #a85c4a !important;
	border: 1px solid rgba(80, 40, 35, 0.5) !important;
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.disclaimer-shell .btn-danger:hover {
	background: #b86a58 !important;
	border-color: rgba(80, 40, 35, 0.6) !important;
	color: #fff !important;
}
.disclaimer-shell .btn-danger:focus,
.disclaimer-shell .btn-danger:active,
.disclaimer-shell .btn-danger.active,
.disclaimer-shell .btn-danger:active:focus,
.disclaimer-shell .btn-danger.active:focus {
	background: #b86a58 !important;
	border-color: rgba(80, 40, 35, 0.7) !important;
	color: #fff !important;
	box-shadow: 0 0 0 0.2rem rgba(168, 92, 74, 0.35) !important;
	outline: 0 !important;
}
.disclaimer-shell .btn-secondary {
	background: rgba(255,255,255,0.2) !important;
	border: 1px solid rgba(255,255,255,0.3) !important;
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.disclaimer-shell .btn-secondary:hover {
	background: rgba(255,255,255,0.35) !important;
	border-color: rgba(255,255,255,0.5) !important;
	color: #fff !important;
}
.disclaimer-shell .btn-secondary:focus,
.disclaimer-shell .btn-secondary:active,
.disclaimer-shell .btn-secondary.active,
.disclaimer-shell .btn-secondary:active:focus,
.disclaimer-shell .btn-secondary.active:focus {
	background: rgba(255,255,255,0.4) !important;
	border-color: rgba(255,255,255,0.55) !important;
	color: #fff !important;
	box-shadow: 0 0 0 0.2rem rgba(255,255,255,0.25) !important;
	outline: 0 !important;
}
.disclaimer-shell .btn-secondary:disabled {
	background: rgba(255,255,255,0.1) !important;
	border-color: rgba(255,255,255,0.2) !important;
	color: rgba(255,255,255,0.7) !important;
}
/* btn-success: (fallback for other pages) */
.disclaimer-shell .btn-success:not(#btn-submit) {
	background: rgba(255,255,255,0.25) !important;
	border: 1px solid rgba(255,255,255,0.35) !important;
	color: #fff !important;
}
.disclaimer-shell .btn-success:not(#btn-submit):hover,
.disclaimer-shell .btn-success:not(#btn-submit):focus,
.disclaimer-shell .btn-success:not(#btn-submit):active {
	background: rgba(255,255,255,0.35) !important;
	border-color: rgba(255,255,255,0.5) !important;
	color: #fff !important;
}
/* btn-default: (fallback for other pages) */
.disclaimer-shell .btn-default:not(#btn-close) {
	background: rgba(255,255,255,0.15) !important;
	border: 1px solid rgba(255,255,255,0.3) !important;
	color: #fff !important;
}
.disclaimer-shell .btn-default:not(#btn-close):hover,
.disclaimer-shell .btn-default:not(#btn-close):focus,
.disclaimer-shell .btn-default:not(#btn-close):active {
	background: rgba(255,255,255,0.25) !important;
	border-color: rgba(255,255,255,0.4) !important;
	color: #fff !important;
}

/* Datetimepicker (form.html): dark theme – widget is appended to body */
.bootstrap-datetimepicker-widget.dropdown-menu {
	background: rgba(22, 42, 28, 0.98) !important;
	border: 1px solid rgba(134, 179, 120, 0.4) !important;
	color: #fff !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
	border-bottom-color: rgba(22, 42, 28, 0.98) !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
	border-top-color: rgba(22, 42, 28, 0.98) !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
	background: rgba(134, 179, 120, 0.25) !important;
	color: #fff !important;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
	color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.cw,
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
	color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
	background: rgba(134, 179, 120, 0.3) !important;
	color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: rgba(134, 179, 120, 0.6) !important;
	border-top-color: rgba(134, 179, 120, 0.3) !important;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background: #b8986e !important;
	color: #3d2e24 !important;
	text-shadow: none !important;
}
.bootstrap-datetimepicker-widget table td.active.today:before {
	border-bottom-color: #3d2e24 !important;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
	color: rgba(255, 255, 255, 0.35) !important;
}
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td i:hover {
	background: rgba(134, 179, 120, 0.3) !important;
	color: #fff !important;
}
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td i.active {
	background: #b8986e !important;
	color: #3d2e24 !important;
	text-shadow: none !important;
}
.bootstrap-datetimepicker-widget table td span.old,
.bootstrap-datetimepicker-widget table td i.old {
	color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td i.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover,
.bootstrap-datetimepicker-widget table td i.disabled:hover {
	color: rgba(255, 255, 255, 0.35) !important;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
	color: rgba(255, 255, 255, 0.35) !important;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
	color: #fff !important;
}
.bootstrap-datetimepicker-widget .btn,
.bootstrap-datetimepicker-widget a[data-action] {
	background: rgba(255, 255, 255, 0.15) !important;
	border-color: rgba(134, 179, 120, 0.4) !important;
	color: #fff !important;
}
.bootstrap-datetimepicker-widget .btn:hover,
.bootstrap-datetimepicker-widget a[data-action]:hover {
	background: rgba(134, 179, 120, 0.3) !important;
	color: #fff !important;
}
.bootstrap-datetimepicker-widget .picker-switch td span,
.bootstrap-datetimepicker-widget .picker-switch td i {
	color: #fff !important;
}
.bootstrap-datetimepicker-widget input,
.bootstrap-datetimepicker-widget .form-control {
	background: rgba(18, 38, 24, 0.8) !important;
	border: 1px solid rgba(134, 179, 120, 0.4) !important;
	color: #fff !important;
}
/* Trigger button (calendar icon) inside form */
.disclaimer-shell .input-group.date .input-group-append,
.disclaimer-shell .input-group.date .input-group-text {
	background: rgba(18, 38, 24, 0.65) !important;
	border: 1px solid rgba(134, 179, 120, 0.4) !important;
	color: #fff !important;
}
.disclaimer-shell .input-group.date .input-group-append:hover,
.disclaimer-shell .input-group.date .input-group-text:hover {
	background: rgba(134, 179, 120, 0.25) !important;
}

/* Bootstrap Dialog / Modal: color only – keep Bootstrap’s default layout, size, and behavior */
/* Ensure backdrop and modal sit above theme (disclaimer-root z-index: 1) and cover viewport */
.modal-backdrop {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 1040 !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
}
.modal {
	z-index: 1050 !important;
}
.bootstrap-dialog .modal-content {
	background: rgba(22, 42, 28, 0.98) !important;
	border: 1px solid rgba(134, 179, 120, 0.4) !important;
	border-radius: 0.5rem !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}
.bootstrap-dialog .modal-header {
	background: #b8986e !important;  /* earth-tan, distinct from body */
	color: #3d2e24 !important;
	border-bottom: 1px solid rgba(61, 46, 36, 0.3) !important;
	border-top-left-radius: 0.5rem !important;
	border-top-right-radius: 0.5rem !important;
}
.bootstrap-dialog .bootstrap-dialog-title {
	color: #3d2e24 !important;
}
.bootstrap-dialog .bootstrap-dialog-message,
.bootstrap-dialog .modal-body,
.bootstrap-dialog .modal-body * {
	color: #fff !important;
}
.bootstrap-dialog .modal-body {
	background: rgba(22, 42, 28, 0.95) !important;  /* darker green, distinct from header */
}
.bootstrap-dialog .modal-footer {
	background: rgba(18, 38, 24, 0.6) !important;
	border-top: 1px solid rgba(134, 179, 120, 0.3) !important;
	border-bottom-left-radius: 0.5rem !important;
	border-bottom-right-radius: 0.5rem !important;
}
.bootstrap-dialog .bootstrap4-dialog-button,
.bootstrap-dialog .modal-footer .btn {
	background: rgba(255, 255, 255, 0.25) !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	color: #fff !important;
}
.bootstrap-dialog .bootstrap4-dialog-button:hover,
.bootstrap-dialog .modal-footer .btn:hover {
	background: rgba(255, 255, 255, 0.35) !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	color: #fff !important;
}
/* Confirm OK button (primary action) - earth-tan */
.bootstrap-dialog #bootstrap-dialog-ok-btn,
.bootstrap-dialog .modal-footer .btn-primary {
	background: #b8986e !important;
	border: 1px solid rgba(61, 46, 36, 0.4) !important;
	color: #3d2e24 !important;
}
.bootstrap-dialog #bootstrap-dialog-ok-btn:hover,
.bootstrap-dialog .modal-footer .btn-primary:hover {
	background: #c4a77d !important;
	border-color: rgba(61, 46, 36, 0.5) !important;
	color: #3d2e24 !important;
}
/* Confirm Cancel button - muted */
.bootstrap-dialog .modal-footer .btn-default,
.bootstrap-dialog .modal-footer .btn-secondary {
	background: rgba(60, 80, 65, 0.6) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}
.bootstrap-dialog .modal-footer .btn-default:hover,
.bootstrap-dialog .modal-footer .btn-secondary:hover {
	background: rgba(70, 90, 75, 0.75) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
	color: rgba(255, 255, 255, 0.9) !important;
	opacity: 0.9;
}
.bootstrap-dialog .bootstrap-dialog-close-button:hover {
	color: #fff !important;
	opacity: 1;
}
.bootstrap-dialog.type-default .modal-header {
	background: #b8986e !important;
}
.bootstrap-dialog.type-default .bootstrap-dialog-title {
	color: #3d2e24 !important;
}
/* Error dialog: muted terracotta header, dark body, readable white text */
.bootstrap-dialog.type-danger .modal-header {
	background: rgba(168, 92, 74, 0.95) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.bootstrap-dialog.type-danger .bootstrap-dialog-title {
	color: #fff !important;
}
.bootstrap-dialog.type-danger .modal-body {
	background: rgba(22, 42, 28, 0.98) !important;
	color: #fff !important;
}
.bootstrap-dialog.type-danger .bootstrap-dialog-message {
	color: #fff !important;
}
/* Info/confirm/primary dialogs: earth-tan header (distinct from body) */
.bootstrap-dialog.type-primary .modal-header,
.bootstrap-dialog.type-info .modal-header {
	background: #b8986e !important;
	border-bottom: 1px solid rgba(61, 46, 36, 0.3) !important;
}
.bootstrap-dialog.type-primary .bootstrap-dialog-title,
.bootstrap-dialog.type-info .bootstrap-dialog-title {
	color: #3d2e24 !important;
}
.bootstrap-dialog.type-success .modal-header {
	background: #b8986e !important;
	border-bottom: 1px solid rgba(61, 46, 36, 0.3) !important;
}
.bootstrap-dialog.type-success .bootstrap-dialog-title {
	color: #3d2e24 !important;
}
.bootstrap-dialog.type-warning .modal-header {
	background: rgba(140, 120, 60, 0.95) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.bootstrap-dialog.type-warning .bootstrap-dialog-title {
	color: #fff !important;
}
/* type-dark: used by gjs.error().message() / gjs.dialog.message() on emailVerification – match primary theme */
.bootstrap-dialog.type-dark .modal-header {
	background: #b8986e !important;
	border-bottom: 1px solid rgba(61, 46, 36, 0.3) !important;
}
.bootstrap-dialog.type-dark .bootstrap-dialog-title {
	color: #3d2e24 !important;
}
.bootstrap-dialog.type-dark .modal-body,
.bootstrap-dialog.type-dark .bootstrap-dialog-message {
	background: rgba(22, 42, 28, 0.95) !important;
	color: #fff !important;
}

@media (max-width: 768px) {
	body .disclaimer-root { padding: 0 1rem; }
	.disclaimer-shell {
		margin: 1.5rem auto 2rem auto;
		border-radius: 0.875rem;
		padding: 1.25rem 1.25rem 1.25rem 1.25rem;
	}
}

 .alpha-paren {
   list-style: none;
   counter-reset: alpha;
   margin: 0;
   padding-left: 0;
 }
 .alpha-paren > li {
   counter-increment: alpha;
   position: relative;
   padding-left: 2.2em;   /* space for (a) */
   margin: 0 0 0.75em 0;
   line-height: 1.5;
 }
 .alpha-paren > li::before {
   content: "(" counter(alpha, lower-alpha) ")";
   position: absolute;
   left: 0;
   top: 0;
 }
 
   .paren-list {
    list-style: none;
    counter-reset: item;
    padding-left: 0;
  }
  .paren-list li {
    counter-increment: item;
    margin: 4px 0;
  }
  .paren-list li::before {
    content: "(" counter(item) ") ";
  }