:root {
	--app-bg: #0f172a;
	--app-bg-soft: #1e293b;
	--app-panel: #111827;
	--app-panel-soft: #1f2937;
	--app-card: rgba(15, 23, 42, 0.84);
	--app-border: rgba(148, 163, 184, 0.2);
	--app-text: #e5e7eb;
	--app-text-soft: #93a3b8;
	--app-primary: #2f7be4;
	--app-primary-soft: rgba(47, 123, 228, 0.16);
	--app-ok: #15a34a;
	--app-error: #dc2626;
	--status-released: #9bd3f5;
	--status-danger: #a53c3c;
	--status-blacklist: #111111;
	--status-whitelist: #6dd48f;
	--status-spam: #efb6b6;
	--status-clean: #e5e7eb;
	--app-btn-bg: #FBDBBB;
	--app-btn-text: #ef8124;
	--app-btn-border: #ef8124;
	--app-btn-bg-hover: #f8d2ac;
	--app-btn-text-hover: #df7417;
	--app-shadow: 0 6px 16px rgba(2, 6, 23, 0.14);
}

* {
	box-sizing: border-box;
}

body.app-shell,
body {
	margin: 0;
	font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.45;
	background:
		radial-gradient(1200px circle at 0% -20%, #1d4ed8 0%, transparent 44%),
		radial-gradient(1000px circle at 100% -10%, #059669 0%, transparent 38%),
		linear-gradient(180deg, var(--app-bg), #020617 80%);
	color: var(--app-text);
	min-height: 100vh;
}

a {
	color: #ef8124;
}

a:visited {
	color: #ef8124;
}

a:hover,
a:focus {
	color: #df7417;
}

.app-top-tools {
	position: relative;
	z-index: 5;
}

.app-header-bar {
	gap: 0.75rem;
}

.app-brand-inline {
	padding-inline-start: 0.1rem;
}

.app-brand-tagline {
	margin-top: 0.35rem;
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: var(--app-text-soft);
}

.app-wrapper {
	max-width: 1600px;
}

.app-sidebar-col {
	position: static;
	top: auto;
	max-height: none;
	overflow: visible;
}

.app-card {
	background: var(--app-card);
	border: 1px solid var(--app-border);
	border-radius: 14px;
	box-shadow: var(--app-shadow);
	backdrop-filter: blur(8px);
	color: var(--app-text);
}

.app-brand-card {
	background: linear-gradient(160deg, rgba(30, 41, 59, 0.96), rgba(17, 24, 39, 0.96));
}

.app-logo {
	max-width: 170px;
}

.card-header {
	background: linear-gradient(180deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.8));
	color: #ffffff;
	font-weight: 600;
	font-size: 0.84rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	border-bottom: 1px solid var(--app-border);
}

.app-panel-content {
	padding: 0.5rem 0;
}

.app-list {
	border: 0;
}

.app-list-item,
.list-group-item.app-list-item {
	background: transparent;
	border-color: rgba(148, 163, 184, 0.12);
	color: #dbeafe;
}

.app-list-item:hover,
.list-group-item.app-list-item:hover {
	background: var(--app-primary-soft);
	color: #ffffff;
}

.app-list-item.active,
.list-group-item.app-list-item.active {
	background: #ef8124;
	border-color: #ef8124;
	color: #ffffff !important;
}

.app-divider {
	border-color: rgba(148, 163, 184, 0.24);
}

.form-label,
.form-check-label {
	color: #cbd5e1;
}

.form-select,
.form-control,
input[type="text"],
input[type="password"],
textarea,
select {
	background-color: rgba(15, 23, 42, 0.88) !important;
	border: 1px solid rgba(148, 163, 184, 0.36) !important;
	color: #e2e8f0 !important;
}

.form-select:focus,
.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border-color: #93c5fd !important;
	box-shadow: 0 0 0 0.22rem rgba(59, 130, 246, 0.28) !important;
}

.form-check-input[type="checkbox"],
.form-check-input[type="radio"] {
	accent-color: #ef8124;
	background-color: rgba(15, 23, 42, 0.88) !important;
	border-color: rgba(148, 163, 184, 0.55) !important;
}

.form-check-input[type="checkbox"]:checked,
.form-check-input[type="radio"]:checked {
	background-color: #ef8124 !important;
	border-color: #ef8124 !important;
}

.form-check-input[type="checkbox"]:focus,
.form-check-input[type="radio"]:focus {
	border-color: #ef8124 !important;
	box-shadow: 0 0 0 0.2rem rgba(239, 129, 36, 0.28) !important;
}

input::placeholder,
textarea::placeholder {
	color: #94a3b8;
}

.select2-container {
	width: 100% !important;
}

select.select2-inline + .select2-container {
	width: auto !important;
	min-width: 180px;
	display: inline-block;
	vertical-align: middle;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	background-color: rgba(15, 23, 42, 0.88);
	border: 1px solid rgba(148, 163, 184, 0.36);
	color: #e2e8f0;
	min-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #e2e8f0;
	line-height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: rgba(51, 65, 85, 0.95);
	border: 1px solid rgba(148, 163, 184, 0.4);
	color: #e2e8f0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #cbd5e1;
}

.select2-dropdown {
	background: #0f172a;
	border: 1px solid rgba(148, 163, 184, 0.36);
	color: #e2e8f0;
}

.select2-results__option {
	color: #e2e8f0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: #2563eb;
	color: #ffffff;
}

.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	border: none !important;
}

