@import url('../../default/css/user_editor.css');

.config-content-shell--nexus .ue-container {
	max-width: 100%;
	padding: 0;
}

.config-content-shell--nexus .ue-page-intro {
	margin-bottom: 1.75rem;
	padding: 1.25rem 1.4rem;
	border: 1px solid rgba(198, 210, 224, 0.82);
	border-radius: 1rem;
	background: linear-gradient(180deg, rgba(252, 254, 255, 0.96) 0%, rgba(239, 244, 249, 0.96) 100%);
	box-shadow: 0 12px 28px rgba(103, 126, 153, 0.1);
}

html.dark .config-content-shell--nexus .ue-page-intro {
	border-color: rgba(67, 71, 77, 0.82);
	background: linear-gradient(180deg, rgba(30, 32, 34, 0.96) 0%, rgba(18, 20, 22, 0.98) 100%);
	box-shadow: 0 18px 34px rgba(2, 6, 12, 0.22);
}

.config-content-shell--nexus .ue-subtitle,
.config-content-shell--nexus .ue-copy-muted,
.config-content-shell--nexus .ue-summary-label {
	color: #5f758d;
}

html.dark .config-content-shell--nexus .ue-subtitle,
html.dark .config-content-shell--nexus .ue-copy-muted,
html.dark .config-content-shell--nexus .ue-summary-label {
	color: #95a6ba;
}

.config-content-shell--nexus .ue-card {
	border: 1px solid rgba(198, 210, 224, 0.82);
	border-radius: 1rem;
	background: linear-gradient(180deg, rgba(252, 254, 255, 0.98) 0%, rgba(239, 244, 249, 0.98) 100%);
	box-shadow: 0 16px 34px rgba(103, 126, 153, 0.11);
}

.config-content-shell--nexus .ue-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 20px 38px rgba(103, 126, 153, 0.14);
}

html.dark .config-content-shell--nexus .ue-card {
	border-color: rgba(67, 71, 77, 0.82);
	background: linear-gradient(180deg, rgba(30, 32, 34, 0.98) 0%, rgba(18, 20, 22, 0.98) 100%);
	box-shadow: 0 20px 38px rgba(2, 6, 12, 0.24);
}

.config-content-shell--nexus .ue-card-title,
.config-content-shell--nexus .ue-summary-value,
.config-content-shell--nexus .ue-meta-row span:last-child,
.config-content-shell--nexus .ue-status-title {
	color: #203247;
}

html.dark .config-content-shell--nexus .ue-card-title,
html.dark .config-content-shell--nexus .ue-summary-value,
html.dark .config-content-shell--nexus .ue-meta-row span:last-child,
html.dark .config-content-shell--nexus .ue-status-title {
	color: #f3f7fc;
}

.config-content-shell--nexus .ue-form-grid label,
.config-content-shell--nexus .ue-meta-row span:first-child,
.config-content-shell--nexus .ue-status-desc {
	color: #667b92;
}

html.dark .config-content-shell--nexus .ue-form-grid label,
html.dark .config-content-shell--nexus .ue-meta-row span:first-child,
html.dark .config-content-shell--nexus .ue-status-desc {
	color: #9eb0c5;
}

