.bngc-account-tool {
	box-sizing: border-box;
}

.bngc-account-tool *,
.bngc-account-tool *::before,
.bngc-account-tool *::after {
	box-sizing: border-box;
}

.bngc-account-save {
	width: min(1120px, 100%);
	max-width: 100%;
	margin: 20px auto;
	padding: 18px;
	border: 1px solid #d8e0ee;
	border-radius: 16px;
	background: linear-gradient(165deg, #f9fbff 0%, #eef3fb 100%);
	color: #112033;
	box-shadow: 0 12px 30px rgba(16, 39, 71, 0.12);
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	line-height: 1.55;
}

.bngc-account-save p {
	margin: 0 0 12px;
}

.bngc-account-save__eyebrow {
	margin-bottom: 6px !important;
	color: #0043ce;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.bngc-save-result,
.bngc-account-button,
.bngc-dashboard-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin: 4px 8px 4px 0;
	padding: 10px 14px;
	border: 1px solid #0f62fe;
	border-radius: 10px;
	background: #0f62fe;
	color: #fff !important;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
}

.bngc-save-result:hover,
.bngc-account-button:hover,
.bngc-dashboard-link:hover {
	border-color: #0043ce;
	background: #0043ce;
	color: #fff !important;
}

.bngc-save-result:disabled {
	border-color: #9badc9;
	background: #9badc9;
	cursor: not-allowed;
}

.bngc-account-button--secondary,
.bngc-dashboard-link {
	background: #fff;
	color: #0f62fe !important;
}

.bngc-account-button--secondary:hover,
.bngc-dashboard-link:hover {
	background: #edf4ff;
	color: #0043ce !important;
}

.bngc-save-status {
	margin-top: 10px !important;
	color: #42566f;
	font-size: 14px;
}

@media (max-width: 640px) {
	.bngc-account-save {
		padding: 16px;
		font-size: 15px;
	}

	.bngc-save-result,
	.bngc-account-button,
	.bngc-dashboard-link {
		width: 100%;
		margin-right: 0;
	}
}

/* SSA dark-neon hard stop for account widgets. */
.bngc-account-tool.bngc-account-tool,
.bngc-account-save.bngc-account-save,
.bngc-account-tool.bngc-account-tool :is([class*="card"], [class*="panel"], [class*="box"], [class*="item"], [class*="result"], [class*="summary"], [class*="controls"], [class*="message"], table, tr, td, th, fieldset, label),
.bngc-account-save.bngc-account-save :is([class*="card"], [class*="panel"], [class*="box"], [class*="item"], [class*="result"], [class*="summary"], [class*="controls"], [class*="message"], table, tr, td, th, fieldset, label) {
	background: linear-gradient(135deg, rgba(5, 14, 24, 0.98), rgba(8, 26, 40, 0.96)) !important;
	border-color: rgba(45, 211, 218, 0.56) !important;
	color: #f4fbff !important;
}

.bngc-account-tool.bngc-account-tool :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea),
.bngc-account-save.bngc-account-save :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
	background: rgba(3, 10, 18, 0.98) !important;
	border-color: rgba(45, 211, 218, 0.56) !important;
	color: #f4fbff !important;
	-webkit-text-fill-color: #f4fbff !important;
}

.bngc-account-tool.bngc-account-tool :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn),
.bngc-account-save.bngc-account-save :is(button, .button, .btn, [role="button"], input[type="button"], input[type="submit"], a.button, a.btn) {
	background: linear-gradient(135deg, #33f7ff, #21c6d3 55%, #1498ff) !important;
	border-color: rgba(84, 245, 255, 0.82) !important;
	color: #021018 !important;
	-webkit-text-fill-color: #021018 !important;
}

/* SSA dark-neon alignment for account/save result panels. */
.bngc-account-save {
	border-color: rgba(45, 212, 191, 0.42) !important;
	background:
		radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.14), transparent 34%),
		linear-gradient(145deg, rgba(8, 18, 34, 0.98), rgba(3, 8, 18, 0.98)) !important;
	color: #dbeafe !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
	color-scheme: dark;
}

.bngc-account-save :where(p, span, div, small) {
	color: #dbeafe !important;
}

.bngc-account-save__eyebrow,
.bngc-account-save :where(strong, b) {
	color: #ffffff !important;
	text-shadow: 0 0 16px rgba(56, 189, 248, 0.24);
}

.bngc-save-result,
.bngc-account-button,
.bngc-dashboard-link {
	border-color: rgba(45, 212, 191, 0.72) !important;
	background: linear-gradient(135deg, #2dd4bf, #38bdf8) !important;
	color: #031018 !important;
	box-shadow: 0 10px 24px rgba(34, 211, 238, 0.20) !important;
}

.bngc-save-result:hover,
.bngc-account-button:hover,
.bngc-dashboard-link:hover {
	border-color: rgba(142, 234, 255, 0.86) !important;
	background: linear-gradient(135deg, #5eead4, #7dd3fc) !important;
	color: #031018 !important;
}

.bngc-account-button--secondary,
.bngc-dashboard-link {
	background: rgba(2, 6, 23, 0.72) !important;
	color: #eaf8ff !important;
}

.bngc-save-result:disabled {
	border-color: rgba(148, 163, 184, 0.34) !important;
	background: rgba(51, 65, 85, 0.72) !important;
	color: rgba(226, 232, 240, 0.78) !important;
}

.bngc-save-status {
	color: #dbeafe !important;
}

@media (max-width: 640px) {
	.bngc-account-save {
		width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
		margin-right: auto !important;
		overflow-x: hidden !important;
	}

	.bngc-account-save,
	.bngc-account-save * {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
	}
}