/* AXIOM-R AI authenticated shell.
 *
 * Keep this stylesheet intentionally scoped to OneDev's LayoutPage chrome.
 * Native component geometry and semantic state colors remain owned by OneDev.
 */
:root {
	--axiom-void: #010203;
	--axiom-black: #030507;
	--axiom-panel: rgba(6, 11, 16, .94);
	--axiom-panel-solid: #080d13;
	--axiom-panel-hover: rgba(15, 28, 39, .92);
	--axiom-line: rgba(119, 207, 231, .14);
	--axiom-line-strong: rgba(96, 224, 250, .3);
	--axiom-text: #f1f8fc;
	--axiom-muted: #9bb0bd;
	--axiom-cyan: #58e3f4;
	--axiom-blue: #6681ff;
	--axiom-green: #68e7bb;
	--axiom-amber: #f5c879;
	--axiom-danger: #ff7897;
	--axiom-radius: 12px;
	--axiom-shadow: 0 18px 52px rgba(0, 0, 0, .34);
	--primary: #52d9ee;
	--dark-mode-dark: #05090d;
	--dark-mode-light-dark: #0a1118;
	--dark-mode-lighter-dark: #101b25;
	--dark-mode-lightest-dark: #172633;
	--sidebar-width: 288px;
	--topbar-height: 64px;
}

.LayoutPage.axiom-r-ui > body,
.LayoutPage.axiom-r-ui > body.axiom-r-surface {
	background: var(--axiom-void) !important;
	color: var(--axiom-text);
	font-feature-settings: "ss01" 1, "cv02" 1;
}

/* Ambient motion is a first child of body. It never participates in layout. */
.axiom-r-ambient,
.axiom-r-ambient-veil,
.axiom-r-noise {
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: 0;
}

.axiom-r-ambient {
	filter: saturate(.76) contrast(1.24) brightness(.58);
	height: 100vh;
	mix-blend-mode: screen;
	object-fit: cover;
	opacity: .3;
	width: 100vw;
}

.axiom-r-ambient-veil {
	background:
		linear-gradient(90deg, rgba(0, 0, 0, .84), rgba(0, 0, 0, .56) 31%, rgba(0, 0, 0, .67)),
		radial-gradient(800px 560px at 68% 22%, rgba(24, 197, 223, .1), transparent 65%),
		linear-gradient(180deg, transparent, var(--axiom-void) 96%);
}

.axiom-r-noise {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");
	mix-blend-mode: soft-light;
	opacity: .055;
}