.config-content-shell--nexus .ue-input,
.config-content-shell--nexus input[type='text'],
.config-content-shell--nexus input[type='email'],
.config-content-shell--nexus input[type='search'],
.config-content-shell--nexus input[type='number'],
.config-content-shell--nexus textarea,
.config-content-shell--nexus select {
	min-height: 3rem;
	border-radius: 0.85rem;
	border-color: rgba(198, 210, 224, 0.9);
	background: rgba(247, 250, 254, 0.98);
	color: #203247;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

html.dark .config-content-shell--nexus .ue-input,
html.dark .config-content-shell--nexus input[type='text'],
html.dark .config-content-shell--nexus input[type='email'],
html.dark .config-content-shell--nexus input[type='search'],
html.dark .config-content-shell--nexus input[type='number'],
html.dark .config-content-shell--nexus textarea,
html.dark .config-content-shell--nexus select {
	border-color: rgba(67, 71, 77, 0.9);
	background: rgba(12, 14, 16, 0.92);
	color: #edf3fb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.config-content-shell--nexus .ue-input:hover,
.config-content-shell--nexus input:hover,
.config-content-shell--nexus textarea:hover,
.config-content-shell--nexus select:hover {
	border-color: rgba(111, 144, 185, 0.88);
	background: rgba(255, 255, 255, 0.99);
}

html.dark .config-content-shell--nexus .ue-input:hover,
html.dark .config-content-shell--nexus input:hover,
html.dark .config-content-shell--nexus textarea:hover,
html.dark .config-content-shell--nexus select:hover {
	border-color: rgba(142, 180, 223, 0.76);
	background: rgba(20, 28, 39, 0.96);
}

.config-content-shell--nexus .ue-input:focus,
.config-content-shell--nexus input:focus,
.config-content-shell--nexus textarea:focus,
.config-content-shell--nexus select:focus {
	border-color: #6b93c4;
	box-shadow: 0 0 0 3px rgba(107, 147, 196, 0.18), 0 8px 18px rgba(107, 147, 196, 0.12);
	background: #ffffff;
}

html.dark .config-content-shell--nexus .ue-input:focus,
html.dark .config-content-shell--nexus input:focus,
html.dark .config-content-shell--nexus textarea:focus,
html.dark .config-content-shell--nexus select:focus {
	border-color: #8eb4df;
	box-shadow: 0 0 0 3px rgba(142, 180, 223, 0.18), 0 10px 20px rgba(2, 6, 12, 0.22);
	background: rgba(20, 28, 39, 0.98);
}

.config-content-shell--nexus .ue-btn-primary,
.config-content-shell--nexus .ue-btn-secondary,
.config-content-shell--nexus .ue-btn-tertiary,
.config-content-shell--nexus .ue-btn-danger,
.config-content-shell--nexus .ue-edit-btn {
	min-height: 2.8rem;
	border-radius: 0.9rem;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.config-content-shell--nexus .ue-btn-primary {
	border: 1px solid rgba(111, 144, 185, 0.55);
	background: linear-gradient(135deg, #314863 0%, #6b93c4 100%);
	color: #f8fbff;
	box-shadow: 0 12px 24px rgba(107, 147, 196, 0.22);
}

.config-content-shell--nexus .ue-btn-primary:hover {
	background: linear-gradient(135deg, #2b4058 0%, #7aa5d7 100%);
	box-shadow: 0 16px 28px rgba(107, 147, 196, 0.28);
}

.config-content-shell--nexus .ue-btn-secondary,
.config-content-shell--nexus .ue-btn-tertiary,
.config-content-shell--nexus .ue-edit-btn {
	border: 1px solid rgba(198, 210, 224, 0.92);
	background: linear-gradient(180deg, rgba(250, 252, 255, 0.98) 0%, rgba(236, 242, 248, 0.98) 100%);
	color: #27415d;
	box-shadow: 0 10px 22px rgba(103, 126, 153, 0.08);
}

html.dark .config-content-shell--nexus .ue-btn-secondary,
html.dark .config-content-shell--nexus .ue-btn-tertiary,
html.dark .config-content-shell--nexus .ue-edit-btn {
	border-color: rgba(67, 71, 77, 0.9);
	background: linear-gradient(180deg, rgba(30, 32, 34, 0.98) 0%, rgba(12, 14, 16, 0.96) 100%);
	color: #e8f0fb;
	box-shadow: 0 12px 24px rgba(2, 6, 12, 0.18);
}

.config-content-shell--nexus .ue-btn-secondary:hover,
.config-content-shell--nexus .ue-btn-tertiary:hover,
.config-content-shell--nexus .ue-edit-btn:hover {
	border-color: rgba(111, 144, 185, 0.68);
	color: #203247;
}

html.dark .config-content-shell--nexus .ue-btn-secondary:hover,
html.dark .config-content-shell--nexus .ue-btn-tertiary:hover,
html.dark .config-content-shell--nexus .ue-edit-btn:hover {
	border-color: rgba(142, 180, 223, 0.62);
	color: #f3f7fc;
}

.config-content-shell--nexus .ue-status {
	border-radius: 0.95rem;
	border-color: rgba(111, 144, 185, 0.3);
	background: linear-gradient(180deg, rgba(231, 240, 250, 0.9) 0%, rgba(219, 232, 246, 0.86) 100%);
}

html.dark .config-content-shell--nexus .ue-status {
	border-color: rgba(142, 180, 223, 0.22);
	background: linear-gradient(180deg, rgba(21, 31, 44, 0.92) 0%, rgba(16, 24, 36, 0.92) 100%);
}

.config-content-shell--nexus .ue-badge {
	border-color: rgba(111, 144, 185, 0.34);
	background: rgba(225, 235, 247, 0.95);
	color: #33506e;
}

html.dark .config-content-shell--nexus .ue-badge {
	border-color: rgba(142, 180, 223, 0.24);
	background: rgba(39, 49, 61, 0.92);
	color: #dbe4f2;
}

.config-content-shell--nexus .ue-summary-row,
.config-content-shell--nexus .ue-meta-row {
	min-height: 2.7rem;
	padding: 0.7rem 0.9rem;
	border: 1px solid rgba(198, 210, 224, 0.72);
	border-radius: 0.85rem;
	background: rgba(248, 251, 255, 0.9);
}

html.dark .config-content-shell--nexus .ue-summary-row,
html.dark .config-content-shell--nexus .ue-meta-row {
	border-color: rgba(67, 71, 77, 0.72);
	background: rgba(12, 14, 16, 0.76);
}

.config-content-shell--nexus .ue-modal {
	background: rgba(7, 12, 19, 0.58);
	backdrop-filter: blur(8px);
}

.config-content-shell--nexus .ue-modal > div {
	border: 1px solid rgba(67, 71, 77, 0.82);
	border-radius: 1rem;
	background: linear-gradient(180deg, rgba(30, 32, 34, 0.98) 0%, rgba(12, 14, 16, 0.98) 100%);
	color: #f3f7fc;
	box-shadow: 0 26px 56px rgba(2, 6, 12, 0.34);
}

html:not(.dark) .config-content-shell--nexus .ue-modal > div {
	border-color: rgba(198, 210, 224, 0.9);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(239, 244, 249, 0.98) 100%);
	color: #203247;
	box-shadow: 0 26px 56px rgba(103, 126, 153, 0.18);
}