.btn-primary,
button.btn-primary,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: var(--app-btn-bg) !important;
	border: none !important;
	color: var(--app-btn-text) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
button.btn-primary:hover,
button.btn-primary:focus,
button.btn-primary:active,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: var(--app-btn-bg-hover) !important;
	border: none !important;
	color: var(--app-btn-text-hover) !important;
}

.btn-primary:focus,
button.btn-primary:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	box-shadow: 0 0 0 0.2rem rgba(239, 129, 36, 0.24) !important;
}

.theme-toggle-btn {
	min-width: 38px;
	height: 34px;
	padding-inline: 0.45rem;
	border: none;
	background: rgba(15, 23, 42, 0.65);
	color: #f8fafc;
}

.theme-toggle-btn:hover {
	background: rgba(59, 130, 246, 0.2);
	color: #ffffff;
}

.app-logout-btn {
	background: linear-gradient(135deg, #fbdbbb, #f7cda8) !important;
	color: #ef8124 !important;
	border: none !important;
	font-weight: 700;
	letter-spacing: 0.01em;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}

.app-logout-btn:hover,
.app-logout-btn:focus {
	background: linear-gradient(135deg, #f8d2ac, #f4c091) !important;
	color: #df7417 !important;
	transform: translateY(-1px);
}

.app-main-content {
	background: rgba(15, 23, 42, 0.72);
	border: 1px solid var(--app-border);
	border-radius: 14px;
	padding: 0.8rem;
	box-shadow: var(--app-shadow);
	min-height: calc(100vh - 46px);
}

.app-main-content > table,
.app-main-content table.nested,
.app-main-content .tssearchpagin,
.app-main-content form > table {
	width: 100%;
	margin-bottom: 0.75rem;
}

.table,
table {
	color: #e2e8f0;
}

.app-main-content table,
.app-main-content .table {
	--bs-table-bg: #0f172a;
	--bs-table-striped-bg: #1e293b;
	--bs-table-striped-color: #e2e8f0;
	--bs-table-hover-bg: rgba(59, 130, 246, 0.12);
	--bs-table-hover-color: #ffffff;
	border: 1px solid rgba(148, 163, 184, 0.2);
	border-radius: 10px;
	overflow: hidden;
}

.app-main-content table th,
.app-main-content table td {
	padding: 0.65rem 0.8rem;
	border-color: rgba(148, 163, 184, 0.18);
}

.app-main-content table th {
	background: rgba(51, 65, 85, 0.82);
	color: #f8fafc;
}

th,
td {
	vertical-align: middle;
}

.con_head {
	font-size: 0.78rem;
	font-weight: 700;
	color: #f8fafc;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.con_txt,
.content_txt,
.content_txt_blacklist {
	font-size: 0.84rem;
	line-height: 1.4;
	color: #e2e8f0;
}

.content_txt_blacklist {
	color: #ffffff;
}

a.nav_link,
a.nav_link:visited {
	text-decoration: none;
}

a.nav_link:hover {
	text-decoration: underline;
}

#mainpage a {
	font-weight: 700;
}

/* Message and management tables */
table.nested,
.app-main-content > table {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border-radius: 10px;
}

.app-main-content table.nested {
	margin-bottom: 1.2rem;
}

.app-main-content td[bgcolor],
.app-main-content th[bgcolor] {
	background: rgba(15, 23, 42, 0.9) !important;
	color: #e2e8f0 !important;
}

.app-main-content th[bgcolor="#999999"],
.app-main-content td[bgcolor="#999999"],
.app-main-content th[bgcolor="#CCCCCC"],
.app-main-content td[bgcolor="#CCCCCC"] {
	background: rgba(51, 65, 85, 0.92) !important;
}

.ts_tab_head {
	background: rgba(51, 65, 85, 0.94) !important;
}

.io-table-heading {
	background: #1f2937 !important;
	color: #f8fafc !important;
}

.ts_tab_normal {
	background: rgba(15, 23, 42, 0.9) !important;
}

.ts_tab_tick {
	background: rgba(15, 23, 42, 0.9) !important;
	text-align: center;
}

.ts_tab_threeo {
	width: 30%;
}

.tsdetailL {
	background: rgba(51, 65, 85, 0.95) !important;
	text-align: right;
	width: 185px;
	padding-right: 10px;
}

.tsdetailR {
	background: rgba(2, 6, 23, 0.88) !important;
	text-align: left;
}

.tscolunm_center {
	text-align: center;
}

.tscolunm_right {
	text-align: right;
}

.tscolunm_status1 {
	color: #ffffff;
	font-weight: 600;
}

tr.tsrow_general {
	transition: filter 120ms ease;
}

tr.tsrow_general:hover {
	filter: brightness(1.08);
}

tr.tsrow_status1 {
	background-color: var(--status-released) !important;
}

tr.tsrow_status2 {
	background-color: var(--status-danger) !important;
}

tr.tsrow_status3 {
	background-color: var(--status-blacklist) !important;
}

tr.tsrow_status4 {
	background-color: var(--status-whitelist) !important;
}

tr.tsrow_status5 {
	background-color: var(--status-spam) !important;
}

tr.tsrow_status6 {
	background-color: var(--status-clean) !important;
}

tr.tsrow_status1 td,
tr.tsrow_status2 td,
tr.tsrow_status4 td,
tr.tsrow_status5 td,
tr.tsrow_status6 td {
	color: #e2e8f0;
}

/* Pagination */
.tssearchpagin {
	background: rgba(15, 23, 42, 0.9);
	border: 1px solid var(--app-border);
	border-radius: 10px;
	padding: 0.55rem;
	text-align: right;
}

.tssearchpagin div.ln {
	display: inline-block;
	margin-top: 0.2rem;
}

.tspagin {
	min-width: 280px;
}

ul.messages_paginator {
	margin: 0;
	padding: 0;
	display: inline-flex;
	gap: 4px;
	list-style: none;
}

ul.messages_paginator li a {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 6px;
	background: rgba(15, 23, 42, 0.8);
	border: 1px solid rgba(148, 163, 184, 0.28);
	color: #dbeafe;
	font-size: 0.78rem;
	text-decoration: none;
}

ul.messages_paginator li a:hover {
	background: #2563eb;
	color: #ffffff;
}

ul.messages_paginator li a.current,
ul.messages_paginator li a.current:hover {
	background: #ef8124;
	border-color: #ef8124;
	color: #ffffff;
}

ul.messages_paginator li a.but,
ul.messages_paginator li a.but:hover {
	background: #ef8124;
	border-color: #ef8124;
	color: #ffffff;
}

/* Alerts */
div.error,
div.ok {
	width: 100%;
	border: 1px solid;
	padding: 0.8rem 0.95rem;
	margin: 0 0 0.8rem;
	border-radius: 10px;
	box-shadow: none;
	font-size: 0.92rem;
}

div.error {
	background: rgba(220, 38, 38, 0.16);
	border-color: rgba(252, 165, 165, 0.65);
	color: #fee2e2;
}

div.ok {
	background: rgba(22, 163, 74, 0.15);
	border-color: rgba(134, 239, 172, 0.56);
	color: #dcfce7;
}

/* Login / password reset */
.logmeinform {
	display: block;
	position: relative;
	margin: 7vh auto 24px;
	padding: 1.4rem;
	max-width: 460px;
	width: calc(100% - 24px);
	background: rgba(15, 23, 42, 0.9);
	border: 1px solid var(--app-border);
	border-radius: 14px;
	box-shadow: var(--app-shadow);
	color: var(--app-text);
}

.logmeinform * {
	margin: 0;
	padding: 0;
}

.logmeinform h1 {
	font-size: 1.35rem;
	text-align: center;
	margin-bottom: 1rem;
	font-weight: 700;
	color: #ffffff;
}

.logmeinform .login-logo-wrap {
	text-align: center;
	margin-bottom: 1.45rem;
}

.logmeinform .login-logo {
	width: 200px;
	max-width: 100%;
	display: inline-block;
}

.logmeinform .login-title {
	margin-top: 0;
}

.logmeinform p {
	margin-bottom: 0.75rem;
}

.logmeinform a {
	text-decoration: none;
	font-size: 0.85rem;
}

.logmeinform label {
	color: #cbd5e1;
	font-size: 0.9rem;
}

.logmeinform .form-label {
	color: #cbd5e1 !important;
}

.logmeinform label span {
	margin-left: 3px;
	color: #fca5a5;
}

.logmeinform input[type="text"],
.logmeinform input[type="password"] {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	font-size: 1rem;
	line-height: 1.2;
	padding: 0.5rem 0.7rem;
	width: 100%;
	display: block;
}

.logmeinform .form-control {
	width: 100% !important;
}

.logmeinform input[type="submit"] {
	height: auto;
	line-height: normal;
	padding: 0.5rem 0.9rem;
	font-size: 0.9rem;
	font-weight: 600;
	border-radius: 8px;
}

.logmeinform img {
	max-width: 100%;
	height: auto;
}

.forgetmenot {
	float: none;
	width: auto;
}

.logmeinform p.captcha {
	padding-top: 0.25rem;
	color: #cbd5e1;
}

/* Overview and legend */
.overview-card .table th,
.overview-card .table td {
	color: #dbeafe;
	padding: 0.38rem 0.65rem;
}

.overview-card .table th {
	font-weight: 600;
}

.app-overview-table {
	--bs-table-bg: #0f172a;
	--bs-table-color: #e2e8f0;
	--bs-table-striped-bg: #1e293b;
}

.app-overview-table th,
.app-overview-table td {
	background: #0f172a !important;
	color: #e2e8f0 !important;
}

.app-legend td {
	padding: 0.45rem 0.8rem;
	color: #e2e8f0;
	background: #0f172a;
}

.app-legend {
	--bs-table-bg: #0f172a;
	--bs-table-striped-bg: #1e293b;
	--bs-table-color: #e2e8f0;
}

.email-table {
	--bs-table-bg: #0b1220;
	--bs-table-striped-bg: #172238;
	--bs-table-color: #dbeafe;
	--bs-table-hover-color: inherit;
	--bs-table-hover-bg: transparent;
	border-radius: 0 !important;
}

.email-table tr.tsrow_general:hover {
	filter: none;
}

.email-table.table-hover > tbody > tr:hover > * {
	background-color: inherit !important;
	color: inherit !important;
}

.email-table thead th {
	background: rgba(51, 65, 85, 0.82);
	color: #f8fafc;
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.email-action-btn {
	min-width: 34px;
}

.email-actions {
	display: grid;
	grid-template-columns: 34px 34px;
	gap: 0.35rem;
	align-items: center;
	justify-content: center;
}

.email-action-spacer {
	width: 34px;
	height: 31px;
	display: inline-block;
}

.email-row .status-pill {
	display: inline-block;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
}

.status-pill-released {
	background: rgba(14, 116, 144, 0.22);
	color: #0f172a;
}

.status-pill-virus,
.status-pill-bad_content,
.status-pill-other {
	background: rgba(185, 28, 28, 0.25);
	color: #ffffff;
}

.status-pill-blacklist {
	background: rgba(17, 24, 39, 0.74);
	color: #f9fafb;
}

.status-pill-whitelist {
	background: rgba(22, 163, 74, 0.2);
	color: #052e16;
}

.status-pill-spam {
	background: rgba(234, 88, 12, 0.28);
	color: #7c2d12;
}

.status-pill-clean,
.status-pill-clean___not_stopped {
	background: rgba(100, 116, 139, 0.28);
	color: #0f172a;
}

#messageDetailModal .modal-content,
#messageActionModal .modal-content {
	background: #0f172a;
	color: #e2e8f0;
	border: 1px solid rgba(148, 163, 184, 0.3);
}

#messageDetailModal .modal-header,
#messageActionModal .modal-header,
#messageActionModal .modal-footer {
	border-color: rgba(148, 163, 184, 0.22);
}

#messageDetailModal .btn-close,
#messageActionModal .btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
}

