@charset "utf-8";
/* WSYS 全局深蓝主题 */
:root {
	--wsys-navy: #040d1f;
	--wsys-navy-2: #081528;
	--wsys-teal: #2563eb;
	--wsys-teal-d: #60a5fa;
	--wsys-bg: #061228;
	--wsys-card: #0a1832;
	--wsys-card-2: #0f1f3d;
	--wsys-text: #dbeafe;
	--wsys-muted: #7c9cbf;
	--wsys-line: #1e3a5f;
	--wsys-shadow: 0 12px 40px rgba(2, 8, 23, 0.55);
	--wsys-glow: rgba(59, 130, 246, 0.28);
}

html {
	color-scheme: dark;
}

body,
body.wsys-app {
	background: var(--wsys-bg) !important;
	color: var(--wsys-text) !important;
}

.wrapper,
.main-container,
.main,
.col-sm-9,
.col-lg-10 {
	background: var(--wsys-bg) !important;
	color: var(--wsys-text) !important;
}

.header-text,
.page-header,
.wa-head h1,
.wa-card h2,
.wa-card-focus h2,
.wa-emp-name,
.wa-prog-num {
	color: #eff6ff !important;
}

.wa-head p,
.wa-muted,
.wa-ts,
.wa-board-toolbar,
.panel-footer,
.breadcrumb,
.sub-header {
	color: var(--wsys-muted) !important;
}

.wa-card,
.smart-widget,
.smart-widget-inner,
.panel,
.panel-default,
.wa-im,
.wa-chat-block,
.wa-emp-card,
.wa-slot,
.breadcrumb {
	background: var(--wsys-card) !important;
	border-color: var(--wsys-line) !important;
	color: var(--wsys-text) !important;
	box-shadow: var(--wsys-shadow) !important;
}

.wa-card-focus {
	border-color: rgba(59, 130, 246, 0.4) !important;
	background: linear-gradient(180deg, rgba(37, 99, 235, 0.14) 0%, var(--wsys-card) 120px) !important;
}

.wa-card-arch,
.wa-row-arch {
	background: rgba(6, 18, 40, 0.65) !important;
}

.smart-widget-header,
.panel-heading {
	background: var(--wsys-card-2) !important;
	border-bottom-color: var(--wsys-line) !important;
	color: #eff6ff !important;
}

.panel-body {
	background: var(--wsys-card) !important;
	color: var(--wsys-text) !important;
}

.wa-table th,
.table > thead > tr > th {
	background: var(--wsys-card-2) !important;
	color: var(--wsys-muted) !important;
	border-bottom-color: var(--wsys-line) !important;
}

.wa-table td,
.table > tbody > tr > td,
.table-hover > tbody > tr > td {
	border-bottom-color: var(--wsys-line) !important;
	color: var(--wsys-text) !important;
}

.wa-table tr:hover td,
.table-hover > tbody > tr:hover {
	background: rgba(37, 99, 235, 0.1) !important;
}

.wa-bar {
	background: #132847 !important;
}

.wa-board-tab {
	background: #0f1f3d !important;
	color: #bfdbfe !important;
	border: 1px solid var(--wsys-line) !important;
}

.wa-board-tab.is-active {
	background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
	color: #fff !important;
	box-shadow: 0 0 22px var(--wsys-glow) !important;
}

.wa-pill,
.wa-st-done,
.wa-st-draft,
.wa-st-none,
.wa-pill-chat,
.wa-role-mgr,
.wa-role-mem {
	border-color: var(--wsys-line) !important;
}