/* Preserve OneDev's positioning model; only skin the shell. */
.LayoutPage.axiom-r-ui > body > .main {
	background:
		linear-gradient(rgba(104, 220, 245, .018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(104, 220, 245, .018) 1px, transparent 1px) !important;
	background-size: 52px 52px !important;
}

.LayoutPage.axiom-r-ui .sidebar {
	background: rgba(2, 5, 8, .95) !important;
	border-right: 1px solid var(--axiom-line) !important;
	box-shadow: 20px 0 56px rgba(0, 0, 0, .42) !important;
	-webkit-backdrop-filter: blur(24px) saturate(118%);
	backdrop-filter: blur(24px) saturate(118%);
}

.LayoutPage.axiom-r-ui .sidebar-header {
	background: linear-gradient(180deg, rgba(255, 255, 255, .025), transparent);
	border-bottom: 1px solid rgba(115, 218, 240, .1) !important;
	height: 76px;
	padding: 0 20px;
}

.LayoutPage.axiom-r-ui .sidebar-brand {
	gap: 11px;
	letter-spacing: -.02em;
}

.axiom-r-logo {
	filter: drop-shadow(0 0 13px rgba(82, 222, 245, .28));
	flex: 0 0 auto;
	height: 40px !important;
	margin: 0 !important;
	object-fit: contain;
	width: 40px !important;
}

.axiom-r-name {
	display: flex;
	flex-direction: column;
	line-height: 1;
}

.axiom-r-name strong {
	background: linear-gradient(100deg, #fff, #9ceefa 62%, #aab7ff);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: 1.08rem;
	font-weight: 800;
	letter-spacing: .065em;
}

.axiom-r-name small {
	color: #668393;
	font-size: .53rem;
	font-weight: 750;
	letter-spacing: .31em;
	margin-top: 5px;
}

.LayoutPage.axiom-r-ui .sidebar-menu {
	margin: 16px 13px;
}

.axiom-nav-kicker {
	align-items: center;
	color: #587585;
	display: flex;
	font-size: .57rem;
	font-weight: 800;
	letter-spacing: .23em;
	margin: 2px 9px 13px;
	text-transform: uppercase;
}

.axiom-nav-kicker::after {
	background: linear-gradient(90deg, rgba(87, 223, 255, .28), transparent);
	content: "";
	flex: 1;
	height: 1px;
	margin-left: 13px;
}

.LayoutPage.axiom-r-ui .sidebar-menu .menu-link {
	background: transparent !important;
	border: 1px solid transparent;
	border-radius: 10px;
	margin: 2px 0;
	min-height: 43px;
	padding: 9px 12px;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.LayoutPage.axiom-r-ui .sidebar-menu .menu-text,
.LayoutPage.axiom-r-ui .sidebar-menu .menu-header-text {
	color: #9bafbc;
}

.LayoutPage.axiom-r-ui .sidebar-menu .menu-link:hover,
.LayoutPage.axiom-r-ui .sidebar-menu .menu-link:focus,
.LayoutPage.axiom-r-ui .sidebar-menu .menu-link.open,
.LayoutPage.axiom-r-ui .sidebar-menu .menu-link.active {
	background: rgba(71, 203, 229, .09) !important;
	border-color: rgba(91, 218, 243, .14);
}

.LayoutPage.axiom-r-ui .sidebar-menu .menu-link:hover .menu-text,
.LayoutPage.axiom-r-ui .sidebar-menu .menu-link:focus .menu-text,
.LayoutPage.axiom-r-ui .sidebar-menu .menu-link.open .menu-text,
.LayoutPage.axiom-r-ui .sidebar-menu .menu-link.active .menu-text {
	color: #eff9ff;
}

.LayoutPage.axiom-r-ui .sidebar-menu .menu-link.active {
	box-shadow: inset 2px 0 var(--axiom-cyan), 0 8px 22px rgba(0, 0, 0, .15);
}

.axiom-sidebar-telemetry {
	background: rgba(9, 20, 27, .72);
	border: 1px solid rgba(100, 218, 240, .12);
	border-radius: 11px;
	flex: 0 0 auto;
	margin: auto 13px 12px;
	padding: 11px 13px;
}

.axiom-sidebar-telemetry div {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.axiom-sidebar-telemetry span,
.axiom-sidebar-telemetry small {
	color: #5f7d8d;
	font-size: .54rem;
	font-weight: 750;
	letter-spacing: .13em;
}

.axiom-sidebar-telemetry strong {
	color: #7df0ca;
	font-size: .57rem;
	letter-spacing: .12em;
}

.axiom-sidebar-telemetry strong::before {
	background: var(--axiom-green);
	border-radius: 50%;
	box-shadow: 0 0 9px rgba(104, 231, 187, .8);
	content: "";
	display: inline-block;
	height: 5px;
	margin-right: 6px;
	vertical-align: 1px;
	width: 5px;
}

.axiom-sidebar-telemetry small {
	display: block;
	letter-spacing: .07em;
	margin-top: 6px;
	text-transform: uppercase;
}

.LayoutPage.axiom-r-ui .sidebar-footer {
	background: rgba(0, 0, 0, .22);
	border-top-color: rgba(116, 220, 242, .09) !important;
	padding: 0 18px;
}

.LayoutPage.axiom-r-ui .sidebar-version {
	color: #6bd9ea !important;
	cursor: default;
	font-size: .64rem;
	font-weight: 750;
	letter-spacing: .13em;
}

.LayoutPage.axiom-r-ui .topbar {
	background: rgba(2, 5, 8, .84) !important;
	border-bottom: 1px solid rgba(115, 218, 240, .1);
	box-shadow: 0 14px 42px rgba(0, 0, 0, .28) !important;
	color: var(--axiom-text);
	min-height: var(--topbar-height);
	-webkit-backdrop-filter: blur(24px) saturate(122%);
	backdrop-filter: blur(24px) saturate(122%);
}

.LayoutPage.axiom-r-ui .topbar-title {
	color: var(--axiom-text) !important;
	font-size: 1.03rem;
	font-weight: 680;
	letter-spacing: -.014em;
}

.LayoutPage.axiom-r-ui .topbar-right a.topbar-link {
	color: #a7bac6;
	transition: background-color .16s ease, color .16s ease;
}

.LayoutPage.axiom-r-ui .topbar-right a.topbar-link:hover,
.LayoutPage.axiom-r-ui .topbar-right .show > a.topbar-link {
	background: rgba(84, 219, 248, .09) !important;
	color: var(--axiom-cyan) !important;
}

.axiom-r-status {
	align-items: center;
	background: rgba(28, 85, 75, .12);
	border: 1px solid rgba(104, 231, 187, .17);
	border-radius: 999px;
	display: flex;
	flex: 0 0 auto;
	gap: 7px;
	margin-right: 10px;
	padding: 6px 10px;
}

.axiom-r-status i {
	background: var(--axiom-green);
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(104, 231, 187, .7);
	height: 6px;
	width: 6px;
}

.axiom-r-status span {
	color: #8ceecf;
	font-size: .59rem;
	font-weight: 800;
	letter-spacing: .11em;
}

.axiom-r-status small {
	border-left: 1px solid rgba(126, 226, 215, .16);
	color: #728b9d;
	font-size: .56rem;
	letter-spacing: .07em;
	padding-left: 7px;
}

/* Surface styling is limited to true floating/card containers. */
.LayoutPage.axiom-r-ui .card,
.LayoutPage.axiom-r-ui .modal-content,
.LayoutPage.axiom-r-ui .dropdown-menu,
.LayoutPage.axiom-r-ui .floating,
.LayoutPage.axiom-r-ui .popover,
.LayoutPage.axiom-r-ui .query-personalization,
.LayoutPage.axiom-r-ui .saved-queries {
	background: var(--axiom-panel) !important;
	border-color: var(--axiom-line) !important;
	color: var(--axiom-text);
}

.LayoutPage.axiom-r-ui .card,
.LayoutPage.axiom-r-ui .modal-content,
.LayoutPage.axiom-r-ui .floating,
.LayoutPage.axiom-r-ui .query-personalization,
.LayoutPage.axiom-r-ui .saved-queries {
	border-radius: var(--axiom-radius) !important;
	box-shadow: var(--axiom-shadow) !important;
}

.LayoutPage.axiom-r-ui .card-header,
.LayoutPage.axiom-r-ui .card-footer,
.LayoutPage.axiom-r-ui .modal-header,
.LayoutPage.axiom-r-ui .modal-footer {
	border-color: var(--axiom-line) !important;
}

.LayoutPage.axiom-r-ui h1,
.LayoutPage.axiom-r-ui h2,
.LayoutPage.axiom-r-ui h3,
.LayoutPage.axiom-r-ui h4,
.LayoutPage.axiom-r-ui h5,
.LayoutPage.axiom-r-ui h6,
.LayoutPage.axiom-r-ui .text-dark {
	color: var(--axiom-text) !important;
}

.LayoutPage.axiom-r-ui .text-muted,
.LayoutPage.axiom-r-ui .text-secondary,
.LayoutPage.axiom-r-ui .text-gray,
.LayoutPage.axiom-r-ui .help-block,
.LayoutPage.axiom-r-ui .form-text {
	color: var(--axiom-muted) !important;
}

.LayoutPage.axiom-r-ui label,
.LayoutPage.axiom-r-ui .form-group > label,
.LayoutPage.axiom-r-ui .control-label {
	color: #c4d3dc;
}

.LayoutPage.axiom-r-ui .card a:not(.btn):not(.nav-link):not(.dropdown-item),
.LayoutPage.axiom-r-ui .modal-content a:not(.btn):not(.nav-link):not(.dropdown-item) {
	color: #7ee7f4;
}

.LayoutPage.axiom-r-ui .card a:not(.btn):not(.nav-link):not(.dropdown-item):hover,
.LayoutPage.axiom-r-ui .modal-content a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
	color: #c2f7fc;
}

/* Form controls only: do not touch hidden inputs, editors, or custom widgets. */
.LayoutPage.axiom-r-ui .form-control,
.LayoutPage.axiom-r-ui .custom-select,
.LayoutPage.axiom-r-ui .select2-container .select2-selection,
.LayoutPage.axiom-r-ui .input-group-text {
	background-color: rgba(2, 7, 11, .82) !important;
	border-color: rgba(116, 200, 222, .18) !important;
	color: var(--axiom-text) !important;
}

.LayoutPage.axiom-r-ui .form-control:focus,
.LayoutPage.axiom-r-ui .custom-select:focus,
.LayoutPage.axiom-r-ui .select2-container--focus .select2-selection {
	border-color: rgba(88, 227, 244, .62) !important;
	box-shadow: 0 0 0 3px rgba(88, 227, 244, .09) !important;
}

.LayoutPage.axiom-r-ui .form-control::placeholder {
	color: #718896 !important;
	opacity: 1;
}

.LayoutPage.axiom-r-ui .form-control:disabled,
.LayoutPage.axiom-r-ui .custom-select:disabled {
	background-color: rgba(22, 29, 35, .9) !important;
	border-color: rgba(138, 158, 170, .16) !important;
	color: #83939d !important;
	opacity: 1;
}

.LayoutPage.axiom-r-ui .btn:disabled,
.LayoutPage.axiom-r-ui .btn.disabled {
	box-shadow: none !important;
	color: #8fa0aa !important;
	opacity: .72;
}

.LayoutPage.axiom-r-ui .btn {
	border-radius: 8px;
	font-weight: 650;
}

.LayoutPage.axiom-r-ui .btn-primary {
	background: linear-gradient(110deg, #42d9ec, #647dff) !important;
	border-color: transparent !important;
	box-shadow: 0 7px 20px rgba(57, 167, 239, .16);
	color: #031019 !important;
}

.LayoutPage.axiom-r-ui .btn-light,
.LayoutPage.axiom-r-ui .btn-secondary,
.LayoutPage.axiom-r-ui .btn-outline-secondary,
.LayoutPage.axiom-r-ui .btn-light-primary {
	background: rgba(80, 116, 158, .1) !important;
	border-color: rgba(131, 180, 226, .16) !important;
	color: #b8ccda !important;
}

.LayoutPage.axiom-r-ui .table {
	color: #c8d8e3;
}

.LayoutPage.axiom-r-ui .table > thead > tr > th {
	background: rgba(3, 8, 12, .58);
	border-color: var(--axiom-line) !important;
	color: #8099aa;
	font-size: .7rem;
	font-weight: 750;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.LayoutPage.axiom-r-ui .table > tbody > tr > td {
	border-color: rgba(123, 175, 204, .09) !important;
}

.LayoutPage.axiom-r-ui .table > tbody > tr:nth-child(even) > td {
	background-color: rgba(255, 255, 255, .012);
}

.LayoutPage.axiom-r-ui .table-hover > tbody > tr:hover,
.LayoutPage.axiom-r-ui .list-group-item:hover {
	background-color: rgba(71, 196, 231, .05) !important;
}

.LayoutPage.axiom-r-ui .nav-tabs {
	border-bottom-color: var(--axiom-line) !important;
}

.LayoutPage.axiom-r-ui .nav-tabs .nav-link {
	color: #8299aa !important;
}

.LayoutPage.axiom-r-ui .nav-tabs .nav-link.active {
	background: transparent !important;
	border-color: transparent transparent var(--axiom-cyan) !important;
	color: var(--axiom-cyan) !important;
}

.LayoutPage.axiom-r-ui .dropdown-item {
	color: #b8cad7 !important;
}

.LayoutPage.axiom-r-ui .dropdown-item:hover,
.LayoutPage.axiom-r-ui .dropdown-item:focus,
.LayoutPage.axiom-r-ui .dropdown-item.active {
	background: rgba(76, 216, 244, .085) !important;
	color: var(--axiom-cyan) !important;
}

.LayoutPage.axiom-r-ui .list-group-item {
	background-color: rgba(5, 10, 15, .72);
	border-color: rgba(119, 207, 231, .11);
	color: #d7e4eb;
}

.LayoutPage.axiom-r-ui code,
.LayoutPage.axiom-r-ui pre {
	background-color: rgba(0, 0, 0, .48);
	color: #c8edf3;
}

.LayoutPage.axiom-r-ui .badge-success { color: #061810 !important; }
.LayoutPage.axiom-r-ui .badge-warning { color: #1d1403 !important; }
.LayoutPage.axiom-r-ui .badge-danger { color: #21050c !important; }

.LayoutPage.axiom-r-ui .text-success { color: #7ce9c1 !important; }
.LayoutPage.axiom-r-ui .text-warning { color: #f7d28d !important; }
.LayoutPage.axiom-r-ui .text-danger { color: #ff93aa !important; }

.LayoutPage.axiom-r-ui .alert {
	background: var(--axiom-panel-solid);
	border-color: var(--axiom-line);
	color: #bed0dc;
}

.LayoutPage.axiom-r-ui .alert-success { border-left-color: var(--axiom-green); }
.LayoutPage.axiom-r-ui .alert-warning { border-left-color: var(--axiom-amber); }
.LayoutPage.axiom-r-ui .alert-danger { border-left-color: var(--axiom-danger); }

.LayoutPage.axiom-r-ui :focus-visible {
	outline: 2px solid var(--axiom-cyan) !important;
	outline-offset: 2px;
}

@media (max-width: 1100px) {
	.axiom-r-status small { display: none; }
}

@media (max-width: 900px) {
	.axiom-r-ambient { opacity: .2; }
	.axiom-sidebar-telemetry { display: none; }
}

@media (max-width: 760px) {
	:root { --topbar-height: 58px; }
	.axiom-r-status { display: none; }
	.LayoutPage.axiom-r-ui .topbar-title { font-size: .95rem; }
	.LayoutPage.axiom-r-ui .card { border-radius: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.axiom-r-ambient { display: none; }
	.LayoutPage.axiom-r-ui *,
	.LayoutPage.axiom-r-ui *::before,
	.LayoutPage.axiom-r-ui *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}