body[data-theme="light"] .modal,
body:not([data-theme="dark"]) .modal {
	--bs-modal-bg: #ffffff;
	--bs-modal-color: #1f2937;
	--bs-modal-border-color: rgba(148, 163, 184, 0.36);
	--bs-modal-header-border-color: rgba(148, 163, 184, 0.3);
	--bs-modal-footer-border-color: rgba(148, 163, 184, 0.3);
}

body[data-theme="dark"] .modal {
	--bs-modal-bg: #0f172a;
	--bs-modal-color: #e2e8f0;
	--bs-modal-border-color: rgba(148, 163, 184, 0.3);
	--bs-modal-header-border-color: rgba(148, 163, 184, 0.22);
	--bs-modal-footer-border-color: rgba(148, 163, 184, 0.22);
}

body[data-theme="light"] #messageDetailModal .modal-content,
body[data-theme="light"] #messageActionModal .modal-content,
body:not([data-theme="dark"]) #messageDetailModal .modal-content,
body:not([data-theme="dark"]) #messageActionModal .modal-content {
	background: #ffffff !important;
	color: #1f2937 !important;
	border-color: rgba(148, 163, 184, 0.36);
}

body[data-theme="light"] #messageDetailModal .modal-header,
body[data-theme="light"] #messageActionModal .modal-header,
body[data-theme="light"] #messageActionModal .modal-footer,
body[data-theme="light"] #messageDetailModal .modal-body,
body[data-theme="light"] #messageActionModal .modal-body,
body:not([data-theme="dark"]) #messageDetailModal .modal-header,
body:not([data-theme="dark"]) #messageActionModal .modal-header,
body:not([data-theme="dark"]) #messageActionModal .modal-footer,
body:not([data-theme="dark"]) #messageDetailModal .modal-body,
body:not([data-theme="dark"]) #messageActionModal .modal-body {
	background: #ffffff;
	color: #1f2937;
	border-color: rgba(148, 163, 184, 0.3);
}