.wa-st-done { background: rgba(37, 99, 235, 0.22) !important; color: #93c5fd !important; }
.wa-st-draft { background: rgba(234, 88, 12, 0.18) !important; color: #fdba74 !important; }
.wa-st-none { background: rgba(30, 58, 95, 0.55) !important; color: #94a3b8 !important; }

.wa-emp-ai,
.wa-q,
.wa-im-list,
.wa-im-msgs,
.wa-chat,
.wa-chat-ai {
	background: var(--wsys-card-2) !important;
	border-color: var(--wsys-line) !important;
	color: var(--wsys-text) !important;
}

.wa-chat-user {
	background: rgba(37, 99, 235, 0.15) !important;
	border-left-color: var(--wsys-teal) !important;
}

.wa-btn {
	background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
}

.wa-btn-ghost {
	background: transparent !important;
	color: #bfdbfe !important;
	border-color: var(--wsys-line) !important;
}

.form-control,
input[type=text],
input[type=password],
input[type=number],
textarea,
select,
.wa-q textarea,
.wa-im-send textarea,
.wa-slot input[type=text] {
	background: #081526 !important;
	border-color: var(--wsys-line) !important;
	color: #dbeafe !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
	border-color: var(--wsys-teal) !important;
	box-shadow: 0 0 0 3px var(--wsys-glow) !important;
}

.wsys-login-card {
	background: var(--wsys-card) !important;
	color: var(--wsys-text) !important;
}

.wsys-login-card h2 {
	color: #eff6ff !important;
}

.wsys-field input[type="text"],
.wsys-field input[type="password"] {
	background: #081526 !important;
	border-color: var(--wsys-line) !important;
	color: #dbeafe !important;
}

.wa-tabs a {
	background: var(--wsys-card) !important;
	border-color: var(--wsys-line) !important;
	color: #bfdbfe !important;
}

.wa-tabs a.on {
	background: var(--wsys-teal) !important;
	color: #fff !important;
}

.wa-proj-top a,
a.wa-link-sm {
	color: var(--wsys-teal-d) !important;
}

.wa-ts-hot {
	color: #fb923c !important;
}

.wa-alert {
	background: rgba(154, 52, 18, 0.25) !important;
	color: #fdba74 !important;
}

.wa-ok {
	background: rgba(29, 78, 216, 0.25) !important;
	color: #93c5fd !important;
}

.pagination > li > a,
.pagination > li > span {
	background: var(--wsys-card) !important;
	border-color: var(--wsys-line) !important;
	color: var(--wsys-teal-d) !important;
}

.wsys-notice-table a {
	color: var(--wsys-teal-d) !important;
}

.content-wrapper,
.smart-widget-body,
.widget-body,
.main-content,
#sidebar-collapse + .main,
.col-sm-9.col-sm-offset-3,
.col-lg-10.col-lg-offset-2 {
	background: var(--wsys-bg) !important;
	color: var(--wsys-text) !important;
}

.table,
.table-striped > tbody > tr:nth-of-type(odd) {
	background: transparent !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > td {
	background: rgba(8, 21, 38, 0.55) !important;
}

.top-nav .dropdown-menu,
.top-nav .user-panel,
.top-nav .dropdown-menu.user-panel {
	background: #f8fafc !important;
	color: #0f172a !important;
	border: 1px solid #93c5fd !important;
	box-shadow: 0 12px 32px rgba(2, 8, 23, 0.35) !important;
}
.top-nav .dropdown-menu > li > a,
.top-nav .user-panel a,
.top-nav .user-content h5,
.top-nav .user-avatar,
.top-nav .dropdown-menu .user-content,
.top-nav .dropdown-menu li {
	color: #0f172a !important;
	background: transparent !important;
}
.top-nav .dropdown-menu > li > a:hover,
.top-nav .user-panel a:hover {
	background: #dbeafe !important;
	color: #1d4ed8 !important;
}
.top-nav .user-avatar {
	background: #e0f2fe !important;
}

.modal-content {
	background: var(--wsys-card) !important;
	color: var(--wsys-text) !important;
	border-color: var(--wsys-line) !important;
}

.modal-header,
.modal-footer {
	border-color: var(--wsys-line) !important;
}

.navbar-inverse,
.top-nav,
.top-nav-inner {
	background: var(--wsys-navy) !important;
}

#sidebar-collapse,
.sidebar {
	background: var(--wsys-navy-2) !important;
}

.wa-bubble.me {
	background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
	color: #fff !important;
}

.wa-bubble.you {
	background: #132847 !important;
	border: 1px solid #2563eb !important;
	border-left: 3px solid #60a5fa !important;
	color: #f1f5f9 !important;
}

.wa-chat {
	background: #071222 !important;
	border-color: #1e3a5f !important;
}

.wa-q {
	border-left-color: #3b82f6 !important;
	background: #0f1f3d !important;
	color: #dbeafe !important;
}

.wa-q b {
	color: #eff6ff !important;
}