body[data-theme="light"] #messageDetailModal .btn-close,
body[data-theme="light"] #messageActionModal .btn-close,
body:not([data-theme="dark"]) #messageDetailModal .btn-close,
body:not([data-theme="dark"]) #messageActionModal .btn-close {
	filter: none;
}

body[data-theme="light"] #messageDetailModal .table,
body[data-theme="light"] #messageActionModal .table,
body[data-theme="light"] #messageDetailModal .table td,
body[data-theme="light"] #messageDetailModal .table th,
body[data-theme="light"] #messageActionModal .table td,
body[data-theme="light"] #messageActionModal .table th,
body:not([data-theme="dark"]) #messageDetailModal .table,
body:not([data-theme="dark"]) #messageActionModal .table,
body:not([data-theme="dark"]) #messageDetailModal .table td,
body:not([data-theme="dark"]) #messageDetailModal .table th,
body:not([data-theme="dark"]) #messageActionModal .table td,
body:not([data-theme="dark"]) #messageActionModal .table th {
	color: #1f2937 !important;
}

body[data-theme="dark"] #messageDetailModal .table,
body[data-theme="dark"] #messageActionModal .table,
body[data-theme="dark"] #messageDetailModal .table td,
body[data-theme="dark"] #messageDetailModal .table th,
body[data-theme="dark"] #messageActionModal .table td,
body[data-theme="dark"] #messageActionModal .table th {
	color: #e2e8f0 !important;
	border-color: rgba(148, 163, 184, 0.2);
}

.detail-modal-table th {
	width: 210px;
	background: rgba(30, 41, 59, 0.74);
	color: #f8fafc;
}

.detail-modal-table td {
	background: rgba(15, 23, 42, 0.88);
	color: #e2e8f0;
}

.mail-headers-block {
	background: #020617;
	border: 1px solid rgba(148, 163, 184, 0.25);
	border-radius: 8px;
	padding: 0.7rem 0.8rem;
	max-height: 300px;
	overflow: auto;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.78rem;
	line-height: 1.45;
}

.mail-header-line {
	white-space: pre-wrap;
	word-break: break-word;
	margin-bottom: 0.18rem;
}

.mail-header-key {
	color: #93c5fd;
	font-weight: 700;
}

.mail-header-sep {
	color: #cbd5e1;
	padding-right: 0.25rem;
}

.mail-header-value {
	color: #e2e8f0;
}

.mail-header-cont .mail-header-value {
	color: #cbd5e1;
}

.legend-swatch {
	display: inline-block;
	width: 18px;
	height: 12px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.25);
}

.legend-clean { background: var(--status-clean); }
.legend-spam { background: var(--status-spam); }
.legend-whitelist { background: var(--status-whitelist); }
.legend-blacklist { background: var(--status-blacklist); }
.legend-dangerous { background: var(--status-danger); }
.legend-released { background: var(--status-released); }

/* Misc */
input.tssave {
	width: 150px;
	margin: 2px 10px;
}

.ts_con_yes {
	display: inline-block;
	background-color: #15803d;
	padding: 2px 6px;
	border-radius: 6px;
	font-weight: 700;
	color: #ffffff;
}

span.yes,
span.no {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 0.74rem;
	font-weight: 700;
}

span.yes {
	background: rgba(34, 197, 94, 0.22);
	color: #bbf7d0;
}

span.no {
	background: rgba(239, 68, 68, 0.22);
	color: #fecaca;
}

.user-action-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 6px;
	text-decoration: none;
}

.user-action-edit {
	color: #93c5fd;
}

.user-action-delete {
	color: #fca5a5;
}

.user-action-link:hover {
	background: rgba(148, 163, 184, 0.16);
	color: #ffffff;
}

.user-email-inline {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	flex-wrap: nowrap;
}

.user-email-inline input[name="username"] {
	min-width: 210px;
}

.user-at-sign {
	font-weight: 700;
	color: inherit;
}

#loading,
.app-loading {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(2, 6, 23, 0.65);
	z-index: 1100;
	transition: opacity 180ms ease;
}

#loading.is-hidden,
.app-loading.is-hidden {
	opacity: 0;
	pointer-events: none;
}

/* Light mode is default; dark mode is selected via body[data-theme="dark"] */
body[data-theme="light"],
body:not([data-theme="dark"]) {
	background:
		radial-gradient(1200px circle at 0% -20%, #dbeafe 0%, transparent 44%),
		radial-gradient(1000px circle at 100% -10%, #dcfce7 0%, transparent 38%),
		linear-gradient(180deg, #f7fafc, #edf2f7 80%);
	color: #0f172a;
}

body[data-theme="light"] div.error,
body:not([data-theme="dark"]) div.error {
	background: rgba(239, 68, 68, 0.14);
	border-color: rgba(239, 68, 68, 0.36);
	color: #7f1d1d;
}

body[data-theme="light"] div.ok,
body:not([data-theme="dark"]) div.ok {
	background: rgba(34, 197, 94, 0.14);
	border-color: rgba(34, 197, 94, 0.34);
	color: #14532d;
}

body[data-theme="light"] .app-card,
body:not([data-theme="dark"]) .app-card {
	background: rgba(255, 255, 255, 0.95);
	border-color: rgba(148, 163, 184, 0.32);
	color: #0f172a;
	backdrop-filter: none;
}

body[data-theme="light"] .app-brand-card,
body:not([data-theme="dark"]) .app-brand-card {
	background: linear-gradient(160deg, #eef4ff, #f8fbff);
}

body[data-theme="light"] .card-header,
body:not([data-theme="dark"]) .card-header {
	background: linear-gradient(180deg, #e2e8f0, #f1f5f9);
	color: #1f2937;
}

body[data-theme="light"] .app-list-item,
body[data-theme="light"] .list-group-item.app-list-item,
body:not([data-theme="dark"]) .app-list-item,
body:not([data-theme="dark"]) .list-group-item.app-list-item {
	color: #1e293b;
	border-color: rgba(148, 163, 184, 0.24);
}

body[data-theme="light"] .app-list-item:hover,
body[data-theme="light"] .list-group-item.app-list-item:hover,
body:not([data-theme="dark"]) .app-list-item:hover,
body:not([data-theme="dark"]) .list-group-item.app-list-item:hover {
	color: #0f172a;
}

body[data-theme="light"] .small.text-white-50,
body:not([data-theme="dark"]) .small.text-white-50 {
	color: #475569 !important;
}

body[data-theme="light"] .app-brand-tagline,
body:not([data-theme="dark"]) .app-brand-tagline {
	color: #475569;
}

body[data-theme="light"] .form-label,
body[data-theme="light"] .form-check-label,
body:not([data-theme="dark"]) .form-label,
body:not([data-theme="dark"]) .form-check-label {
	color: #334155;
}

body[data-theme="light"] .form-select,
body[data-theme="light"] .form-control,
body[data-theme="light"] input[type="text"],
body[data-theme="light"] input[type="password"],
body[data-theme="light"] textarea,
body[data-theme="light"] select,
body:not([data-theme="dark"]) .form-select,
body:not([data-theme="dark"]) .form-control,
body:not([data-theme="dark"]) input[type="text"],
body:not([data-theme="dark"]) input[type="password"],
body:not([data-theme="dark"]) textarea,
body:not([data-theme="dark"]) select {
	background-color: #ffffff !important;
	border: 1px solid rgba(148, 163, 184, 0.55) !important;
	color: #0f172a !important;
}

body[data-theme="light"] .form-check-input[type="checkbox"]:not(:checked),
body[data-theme="light"] .form-check-input[type="radio"]:not(:checked),
body:not([data-theme="dark"]) .form-check-input[type="checkbox"]:not(:checked),
body:not([data-theme="dark"]) .form-check-input[type="radio"]:not(:checked) {
	background-color: #ffffff !important;
	border-color: rgba(148, 163, 184, 0.55) !important;
}

body[data-theme="light"] .select2-container--default .select2-selection--single,
body[data-theme="light"] .select2-container--default .select2-selection--multiple,
body:not([data-theme="dark"]) .select2-container--default .select2-selection--single,
body:not([data-theme="dark"]) .select2-container--default .select2-selection--multiple {
	background: #ffffff;
	border: 1px solid rgba(148, 163, 184, 0.55);
	color: #0f172a;
}

body[data-theme="light"] .select2-container--default .select2-selection--single .select2-selection__rendered,
body:not([data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #0f172a;
}

body[data-theme="light"] .select2-dropdown,
body:not([data-theme="dark"]) .select2-dropdown {
	background: #ffffff;
	border: 1px solid rgba(148, 163, 184, 0.55);
	color: #1f2937;
}

body[data-theme="light"] .select2-results__option,
body:not([data-theme="dark"]) .select2-results__option {
	color: #1f2937;
}

body[data-theme="light"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body:not([data-theme="dark"]) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: #dbe6f5;
	color: #1f2937;
}

body[data-theme="light"] .btn-outline-light,
body:not([data-theme="dark"]) .btn-outline-light {
	border-color: rgba(100, 116, 139, 0.5);
	color: #334155;
}

body[data-theme="light"] .btn-outline-light:hover,
body:not([data-theme="dark"]) .btn-outline-light:hover {
	background: rgba(148, 163, 184, 0.18);
	color: #0f172a;
}

body[data-theme="light"] .theme-toggle-btn,
body:not([data-theme="dark"]) .theme-toggle-btn {
	background: #ffffff;
	border-color: rgba(148, 163, 184, 0.65);
	color: #334155;
}

body[data-theme="light"] .app-main-content,
body:not([data-theme="dark"]) .app-main-content {
	background: rgba(255, 255, 255, 0.9);
	border-color: rgba(148, 163, 184, 0.32);
}

body[data-theme="light"] .con_head,
body:not([data-theme="dark"]) .con_head {
	color: #1f2937;
}

body[data-theme="light"] .con_txt,
body[data-theme="light"] .content_txt,
body[data-theme="light"] .content_txt_blacklist,
body:not([data-theme="dark"]) .con_txt,
body:not([data-theme="dark"]) .content_txt,
body:not([data-theme="dark"]) .content_txt_blacklist {
	color: #1f2937;
}

body[data-theme="light"] .tssearchpagin,
body:not([data-theme="dark"]) .tssearchpagin {
	background: #ffffff;
	color: #1f2937;
}

body[data-theme="light"] .app-main-content table,
body[data-theme="light"] .app-main-content .table,
body:not([data-theme="dark"]) .app-main-content table,
body:not([data-theme="dark"]) .app-main-content .table {
	--bs-table-bg: #ffffff;
	--bs-table-striped-bg: #f8fafc;
	--bs-table-striped-color: #1f2937;
	--bs-table-hover-bg: #eef2f7;
	--bs-table-hover-color: #0f172a;
	color: #1f2937;
	border-color: rgba(148, 163, 184, 0.34);
}

body[data-theme="light"] .app-main-content table th,
body:not([data-theme="dark"]) .app-main-content table th {
	background: #e7eef8;
	color: #1f2937;
}

body[data-theme="light"] .app-main-content table td,
body:not([data-theme="dark"]) .app-main-content table td {
	color: #1f2937;
	background-color: transparent;
}

body[data-theme="light"] .email-table,
body:not([data-theme="dark"]) .email-table {
	--bs-table-bg: #ffffff;
	--bs-table-striped-bg: #f8fafc;
	--bs-table-color: #1f2937;
	--bs-table-hover-color: inherit;
	--bs-table-hover-bg: transparent;
}

body[data-theme="light"] .email-table thead th,
body:not([data-theme="dark"]) .email-table thead th {
	background: #dbe6f5;
	color: #1f2937;
}

body[data-theme="light"] .email-table tbody td,
body:not([data-theme="dark"]) .email-table tbody td {
	color: #1f2937 !important;
}

body[data-theme="light"] .app-overview-table,
body:not([data-theme="dark"]) .app-overview-table {
	--bs-table-bg: #ffffff;
	--bs-table-color: #1f2937;
	--bs-table-striped-bg: #f8fafc;
}

body[data-theme="light"] .app-overview-table th,
body[data-theme="light"] .app-overview-table td,
body:not([data-theme="dark"]) .app-overview-table th,
body:not([data-theme="dark"]) .app-overview-table td {
	background: #ffffff !important;
	color: #1f2937 !important;
}

body[data-theme="light"] .app-legend,
body:not([data-theme="dark"]) .app-legend {
	--bs-table-bg: #ffffff;
	--bs-table-striped-bg: #f8fafc;
	--bs-table-color: #1f2937;
}

body[data-theme="light"] .app-legend td,
body:not([data-theme="dark"]) .app-legend td {
	background: #ffffff;
	color: #1f2937;
}

body[data-theme="light"] .ts_tab_head,
body:not([data-theme="dark"]) .ts_tab_head {
	background: #dbe6f5 !important;
	color: #1f2937 !important;
}

body[data-theme="light"] .io-table-heading,
body:not([data-theme="dark"]) .io-table-heading {
	background: #dbe6f5 !important;
	color: #1f2937 !important;
}

body[data-theme="light"] .ts_tab_normal,
body[data-theme="light"] .ts_tab_tick,
body:not([data-theme="dark"]) .ts_tab_normal,
body:not([data-theme="dark"]) .ts_tab_tick {
	background: #ffffff !important;
	color: #1f2937 !important;
}

body[data-theme="light"] .tsdetailL,
body:not([data-theme="dark"]) .tsdetailL {
	background: #dbe6f5 !important;
	color: #1f2937 !important;
}

body[data-theme="light"] .tsdetailR,
body:not([data-theme="dark"]) .tsdetailR {
	background: #ffffff !important;
	color: #1f2937 !important;
}

body[data-theme="light"] .mail-headers-block,
body:not([data-theme="dark"]) .mail-headers-block {
	background: #f8fafc;
	border-color: rgba(148, 163, 184, 0.4);
}

body[data-theme="light"] .detail-modal-table th,
body:not([data-theme="dark"]) .detail-modal-table th {
	background: #e7eef8;
	color: #1f2937;
}

body[data-theme="light"] .detail-modal-table td,
body:not([data-theme="dark"]) .detail-modal-table td {
	background: #ffffff;
	color: #1f2937;
}

body[data-theme="light"] .mail-header-key,
body:not([data-theme="dark"]) .mail-header-key {
	color: #1d4ed8;
}

body[data-theme="light"] .mail-header-sep,
body[data-theme="light"] .mail-header-value,
body[data-theme="light"] .mail-header-cont .mail-header-value,
body:not([data-theme="dark"]) .mail-header-sep,
body:not([data-theme="dark"]) .mail-header-value,
body:not([data-theme="dark"]) .mail-header-cont .mail-header-value {
	color: #1f2937;
}

body[data-theme="light"] .app-main-content td[bgcolor],
body[data-theme="light"] .app-main-content th[bgcolor],
body:not([data-theme="dark"]) .app-main-content td[bgcolor],
body:not([data-theme="dark"]) .app-main-content th[bgcolor] {
	background: #ffffff !important;
	color: #1f2937 !important;
}

body[data-theme="light"] .app-main-content th[bgcolor="#999999"],
body[data-theme="light"] .app-main-content td[bgcolor="#999999"],
body[data-theme="light"] .app-main-content th[bgcolor="#CCCCCC"],
body[data-theme="light"] .app-main-content td[bgcolor="#CCCCCC"],
body:not([data-theme="dark"]) .app-main-content th[bgcolor="#999999"],
body:not([data-theme="dark"]) .app-main-content td[bgcolor="#999999"],
body:not([data-theme="dark"]) .app-main-content th[bgcolor="#CCCCCC"],
body:not([data-theme="dark"]) .app-main-content td[bgcolor="#CCCCCC"] {
	background: #dbe6f5 !important;
}

body[data-theme="light"] span.yes,
body:not([data-theme="dark"]) span.yes {
	background: #bbf7d0;
	border: 1px solid #4ade80;
	color: #14532d;
}

body[data-theme="light"] span.no,
body:not([data-theme="dark"]) span.no {
	background: #fecaca;
	border: 1px solid #f87171;
	color: #7f1d1d;
}

body[data-theme="light"] .user-action-edit,
body:not([data-theme="dark"]) .user-action-edit {
	color: #1d4ed8;
}

body[data-theme="light"] .user-action-delete,
body:not([data-theme="dark"]) .user-action-delete {
	color: #b91c1c;
}

body[data-theme="light"] .user-action-link:hover,
body:not([data-theme="dark"]) .user-action-link:hover {
	background: rgba(148, 163, 184, 0.24);
	color: inherit;
}

body[data-theme="light"] .app-logout-btn,
body:not([data-theme="dark"]) .app-logout-btn {
	box-shadow: 0 2px 8px rgba(100, 116, 139, 0.1);
}

body[data-theme="light"] tr.tsrow_status1 td,
body:not([data-theme="dark"]) tr.tsrow_status1 td {
	background-color: #d7f0ff !important;
	color: #0f172a !important;
}

body[data-theme="light"] tr.tsrow_status2 td,
body:not([data-theme="dark"]) tr.tsrow_status2 td {
	background-color: #ffd5d5 !important;
	color: #7f1d1d !important;
}

body[data-theme="light"] tr.tsrow_status3 td,
body:not([data-theme="dark"]) tr.tsrow_status3 td {
	background-color: #f1f5f9 !important;
	color: #0f172a !important;
}

body[data-theme="light"] tr.tsrow_status4 td,
body:not([data-theme="dark"]) tr.tsrow_status4 td {
	background-color: #d9fce9 !important;
	color: #0f172a !important;
}

body[data-theme="light"] tr.tsrow_status5 td,
body:not([data-theme="dark"]) tr.tsrow_status5 td {
	background-color: #ffe8d4 !important;
	color: #7c2d12 !important;
}

body[data-theme="light"] tr.tsrow_status6 td,
body:not([data-theme="dark"]) tr.tsrow_status6 td {
	background-color: #f8fafc !important;
	color: #1f2937 !important;
}

body[data-theme="dark"] .email-table tbody td {
	color: #e2e8f0 !important;
}

body[data-theme="dark"] .email-table {
	--bs-table-bg: #0b1220;
	--bs-table-striped-bg: #172238;
	--bs-table-color: #e2e8f0;
	--bs-table-hover-color: inherit;
	--bs-table-hover-bg: transparent;
}

body[data-theme="dark"] .email-table thead th {
	background: #1f2937;
	color: #f8fafc;
}

body[data-theme="dark"] tr.tsrow_status1 td {
	background-color: rgba(14, 116, 144, 0.26) !important;
	color: #e2e8f0 !important;
}

body[data-theme="dark"] tr.tsrow_status2 td {
	background-color: rgba(185, 28, 28, 0.3) !important;
	color: #fee2e2 !important;
}

body[data-theme="dark"] tr.tsrow_status3 td {
	background-color: rgba(17, 24, 39, 0.82) !important;
	color: #f8fafc !important;
}

body[data-theme="dark"] tr.tsrow_status4 td {
	background-color: rgba(22, 163, 74, 0.26) !important;
	color: #dcfce7 !important;
}

body[data-theme="dark"] tr.tsrow_status5 td {
	background-color: rgba(234, 88, 12, 0.28) !important;
	color: #ffedd5 !important;
}

body[data-theme="dark"] .email-table tr.tsrow_status1 td {
	background-color: #d7f0ff !important;
	color: #0f172a !important;
}

body[data-theme="dark"] .email-table tr.tsrow_status2 td {
	background-color: #ffd5d5 !important;
	color: #7f1d1d !important;
}

body[data-theme="dark"] .email-table tr.tsrow_status3 td {
	background-color: #f1f5f9 !important;
	color: #0f172a !important;
}

body[data-theme="dark"] .email-table tr.tsrow_status4 td {
	background-color: #d9fce9 !important;
	color: #0f172a !important;
}

body[data-theme="dark"] .email-table tr.tsrow_status5 td {
	background-color: #ffe8d4 !important;
	color: #7c2d12 !important;
}

body[data-theme="dark"] tr.tsrow_status6 td {
	background-color: rgba(100, 116, 139, 0.26) !important;
	color: #e2e8f0 !important;
}

body[data-theme="dark"] .email-table tr.tsrow_status6 td {
	background-color: rgba(30, 41, 59, 0.82) !important;
	color: #f8fafc !important;
}

body[data-theme="dark"] .email-table .status-pill-released {
	background: rgba(14, 116, 144, 0.32);
	color: #0f172a;
}

body[data-theme="dark"] .email-table .status-pill-whitelist {
	background: rgba(22, 163, 74, 0.34);
	color: #052e16;
}

body[data-theme="dark"] .email-table .status-pill-spam {
	background: rgba(234, 88, 12, 0.34);
	color: #7c2d12;
}

body[data-theme="dark"] .email-table .status-pill-clean,
body[data-theme="dark"] .email-table .status-pill-clean___not_stopped {
	background: rgba(100, 116, 139, 0.36);
	color: #e2e8f0;
}

.app-main-content table .form-control,
.app-main-content table .form-select {
	display: inline-block;
	width: auto;
	min-width: 170px;
	max-width: 100%;
}

.app-main-content table textarea.form-control {
	display: block;
	width: 100%;
}

.app-main-content table .form-check-input {
	width: 1.05rem;
	height: 1.05rem;
}

@media (max-width: 1199px) {
	.app-sidebar-col {
		position: static;
		max-height: none;
	}

	.app-main-content {
		min-height: 0;
	}
}

@media (max-width: 768px) {
	.app-header-bar {
		align-items: center !important;
	}

	.app-brand-tagline {
		font-size: 0.74rem;
	}

	.app-main-content {
		padding: 0.45rem;
	}

	.con_head {
		font-size: 0.72rem;
	}

	.con_txt,
	.content_txt,
	.content_txt_blacklist {
		font-size: 0.8rem;
	}

	ul.messages_paginator {
		flex-wrap: wrap;
	}

	.app-sidebar-col .card {
		margin-bottom: 0.9rem;
	}
}