@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

html,
body
{
	margin: 0;
	padding: 0;
	min-height: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

body
{
	width: 100%;
	background-color: var(--monitor-page-bg, #07111b);
	color: var(--monitor-page-text, #ebf4ff);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	box-sizing: border-box;
}

#header,
#result,
#monitor-desktop-footer,
.monitor-topbar__row,
.monitor-topbar__left,
.monitor-topbar__center,
.monitor-topbar__right
{
	max-width: 100%;
	box-sizing: border-box;
}
table
{
	font-size: 15px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 600;
}
td
{
	padding-right: 3px;
}

a:link { color: var(--monitor-link, deepskyblue); }
a:visited, a:hover, a:active { color: var(--monitor-link-hover, #0ff); }

:root,
html[data-theme="dark"] {
	--monitor-page-bg: var(--bg, #07111b);
	--monitor-page-text: var(--text, #ebf4ff);
	--monitor-link: var(--link, #d7efff);
	--monitor-link-hover: var(--brand-strong, #67e7ff);
	--monitor-message: #9cf;
	--monitor-type: #3db370;
	--monitor-capcode: #b8c5d1;
	--monitor-table-head: #9fdfff;
	--monitor-hit: #ffffff;
	--monitor-surface: #0b0f1a;
	--monitor-surface-2: #0f172a;
	--monitor-border-strong: rgba(255,255,255,0.06);
	--monitor-border-soft: rgba(255,255,255,0.10);
	--monitor-row-sep: rgba(255,255,255,0.08);
	--monitor-divider: rgba(255,255,255,0.06);
	--monitor-card-bg: rgba(255,255,255,0.02);
	--monitor-card-bg-2: rgba(255,255,255,0.04);
	--monitor-card-bg-hover: rgba(255,255,255,0.05);
	--monitor-card-bg-hover-2: rgba(255,255,255,0.08);
	--monitor-card-border: rgba(255,255,255,0.04);
	--monitor-card-shadow: 0 2px 8px rgba(0,0,0,0.22);
	--monitor-header-bg: color-mix(in srgb, var(--surface-strong, #0b1724) 94%, transparent);
	--monitor-header-border: var(--border, rgba(151, 183, 214, 0.2));
	--monitor-header-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
	--monitor-header-height: 35px;
	--monitor-control-bg: color-mix(in srgb, var(--surface-elevated, #0c1927) 92%, transparent);
	--monitor-control-bg-hover: var(--control-bg-hover, rgba(11, 27, 40, 0.92));
	--monitor-control-border: var(--control-border, rgba(151, 183, 214, 0.18));
	--monitor-control-border-hover: var(--control-border-strong, rgba(0, 194, 255, 0.36));
	--monitor-control-text: var(--text, #ebf4ff);
	--monitor-control-shadow: var(--shadow-soft, 0 16px 36px rgba(0, 0, 0, 0.22));
	--monitor-search-bg: var(--field-bg, rgba(5, 15, 24, 0.84));
	--monitor-search-text: var(--text, #ebf4ff);
	--monitor-search-placeholder: var(--field-placeholder, rgba(201, 223, 235, 0.48));
	--monitor-search-border: var(--field-border, rgba(151, 183, 214, 0.2));
	--monitor-search-focus: var(--control-border-strong, rgba(0, 194, 255, 0.36));
	--monitor-panel-bg: color-mix(in srgb, var(--surface, rgba(9, 19, 30, 0.94)) 92%, transparent);
	--monitor-panel-border: var(--border, rgba(151, 183, 214, 0.2));
	--monitor-panel-shadow: var(--shadow-soft, 0 16px 36px rgba(0, 0, 0, 0.22));
	--monitor-panel-text: var(--muted-strong, #c6d9ea);
	--monitor-banner-bg: color-mix(in srgb, var(--warning-soft, rgba(177, 122, 39, 0.18)) 55%, var(--surface-elevated, #0c1927));
	--monitor-banner-border: color-mix(in srgb, var(--warning, #ffd27f) 24%, var(--border, rgba(151, 183, 214, 0.2)));
	--monitor-banner-text: #fff4df;
	--monitor-banner-strong: #ffd69f;
	--monitor-banner-muted: rgba(255, 239, 213, 0.84);
	--monitor-banner-link: #ffe8b9;
	--monitor-banner-link-border: rgba(255, 214, 138, 0.45);
	--monitor-pill-bg: color-mix(in srgb, var(--surface-elevated, #0c1927) 94%, transparent);
	--monitor-pill-bg-hover: var(--control-bg-hover, rgba(11, 27, 40, 0.92));
	--monitor-pill-border: var(--border-strong, rgba(173, 205, 233, 0.26));
	--monitor-pill-border-hover: var(--control-border-strong, rgba(0, 194, 255, 0.36));
	--monitor-pill-text: var(--text, #ebf4ff);
	--monitor-pill-shadow: var(--shadow-soft, 0 16px 36px rgba(0, 0, 0, 0.22));
		--monitor-tooltip-bg: linear-gradient(180deg, #4a2b00 0%, #2a1600 100%);
		--monitor-tooltip-text: #f5e6c8;
		--monitor-tooltip-border: rgba(255,165,0,0.35);
		--bg-incident-a: #0d1117;
		--bg-incident-b: #151b23;
		--monitor-focus-ring: rgba(0, 194, 255, 0.16);
	--monitor-menu-avatar-bg: linear-gradient(135deg, #86f4ff 0%, #57d2ff 38%, #55ff9d 100%);
	--monitor-menu-avatar-text: #03141a;
	--monitor-menu-role-bg: rgba(9, 20, 28, 0.95);
	--monitor-menu-role-border: rgba(0, 200, 255, 0.14);
	--monitor-menu-role-text: rgba(201, 239, 255, 0.78);
	--monitor-menu-row-bg: color-mix(in srgb, var(--surface-elevated, #0c1927) 96%, transparent);
	--monitor-menu-row-bg-hover: #0b1622;
	--monitor-menu-row-border: rgba(0, 200, 255, 0.08);
	--monitor-menu-row-text: #f5fbff;
	--monitor-menu-row-muted: rgba(204, 232, 246, 0.6);
	--monitor-menu-icon-bg: rgba(13, 25, 36, 0.9);
	--monitor-menu-icon-bg-hover: linear-gradient(180deg, rgba(17, 42, 61, 0.95), rgba(11, 28, 41, 0.95));
	--monitor-menu-icon-color: rgba(159, 232, 255, 0.72);
	--monitor-menu-arrow-color: rgba(164, 211, 232, 0.5);
	--monitor-menu-arrow-color-hover: rgba(197, 238, 255, 1);
	--monitor-menu-logout-icon-bg: linear-gradient(180deg, rgba(48, 24, 30, 0.92), rgba(32, 17, 21, 0.92));
	--monitor-menu-logout-icon-bg-hover: linear-gradient(180deg, rgba(62, 28, 36, 0.95), rgba(39, 18, 24, 0.95));
	--monitor-menu-logout-icon-color: rgba(255, 186, 186, 0.88);
	--monitor-menu-logout-icon-color-hover: rgba(255, 220, 220, 0.94);
	--monitor-menu-disabled-bg: color-mix(in srgb, var(--surface-elevated, #0c1927) 82%, transparent);
	--monitor-menu-disabled-border: rgba(151, 183, 214, 0.08);
	--monitor-menu-disabled-text: rgba(204, 232, 246, 0.56);
	--monitor-menu-disabled-icon: rgba(159, 232, 255, 0.42);
	--monitor-topbar-chip-bg: color-mix(in srgb, var(--surface-elevated, #0c1927) 95%, transparent);
	--monitor-topbar-chip-bg-hover: color-mix(in srgb, var(--control-bg-hover, rgba(11, 27, 40, 0.92)) 92%, transparent);
	--monitor-topbar-chip-bg-active: color-mix(in srgb, var(--control-bg-hover, rgba(11, 27, 40, 0.92)) 78%, black 22%);
	--monitor-topbar-chip-border: var(--border-strong, rgba(173, 205, 233, 0.26));
	--monitor-topbar-chip-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
	--monitor-topbar-chip-text: var(--text, #ebf4ff);
	--monitor-topbar-toggle-on-bg: linear-gradient(180deg, rgba(12, 94, 126, 0.96), rgba(7, 69, 98, 0.98));
	--monitor-topbar-toggle-on-bg-hover: linear-gradient(180deg, rgba(16, 111, 148, 0.98), rgba(8, 83, 116, 1));
	--monitor-topbar-toggle-on-border: rgba(128, 233, 255, 0.62);
	--monitor-topbar-toggle-on-shadow: 0 16px 30px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(197, 244, 255, 0.18), 0 0 0 1px rgba(103, 231, 255, 0.12);
	--monitor-topbar-toggle-on-text: #f2fdff;
	--monitor-topbar-icon-filter: none;
	--monitor-topbar-icon-filter-hover: none;
	--monitor-topbar-hover-border: color-mix(in srgb, var(--brand-strong, #67e7ff) 30%, var(--monitor-topbar-chip-border));
	--monitor-topbar-hover-bg: color-mix(in srgb, var(--monitor-topbar-chip-bg-hover) 82%, var(--brand-soft, rgba(0, 194, 255, 0.16)) 18%);
	--monitor-topbar-hover-shadow: 0 16px 30px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255,255,255,0.06), 0 0 0 1px rgba(103, 231, 255, 0.08);
	--monitor-topbar-focus-ring: 0 0 0 3px rgba(0,194,255,0.18);
	--monitor-topbar-press-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 0 0 3px rgba(0,194,255,0.16);
	--monitor-topbar-icon-size: 18px;
	--monitor-topbar-avatar-size: 32px;
	--monitor-topbar-info-bg: color-mix(in srgb, var(--surface-elevated, #0c1927) 88%, var(--brand-strong, #67e7ff) 12%);
	--monitor-topbar-info-bg-hover: color-mix(in srgb, var(--surface-elevated, #0c1927) 82%, var(--brand-strong, #67e7ff) 18%);
	--monitor-topbar-info-bg-active: color-mix(in srgb, var(--surface-elevated, #0c1927) 76%, var(--brand-strong, #67e7ff) 24%);
	--monitor-topbar-info-border: rgba(103, 231, 255, 0.34);
	--monitor-topbar-info-icon-color: #eaf9ff;
	--monitor-topbar-info-icon-color-hover: #ffffff;
	--monitor-topbar-user-icon-bg: rgba(255, 255, 255, 0.08);
	--monitor-topbar-user-icon-border: rgba(173, 205, 233, 0.22);
	--monitor-topbar-user-icon-filter: brightness(0) invert(1);
	--monitor-topbar-user-icon-shadow: inset 0 1px 0 rgba(255,255,255,.08);
	--monitor-topbar-search-width: clamp(240px, 20vw, 340px);
	--monitor-topbar-control-height: 42px;
	--monitor-topbar-radius: 14px;
	--monitor-topbar-gap: 12px;
	--monitor-topbar-cluster-gap: 10px;
	--monitor-topbar-clock-bg: color-mix(in srgb, var(--monitor-topbar-chip-bg) 96%, transparent);
	--monitor-topbar-clock-border: color-mix(in srgb, var(--monitor-topbar-chip-border) 88%, rgba(255,255,255,0.08));
	--monitor-topbar-clock-shadow: var(--monitor-topbar-chip-shadow);
	--monitor-footer-text: rgba(217, 231, 244, 0.86);
	--monitor-footer-meta: rgba(181, 202, 221, 0.76);
	--monitor-footer-link: #d9efff;
	--monitor-footer-link-hover: #ffffff;
	--monitor-footer-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
	--monitor-brw: #f55;
	}

html[data-theme="light"] {
	--monitor-page-bg: var(--bg, #eef3f7);
	--monitor-page-text: var(--text, #12202c);
	--monitor-link: var(--link, #0b5f90);
	--monitor-link-hover: var(--brand-strong, #0098d8);
	--monitor-message: #1f3b8a;
	--monitor-type: #0f7a2b;
	--monitor-capcode: #20313d;
	--monitor-table-head: #111111;
	--monitor-hit: #0b1220;
	--monitor-surface: #ffffff;
	--monitor-surface-2: #f7f9fc;
	--monitor-border-strong: rgba(15,23,42,0.22);
	--monitor-border-soft: rgba(15,23,42,0.12);
	--monitor-row-sep: rgba(15,23,42,0.12);
	--monitor-divider: rgba(15,23,42,0.12);
	--monitor-card-bg: #ffffff;
	--monitor-card-bg-2: #f7f9fc;
	--monitor-card-bg-hover: #f8fafc;
	--monitor-card-bg-hover-2: #eef2f7;
	--monitor-card-border: #e4e7ec;
	--monitor-card-shadow: 0 2px 8px rgba(15,23,42,0.08);
	--monitor-header-bg: linear-gradient(180deg, rgba(243, 248, 252, 0.98), rgba(234, 241, 247, 0.98));
	--monitor-header-border: rgba(97, 122, 144, 0.24);
	--monitor-header-shadow: 0 12px 28px rgba(33, 55, 73, 0.1);
	--monitor-control-bg: color-mix(in srgb, var(--surface-elevated, rgba(255, 255, 255, 0.99)) 95%, transparent);
	--monitor-control-bg-hover: var(--control-bg-hover, rgba(255, 255, 255, 0.98));
	--monitor-control-border: var(--control-border, rgba(116, 146, 173, 0.18));
	--monitor-control-border-hover: rgba(62, 103, 138, 0.52);
	--monitor-control-text: var(--text, #12202c);
	--monitor-control-shadow: var(--shadow-soft, 0 16px 36px rgba(33, 55, 73, 0.08));
	--monitor-search-bg: linear-gradient(180deg, rgba(247, 250, 253, 0.99), rgba(239, 245, 250, 0.99));
	--monitor-search-text: #10202d;
	--monitor-search-placeholder: rgba(78, 99, 119, 0.82);
	--monitor-search-border: rgba(95, 118, 138, 0.34);
	--monitor-search-focus: rgba(54, 97, 132, 0.5);
	--monitor-panel-bg: color-mix(in srgb, var(--surface, rgba(255, 255, 255, 0.96)) 94%, transparent);
	--monitor-panel-border: var(--border, rgba(116, 146, 173, 0.2));
	--monitor-panel-shadow: var(--shadow-soft, 0 16px 36px rgba(33, 55, 73, 0.08));
	--monitor-panel-text: #32485c;
	--monitor-banner-bg: linear-gradient(180deg, rgba(255, 248, 236, 0.98), rgba(248, 241, 229, 0.98));
	--monitor-banner-border: rgba(185, 109, 0, 0.22);
	--monitor-banner-text: #5a3a07;
	--monitor-banner-strong: #8f5600;
	--monitor-banner-muted: #667a8e;
	--monitor-banner-link: #7a4c00;
	--monitor-banner-link-border: rgba(122, 76, 0, 0.34);
	--monitor-pill-bg: linear-gradient(180deg, rgba(223, 231, 238, 0.99), rgba(210, 220, 228, 0.99));
	--monitor-pill-bg-hover: linear-gradient(180deg, rgba(214, 224, 232, 1), rgba(202, 213, 222, 1));
	--monitor-pill-border: rgba(86, 110, 130, 0.38);
	--monitor-pill-border-hover: rgba(60, 100, 135, 0.5);
	--monitor-pill-text: var(--text, #12202c);
	--monitor-pill-shadow: 0 7px 16px rgba(33, 55, 73, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.42);
		--monitor-tooltip-bg: #ffffff;
		--monitor-tooltip-text: #12202c;
		--monitor-tooltip-border: rgba(116, 146, 173, 0.24);
		--bg-incident-a: #edf3f8;
		--bg-incident-b: #e2eaf1;
		--monitor-focus-ring: rgba(54, 97, 132, 0.16);
	--monitor-menu-avatar-bg: linear-gradient(135deg, #7ad9ff 0%, #38b6ec 48%, #7cd38a 100%);
	--monitor-menu-avatar-text: #08202f;
	--monitor-menu-role-bg: rgba(239, 245, 250, 0.98);
	--monitor-menu-role-border: rgba(116, 146, 173, 0.2);
	--monitor-menu-role-text: #4c667a;
	--monitor-menu-row-bg: rgba(249, 252, 255, 0.99);
	--monitor-menu-row-bg-hover: rgba(237, 244, 250, 0.99);
	--monitor-menu-row-border: rgba(116, 146, 173, 0.14);
	--monitor-menu-row-text: #142433;
	--monitor-menu-row-muted: #617789;
	--monitor-menu-icon-bg: rgba(228, 237, 244, 0.98);
	--monitor-menu-icon-bg-hover: rgba(216, 229, 239, 0.99);
	--monitor-menu-icon-color: #21597b;
	--monitor-menu-arrow-color: #7f98aa;
	--monitor-menu-arrow-color-hover: #0b6e9d;
	--monitor-menu-logout-icon-bg: rgba(255, 239, 239, 0.98);
	--monitor-menu-logout-icon-bg-hover: rgba(255, 231, 231, 0.98);
	--monitor-menu-logout-icon-color: #b84646;
	--monitor-menu-logout-icon-color-hover: #9f3636;
	--monitor-menu-disabled-bg: rgba(233, 240, 246, 0.98);
	--monitor-menu-disabled-border: rgba(104, 129, 150, 0.16);
	--monitor-menu-disabled-text: #74889b;
	--monitor-menu-disabled-icon: #728da4;
	--monitor-topbar-chip-bg: linear-gradient(180deg, rgba(226, 235, 242, 0.99), rgba(206, 217, 227, 0.99));
	--monitor-topbar-chip-bg-hover: linear-gradient(180deg, rgba(214, 226, 236, 1), rgba(195, 208, 220, 1));
	--monitor-topbar-chip-bg-active: linear-gradient(180deg, rgba(197, 211, 223, 1), rgba(180, 194, 207, 1));
	--monitor-topbar-chip-border: rgba(58, 82, 104, 0.58);
	--monitor-topbar-chip-shadow: 0 10px 20px rgba(33, 55, 73, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.58);
	--monitor-topbar-chip-text: #0a1a26;
	--monitor-topbar-toggle-on-bg: linear-gradient(180deg, rgba(255, 210, 116, 0.98), rgba(238, 172, 58, 1));
	--monitor-topbar-toggle-on-bg-hover: linear-gradient(180deg, rgba(255, 220, 139, 1), rgba(244, 181, 72, 1));
	--monitor-topbar-toggle-on-border: rgba(148, 94, 17, 0.68);
	--monitor-topbar-toggle-on-shadow: 0 16px 30px rgba(120, 77, 16, 0.22), inset 0 1px 0 rgba(255, 247, 214, 0.9), 0 0 0 1px rgba(255, 203, 92, 0.28);
	--monitor-topbar-toggle-on-text: #4d2d00;
	--monitor-topbar-icon-filter: brightness(.16) saturate(1.14) contrast(1.28);
	--monitor-topbar-icon-filter-hover: brightness(.08) saturate(1.18) contrast(1.3);
	--monitor-topbar-hover-border: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--monitor-topbar-chip-border));
	--monitor-topbar-hover-bg: linear-gradient(180deg, rgba(215, 227, 237, 0.98), rgba(197, 211, 223, 0.98));
	--monitor-topbar-hover-shadow: 0 14px 28px rgba(33, 55, 73, 0.18), inset 0 1px 0 rgba(255,255,255,0.72), 0 0 0 1px rgba(74, 145, 184, 0.12);
	--monitor-topbar-focus-ring: 0 0 0 3px rgba(54, 97, 132, 0.22);
	--monitor-topbar-press-shadow: inset 0 1px 2px rgba(23, 44, 62, 0.2), 0 0 0 3px rgba(54, 97, 132, 0.18);
	--monitor-topbar-icon-size: 18px;
	--monitor-topbar-avatar-size: 32px;
	--monitor-topbar-info-bg: linear-gradient(180deg, rgba(213, 229, 240, 1), rgba(194, 212, 224, 1));
	--monitor-topbar-info-bg-hover: linear-gradient(180deg, rgba(199, 218, 232, 1), rgba(182, 202, 216, 1));
	--monitor-topbar-info-bg-active: linear-gradient(180deg, rgba(185, 205, 220, 1), rgba(168, 189, 205, 1));
	--monitor-topbar-info-border: rgba(39, 75, 103, 0.56);
	--monitor-topbar-info-icon-color: #102f46;
	--monitor-topbar-info-icon-color-hover: #0a2235;
	--monitor-topbar-user-icon-bg: linear-gradient(180deg, rgba(236, 243, 248, 1), rgba(221, 231, 239, 1));
	--monitor-topbar-user-icon-border: rgba(72, 97, 118, 0.4);
	--monitor-topbar-user-icon-filter: brightness(.14) saturate(1.12) contrast(1.24);
	--monitor-topbar-user-icon-shadow: inset 0 1px 0 rgba(255,255,255,.68);
	--monitor-topbar-search-width: clamp(250px, 22vw, 360px);
	--monitor-topbar-control-height: 42px;
	--monitor-topbar-radius: 14px;
	--monitor-topbar-gap: 12px;
	--monitor-topbar-cluster-gap: 10px;
	--monitor-topbar-clock-bg: linear-gradient(180deg, rgba(223, 233, 241, 1), rgba(203, 215, 226, 1));
	--monitor-topbar-clock-border: rgba(58, 82, 104, 0.58);
	--monitor-topbar-clock-shadow: 0 8px 18px rgba(33, 55, 73, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.62);
	--monitor-footer-text: #445a6f;
	--monitor-footer-meta: #5d7387;
	--monitor-footer-link: #0f5f8f;
	--monitor-footer-link-hover: #0a4f77;
	--monitor-footer-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
	--monitor-brw: #e04;
	}

tr .css1 td
{
	visibility: hidden;
}

.datetime
{
	color: var(--monitor-table-head, #9fdfff);
	vertical-align: top;
	white-space: nowrap;
	font-size: 14px;
	opacity: .7;
	width: 140px;
	min-width: 140px;
	font-variant-numeric: tabular-nums;
}
.type  { color: var(--monitor-type, #0c0); vertical-align: top; text-align: left; white-space: nowrap; width: 92px; min-width: 92px; }
.capcode { margin-left: 0; color: var(--monitor-capcode, #fff); white-space: nowrap; text-align: left; font-weight: 700; letter-spacing: .2px; width: 92px; min-width: 92px; font-variant-numeric: tabular-nums; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }

.MSGambu a:link, .MSGbrw a:link, .MSGpol a:link, .MSGkw a:link, .MSGrb a:link, .MSGheli a:link { color: var(--monitor-message, #0cf); }
.MSG { color: var(--monitor-message, #9cf); vertical-align: top; }
.MSGambu, .MSGbrw, .MSGpol, .MSGkw, .MSGrb, .MSGheli, .MSGg { color: var(--monitor-message, #0cf); vertical-align: top; }
tr:not(.message-row) td.MSGbrw { color: var(--monitor-brw, #f55); }
.MSGn { color: #f00; vertical-align: top; }
.MSGinc { text-align: center; }

.c01, .c02 { color: #ff0; }
html[data-theme="light"] .c01,
html[data-theme="light"] .c02 {
	color: #855100;
}
html[data-theme="light"] #result .c01,
html[data-theme="light"] #result .c02,
html[data-theme="light"] #result .c01 a,
html[data-theme="light"] #result .c02 a,
html[data-theme="light"] #result .c01 span,
html[data-theme="light"] #result .c02 span,
html[data-theme="light"] #result .label-long .c01,
html[data-theme="light"] #result .label-long .c02,
html[data-theme="light"] #result .label-short .c01,
html[data-theme="light"] #result .label-short .c02,
html[data-theme="light"] #result td.c01,
html[data-theme="light"] #result td.c02 {
	color: #734400 !important;
}
.c03, .c18 { color: #f00; }
.c04 { color: #f90; }
.c05 { color: #60f; }
.c06 { color: #099; }
.c07 { color: #fff; }
.c08 { color: #3c3; }
.c09 { color: #ccc; }
.c10 { color: #760; }
.c11 { color: #f3f; }
.c12, .c19 { color: #4d82f7; }
.c13 { color: #f3f; }
.c14 { color: #3d9; }
.c15, .c21 { color: #f90; }
.c16 { color: #00f; }
.c17 { color: #cfc; }
.c20 { color: #3d9; }

/* Mobile message list — desktop defaults */
tr.mobile-meta { display: none; }
.dt-date { display: inline; }
.label-long { display: inline; }
.label-short,
.label-compact-full,
.capcode-prefix { display: none; }
.label-long,
.label-compact-full,
.label-short {
	font-size: inherit;
}
.tablet-full-labels { display: none; }
.capcode-prefix {
	color: var(--monitor-capcode, #b8c5d1);
	font-weight: 700;
	margin: 0;
	white-space: nowrap;
	text-align: left;
	font-variant-numeric: tabular-nums;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

/* Mobile viewport state comes from JS (`body.mobile-viewport`) so phones wider than
   430px still follow the intended monitor behavior for capcodes. */
body.mobile-viewport:not(.classic-mode) #result tr td.capcode,
body.mobile-viewport:not(.classic-mode) #result tr td.MSGinc {
	display: none !important;
}

body.mobile-viewport:not(.classic-mode) #result .label-short {
	grid-template-columns: minmax(0, 1fr) !important;
}

body.mobile-viewport:not(.classic-mode) #result .label-short .capcode-prefix {
	display: none !important;
}

body.mobile-viewport.mobile-classic-capcodes #result tr td.capcode {
	display: none !important;
}

body.mobile-viewport.mobile-classic-capcodes #result tr.mobile-meta td.meta-mobile {
	padding: 4px 6px 0 6px !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	opacity: .72 !important;
	letter-spacing: .06px !important;
}

body.mobile-viewport.mobile-classic-capcodes #result tr.message-row td:last-child,
body.mobile-viewport.mobile-classic-capcodes #result tr.melding td:last-child {
	padding-bottom: 4px !important;
	line-height: 1.38 !important;
}

body.mobile-viewport.mobile-classic-capcodes #result tr.sub-row td {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.mobile-viewport.mobile-classic-capcodes #result tr.sub-row td.capcode {
	padding-left: 6px !important;
	padding-right: 6px !important;
	font-size: 11px !important;
	line-height: 1.15 !important;
	color: var(--monitor-capcode, #b8c5d1) !important;
}

body.mobile-viewport.mobile-classic-capcodes #result tr.sub-row td:last-child {
	padding: 0 6px 1px !important;
	font-size: 11px !important;
	line-height: 1.24 !important;
	opacity: 0.9 !important;
}

body.mobile-viewport.mobile-classic-capcodes #result .label-short {
	grid-template-columns: 52px minmax(0, 1fr) !important;
	column-gap: 5px !important;
	align-items: start !important;
}

body.mobile-viewport.mobile-classic-capcodes #result .label-short .capcode-prefix {
	display: block !important;
	width: 52px !important;
	min-width: 52px !important;
	font-size: 10.5px !important;
	color: var(--monitor-capcode, #b8c5d1) !important;
}

body.mobile-viewport.mobile-classic-capcodes #result .label-short .label-short-text {
	grid-column: auto !important;
	font-size: 11px !important;
	line-height: 1.24 !important;
}

/* ============================================================
   Responsive: iPhone (≤ 430px)
   Tabel → block-layout zodat berichttekst de volledige
   schermbreedte benut. Tijd + type in aparte kopregel.
   ============================================================ */
@media (max-width: 430px) {

  /* 1. Viewport volledig benutten */
  body { width: 100% !important; overflow-x: hidden; padding-bottom: 80px !important; }
  html { overflow-x: hidden; }

  /* Standaard font-size groter op mobiel als gebruiker geen voorkeur heeft opgeslagen.
     Wordt overschreven door cookie-injected .TIP,table { font-size: Xpx !important } */
  table { font-size: 14px; }

  /* 2. Container volledige breedte */
  #result {
    width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important;
    border-left: none !important; border-right: none !important;
    box-sizing: border-box;
  }

  /* 3. Tabelstructuur → block-layout */
  #result table,
  #result tbody,
  #result tr,
  #result td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    min-width: 0 !important;
  }

  /* 4. Mobile meta row: zichtbaar, kleine grijze kopregel */
  tr.mobile-meta                { display: block !important; }
  tr.mobile-meta td.meta-mobile {
    font-size: 10px !important;
    opacity: .65;
    padding: 5px 8px 1px 8px !important;
    background: inherit !important;
    border: none !important;
    font-weight: 500;
    letter-spacing: .1px;
  }

  /* 5. Verberg datetime en type kolommen in berichtrijen
        #result prefix nodig: hogere specificiteit dan #result td { display:block !important } */
  #result tr.message-row td.datetime,
  #result tr.message-row td.type { display: none !important; }

  /* 6. Verberg capcode-nummers en MSGinc; label pakt volle breedte */
  #result tr td.capcode { display: none !important; }
  #result tr td.MSGinc  { display: none !important; }

  /* 7. Reset padding in overige cellen */
  #result tr.message-row td,
  #result tr:not(.mobile-meta):not(.message-row) td {
    background: inherit !important;
    border: none !important;
    padding: 1px 8px !important;
  }

  /* 8. Berichttekst-cel: card-stijl, volle breedte */
  #result tr.message-row td:last-child {
    background: inherit !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 6px !important;
    padding: 5px 8px !important;
    font-size: 15px !important;
    font-weight: 500;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  /* 8b. Capcode-label cellen (niet-bericht rijen) */
  #result tr:not(.message-row):not(.mobile-meta) td:last-child {
    font-size: 12px !important;
    font-weight: 500;
    opacity: 0.95;
  }

  /* 9. Datum verbergen, alleen tijd tonen */
  td span.dt-date { display: none; }

  /* 10. Tooltip/klikbare tekst volgt dezelfde basis font-size */
  .TIP,
  .TIP a,
  .tooltip-link,
  [data-tip] {
    font-size: inherit !important;
  }
}

span
{
	margin-left: 0px;	// was 3
	font-weight: 600;
} 

.INC
{
	display: block;
	background-color: #f00;
	color: #fff;
	font-size: 11px;
	text-align: center;
	margin: -3px 0px;
	padding: 3px 10px;
	text-shadow: 1px 1px 2px black;
}
span#inc.INC	/* whole incident block */
{
	border-radius: 5px;
}
span#inc1.INC	/* first incident block */
{
	border-radius: 5px 5px 0px 0px;
}
span#inc2.INC	/* second incident block */
{
	border-radius: 0px 0px 5px 5px;
}
span#mmt.INC	/* MMT block */
{
	border-radius: 5px;
	background-color: orange;
	display: inline;
	margin: 0px;
	padding: 3px 5px;
}

#F
{
	margin-left: 3px;
} 
#B
{
	color: #f96;
}

/* Tooltip — zelfde stijl als monitorv2 voor consistente look & feel */
#p2ktooltip
{
	position: fixed;
	color: #f5e6c8;
	border: 1px solid rgba(255,165,0,0.35);
	border-radius: 8px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	padding: clamp(6px, 1vh, 10px) clamp(8px, 1.5vw, 12px);
	background: linear-gradient(180deg, #4a2b00 0%, #2a1600 100%);
	box-shadow: 0 8px 20px rgba(0,0,0,0.40), 0 0 12px rgba(255,165,0,0.15);
	visibility: hidden;
	opacity: 0;
	-webkit-transform: none;
	transform: none;
	pointer-events: none;
	z-index: 2147483002;
	isolation: isolate;
	transform-origin: top left;
	will-change: auto;
	white-space: normal;
	overflow-wrap: anywhere;
	max-width: clamp(180px, 22vw, 300px);
	font-size: inherit;
}
#p2ktooltip .tip-title
{
	font-size: inherit;
	font-weight: 700;
	letter-spacing: 0.3px;
	margin: 0 0 3px 0;
	color: #f5e6c8;
}
#p2ktooltip .tip-body
{
	font-size: inherit;
	line-height: 1.4;
	opacity: 0.9;
}
#p2ktooltip .tip-cta
{
	margin-top: 5px;
	font-size: inherit;
	opacity: 0.7;
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: 4px;
}
#p2ktooltip.visible
{
	visibility: visible !important;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	/* pointer-events blijft none — tooltip mag nooit zijn eigen hover onderscheppen.
	   Als auto: Safari vuurt mouseout op het .TIP-element zodra de tooltip
	   erover heen verschijnt → directe verberging → alleen klikken werkt. */
	transition: none;
}
#p2ktooltip.hiding
{
	visibility: hidden;
	opacity: 0;
	-webkit-transform: none;
	transform: none;
	transition: none;
}
#p2ktooltip h1
{
	font-size: inherit;
	margin: 0 0 3px 0;
	padding: 0;
	color: #f5e6c8;
	letter-spacing: 0.3px;
	font-weight: 700;
}
body:not(.mobile-viewport).classic-desktop-view #p2ktooltip {
	position: fixed !important;
	max-width: 500px !important;
	color: #fff !important;
	border: 2px solid #757575 !important;
	border-radius: 9px !important;
	font-size: 11px !important;
	font-family: Verdana, arial, helvetica, serif !important;
	font-weight: 700 !important;
	text-shadow: 1px 1px 2px #000 !important;
	padding: 2px 5px !important;
	background: #f60 !important;
	background-color: #f60 !important;
	box-shadow: none !important;
	opacity: 0;
	transform: scale(0);
	pointer-events: none;
	z-index: 2147483002 !important;
	transform-origin: top left;
	white-space: nowrap !important;
	overflow-wrap: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #p2ktooltip.visible {
	visibility: visible !important;
	opacity: 1;
	transform: scale(1);
	pointer-events: none;
	transition: transform 0.4s ease, opacity 0.4s ease;
}

body:not(.mobile-viewport).classic-desktop-view #p2ktooltip.hiding {
	opacity: 0;
	transform: scale(0);
	transition: transform 0.2s ease, opacity 0.2s ease;
}

body:not(.mobile-viewport).classic-desktop-view #p2ktooltip h1 {
	font-size: 14px !important;
	margin: 0 !important;
	padding: 0 0 5px 5px !important;
	color: yellow !important;
	letter-spacing: normal !important;
	font-family: Verdana, arial, helvetica, serif !important;
	font-weight: 700 !important;
	text-shadow: 1px 1px 2px #000 !important;
}

body:not(.mobile-viewport).classic-desktop-view #p2ktooltip .brandbase,
body:not(.mobile-viewport).classic-desktop-view #p2ktooltip .googlemaps {
	border-top: 1px dotted black;
	border-left: 1px dotted black;
	padding-left: 3px;
	color: deepskyblue;
	font-size: 10px;
	text-shadow: 1px 1px 2px gray;
	float: right;
}

@media (max-width: 900px) {
  #p2ktooltip { font-size: inherit; max-width: min(240px, calc(100vw - 24px)); padding: 7px 10px; }
  /* TAAK 5 — Tablet kolombreedte */
  .datetime { width: 124px; min-width: 124px; }
  .type     { width: 78px; min-width: 72px; }
  .capcode  { width: 78px; min-width: 72px; }
  .dt-date  { display: inline; }
}
@media (max-width: 430px) {
  #p2ktooltip { font-size: inherit; max-width: min(240px, calc(100vw - 20px)); padding: 7px 10px; }
}

.brandbase, .googlemaps
{
	border-top: 1px dotted black;
	border-left: 1px dotted black;
	padding-left: 3px;
	color: deepskyblue;
	font-size: 10px;
	text-shadow: 1px 1px 2px gray;
	float: right;
}

.TIP, .tooltip-link
{
	margin-left: 0;
	display: inline-block;
	font-size: inherit;
	text-decoration: underline dotted;
	text-decoration-color: rgba(150, 150, 150, 0.35);
	text-underline-offset: 2px;
	cursor: pointer !important; /* Safari vereist cursor:pointer voor mouseover/pointerenter op spans */
}
.TIP a
{
	display: inline-block;
	font-size: inherit;
	text-decoration: none;
	color: inherit;
}
.TIP#BB
{
	color: deepskyblue;
}
.TIP:hover
{
	background-color: rgba(255,165,0,0.1);
	border-radius: 2px;
	text-decoration-color: rgba(150, 150, 150, 0.6);
}

/* Voertuignummers (Brandbase + overige data-tip-click) matchen de kleur
   van de omringende meldingstekst en tonen geen underline in rust-staat.
   color: inherit !important overschrijft eventuele discipline-klassen (c12, c02 etc.)
   op het element zelf. Hover: subtiele underline als interactie-hint. */
.TIP[data-tip-click] {
	color: inherit !important;
	text-decoration: none;
}
.TIP[data-tip-click]:hover {
	text-decoration: underline dotted;
	text-decoration-color: rgba(150, 150, 150, 0.55);
}
#headerX
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 35px;
	background-color: #000;
	transition: height 0.5s ease; /* add transition for smooth resizing */
	overflow: hidden; /* hide overflow when height reduces */
}
#headerX.hidden
{
	height: 0;
}

div#infobar
{
	display: flex;
	justify-content: center;
}
#infobar
{
	position: sticky;
	top: calc(var(--monitor-header-height, 35px) + 2px);
	left: 0;
	right: 0;
	z-index: 18;
	display: block;
	padding: 8px 14px 10px;
	margin: 0 auto;
	box-sizing: border-box;
	transition: opacity .18s ease, transform .18s ease;
}
#infobar .infobar-inner
{
	position: relative;
	width: 100%;
	max-width: min(940px, calc(100vw - 28px));
	margin: 0 auto;
}
#infobar .infobar-content
{
	color: var(--monitor-banner-text, #fff4df);
	border: 1px solid var(--monitor-banner-border, rgba(255,165,0,0.35));
	border-radius: 8px;
	font-size: 12px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 600;
	width: 100%;
	min-height: 50px;
	padding: 10px 60px 10px 18px;
	background: var(--monitor-banner-bg, linear-gradient(180deg, #4a2b00 0%, #2a1600 100%));
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	text-align: left;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}
#infobar .infobar-main
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 14px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}
#infobar .infobar-copy
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px 10px;
	max-width: 100%;
}
#infobar .infobar-content strong
{
	color: var(--monitor-banner-strong, #ffd69f);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
}
#infobar .infobar-content em
{
	color: var(--monitor-banner-muted, rgba(255, 239, 213, 0.84));
	font-style: normal;
	font-weight: 500;
}
#infobar .infobar-body
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--monitor-banner-muted, rgba(255, 239, 213, 0.84));
	font-weight: 500;
	line-height: 1.45;
}
#infobar .infobar-content a
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid var(--monitor-banner-link-border, rgba(255, 214, 138, 0.45));
	border-radius: 8px;
	background: color-mix(in srgb, var(--monitor-banner-link, #ffe8b9) 12%, transparent);
	color: var(--monitor-banner-link, #ffe8b9);
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
#infobar .infobar-content a:hover,
#infobar .infobar-content a:focus-visible
{
	background: color-mix(in srgb, var(--monitor-banner-link, #ffe8b9) 18%, transparent);
	border-color: color-mix(in srgb, var(--monitor-banner-link-border, rgba(255, 214, 138, 0.45)) 78%, white);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
	outline: none;
}
#infobar .infobar-content--telegram
{
	background: linear-gradient(135deg, color-mix(in srgb, #229ed9 22%, var(--monitor-banner-bg, #0c1927)), var(--monitor-banner-bg, #0c1927));
	border-color: color-mix(in srgb, #229ed9 46%, var(--monitor-banner-border, rgba(255,165,0,0.35)));
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2), 0 0 0 1px color-mix(in srgb, #229ed9 12%, transparent);
}
#infobar .infobar-content--telegram .infobar-main
{
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	justify-content: stretch;
	width: 100%;
	gap: 12px;
	text-align: left;
}
#infobar .infobar-content--telegram .infobar-copy
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 3px;
	min-width: 0;
	text-align: left;
}
#infobar .infobar-content--telegram strong
{
	color: #f5fbff;
	font-size: 13px;
	font-weight: 800;
}
#infobar .infobar-content--telegram em
{
	color: color-mix(in srgb, #dff5ff 82%, var(--monitor-banner-muted, rgba(255, 239, 213, 0.84)));
	font-size: 12px;
	font-weight: 700;
}
#infobar .infobar-content--telegram .infobar-body
{
	display: block;
	color: color-mix(in srgb, #edfaff 78%, var(--monitor-banner-muted, rgba(255, 239, 213, 0.84)));
}
#infobar .infobar-icon
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: color-mix(in srgb, #229ed9 24%, rgba(255, 255, 255, 0.08));
	border: 1px solid color-mix(in srgb, #9fe5ff 36%, transparent);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
#infobar .infobar-icon img
{
	display: block;
	width: 24px;
	height: 24px;
}
#infobar .infobar-content--telegram a
{
	min-height: 38px;
	padding: 0 16px;
	background: #229ed9;
	border-color: color-mix(in srgb, #74d8ff 62%, #229ed9);
	color: #ffffff;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}
#infobar .infobar-content--telegram a:hover,
#infobar .infobar-content--telegram a:focus-visible
{
	background: #35afe8;
	border-color: #8ae3ff;
	color: #ffffff;
}
#infobar.hidden
{
	opacity: 0;
	transform: translateY(-8px);
	pointer-events: none;
}
#infobar.nomargins
{
	margin: 0;
	top: 0;
}

/* Sluitknop in de infobar */
.infobar-close {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	background: color-mix(in srgb, var(--monitor-banner-text, #fff4df) 10%, transparent);
	border: 1px solid color-mix(in srgb, var(--monitor-banner-text, #fff4df) 32%, transparent);
	color: color-mix(in srgb, var(--monitor-banner-text, #fff4df) 84%, white 16%);
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.infobar-close:hover,
.infobar-close:focus-visible {
	color: #fff;
	background: color-mix(in srgb, var(--monitor-banner-text, #fff4df) 16%, transparent);
	border-color: color-mix(in srgb, var(--monitor-banner-text, #fff4df) 56%, white 12%);
	outline: none;
}
html[data-theme="light"] #infobar .infobar-content a:hover,
html[data-theme="light"] #infobar .infobar-content a:focus-visible
{
	color: #5b3500;
}
html[data-theme="light"] #infobar .infobar-content--telegram
{
	background: linear-gradient(135deg, rgba(224, 244, 253, 0.98), rgba(246, 251, 254, 0.98));
	border-color: rgba(34, 158, 217, 0.32);
	color: #14384f;
	box-shadow: 0 12px 26px rgba(33, 55, 73, 0.12), 0 0 0 1px rgba(34, 158, 217, 0.08);
}
html[data-theme="light"] #infobar .infobar-content--telegram strong
{
	color: #0f344b;
}
html[data-theme="light"] #infobar .infobar-content--telegram em
{
	color: #17638c;
}
html[data-theme="light"] #infobar .infobar-content--telegram .infobar-body
{
	color: #3d5e73;
}
html[data-theme="light"] #infobar .infobar-content--telegram .infobar-icon
{
	background: rgba(34, 158, 217, 0.14);
	border-color: rgba(34, 158, 217, 0.24);
}
html[data-theme="light"] #infobar .infobar-content--telegram a,
html[data-theme="light"] #infobar .infobar-content--telegram a:hover,
html[data-theme="light"] #infobar .infobar-content--telegram a:focus-visible
{
	color: #ffffff;
}
html[data-theme="light"] .infobar-close:hover,
html[data-theme="light"] .infobar-close:focus-visible
{
	color: #5b3500;
}

#incident
{
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 12px;
	background-color: #bfbfbf;
	color: #000;
	margin-top: 5px;
} 
#result
{
	margin-top: 8px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 600;
	margin-bottom: 16px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	clear: both;
	overflow-x: hidden;
	overflow-y: visible;
}

body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result table,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result tr.message-row,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result tr.melding,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result tr.mobile-meta,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result tr.sub-row,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result td,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result span,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result a,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .datetime,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .type,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .capcode,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSG,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGambu,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGbrw,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGpol,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGkw,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGrb,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGheli,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGg,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGn,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .MSGinc,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .label-long,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .label-short,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .label-compact-full,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .modern-result-card,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .hdb-modern-result-card,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .p2000,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .message {
	font-family: var(--p2k-message-font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}

body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result table,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .modern-result-card,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result .hdb-modern-result-card {
	background-color: var(--p2k-message-background-color, transparent);
}

body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result tr.message-row td,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result tr.melding td,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result tr.mobile-meta td,
body:not(.classic-mode):not(.classic-desktop-view):not(.classic-mobile-view):not(.mobile-legacy-mode) #result tr.sub-row td {
	background: var(--p2k-message-background-color, var(--bg-incident-a));
}

#result > table{
	width: 100% !important;
	max-width: 100%;
	margin: 0 !important;
	border: 0;
	border-radius: 0;
	border-collapse: separate;
	border-spacing: 0;
	box-shadow: none;
	background: transparent;
	box-sizing: border-box;
}

.ad-slot
{
	width: 100%;
	max-width: 100%;
	margin: 8px 0 10px;
	padding: 0 12px;
	box-sizing: border-box;
}

.ad-container
{
	position: relative;
	z-index: 1;
	width: min(100%, 980px);
	max-width: 100%;
	margin: 0 auto;
	border: 1px solid var(--monitor-border-soft, rgba(255,255,255,0.10));
	border-radius: 10px;
	background: color-mix(in srgb, var(--monitor-surface, #0b0f1a) 94%, transparent);
	box-shadow: 0 8px 20px rgba(0,0,0,0.14);
	overflow: clip;
	pointer-events: auto;
}

.ad-container__toggle
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	min-height: 32px;
	padding: 6px 10px;
	border: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 88%, transparent);
	background: color-mix(in srgb, var(--monitor-surface-2, #0f172a) 92%, transparent);
	color: var(--monitor-panel-text, #c6d9ea);
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	text-align: left;
}

.ad-container__toggle:hover,
.ad-container__toggle:focus-visible
{
	background: color-mix(in srgb, var(--monitor-surface-2, #0f172a) 84%, var(--brand-soft, rgba(0, 194, 255, 0.16)) 16%);
	outline: none;
}

.ad-container__toggle-label
{
	letter-spacing: 0.02em;
}

.ad-container__toggle-state
{
	color: var(--monitor-link-hover, #67e7ff);
	font-size: 11px;
}

.ad-container__body
{
	padding: 8px 10px 10px;
	max-width: 100%;
	min-width: 0;
	pointer-events: auto;
}

.ad-container__body .adsbygoogle
{
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.ad-container.is-collapsed
{
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.ad-container.is-collapsed .ad-container__toggle
{
	border-bottom-color: transparent;
}

.ad-container.is-collapsed .ad-container__body
{
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
	pointer-events: none;
}

html[data-theme="light"] .ad-container
{
	background: color-mix(in srgb, #ffffff 96%, transparent);
	border-color: rgba(116, 146, 173, 0.2);
	box-shadow: 0 10px 24px rgba(33, 55, 73, 0.08);
}

html[data-theme="light"] .ad-container__toggle
{
	background: linear-gradient(180deg, rgba(244, 248, 252, 0.98), rgba(235, 242, 248, 0.98));
	border-bottom-color: rgba(116, 146, 173, 0.16);
	color: #46677f;
}

html[data-theme="light"] .ad-container__toggle-state
{
	color: #0b6e9d;
}

#result a{
	color: var(--monitor-link, #d7efff);
	text-decoration: underline;
	text-decoration-color: var(--monitor-row-sep, rgba(255,255,255,0.08));
	text-underline-offset: 2px;
}

#result a:hover{
	color: var(--monitor-link-hover, #67e7ff);
	text-decoration-color: currentColor;
}

/* GPS/locatie links erven de kleur van de bovenliggende melding-cel
   in plaats van de generieke witte linkkleur (#d7efff via --monitor-link).
   Werkt voor zowel <a> als <span data-cityname="..."> elementen.
   Specificiteit 1-1-0 > #result a (1-0-1). */
#result [data-cityname] {
	color: inherit;
	text-decoration-color: currentColor;
	cursor: pointer;
}
#result [data-cityname]:hover {
	color: var(--monitor-link-hover, #67e7ff);
	text-decoration-color: currentColor;
}

/* Snelweg/kaartlinks (<a data-tip-bound>) erven meldingskleur i.p.v. witte linkkleur.
   Specificiteit 1-1-1 > #result a (1-0-1). */
#result a[data-tip-bound] {
	color: inherit;
	text-decoration-color: currentColor;
}
#result a[data-tip-bound]:hover {
	color: var(--monitor-link-hover, #67e7ff);
	text-decoration-color: currentColor;
}

#result td{
	padding: 2px 4px;
	vertical-align: top;
	overflow-wrap: break-word;
	word-break: break-word;
}

#result table{
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0 1px;
}

body.classic-mode #result {
	display: block;
}

body.classic-mode #result > table {
	display: none;
}

.classic-result-card {
	width: 100%;
	margin: 0 0 4px;
	border: 1px solid rgba(192, 192, 192, 0.24);
	border-left-width: 2px;
	border-radius: 8px;
	background: rgba(10, 19, 30, 0.22);
}

.classic-result-card table {
	width: 100%;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
}

.classic-result-card--new {
	border-color: rgba(255,255,255,0.55);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.08);
}

.classic-divider {
	height: 2px;
}

.classic-new-messages {
	display: flex;
	align-items: center;
	margin: 4px 0;
	font-size: 11px;
	font-weight: 500;
	color: rgba(181, 202, 221, 0.76);
	letter-spacing: 0.04em;
}

.classic-new-messages .newmsg-line {
	flex-grow: 1;
	border-top: 1px solid rgba(255,255,255,0.05);
	margin: 0 6px;
}

.classic-new-messages span {
	padding: 5px 14px;
	white-space: nowrap;
	color: #fff4f4;
	background: linear-gradient(180deg, rgba(192, 34, 34, 0.98), rgba(136, 8, 8, 0.99));
	border: 1px solid rgba(102, 8, 8, 0.78);
	border-radius: 999px;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24), 0 0 14px rgba(186, 26, 26, 0.18), inset 0 1px 0 rgba(255, 212, 212, 0.24);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.015em;
	line-height: 1.15;
	text-shadow: 0 1px 0 rgba(44, 0, 0, 0.28);
}
html[data-theme="light"] .classic-new-messages {
	color: #6b7f91;
}

html[data-theme="light"] .classic-new-messages .newmsg-line {
	border-top-color: rgba(116, 146, 173, 0.24);
}

html[data-theme="light"] .classic-new-messages span {
	color: #5a3500;
	background: linear-gradient(180deg, rgba(255, 242, 205, 0.98), rgba(242, 218, 164, 0.98));
	border-color: rgba(158, 98, 14, 0.38);
	box-shadow: 0 8px 18px rgba(120, 77, 16, 0.14), inset 0 1px 0 rgba(255, 250, 228, 0.9);
}

#result tr.message-row,
#result tr.melding{
	transition: background-color .12s ease, box-shadow .12s ease;
}

#result tr.message-row td,
#result tr.melding td{
	background: var(--bg-incident-a);
	border-top: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
	border-bottom: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
	padding: 4px 4px;
	box-shadow: var(--monitor-card-shadow, 0 2px 8px rgba(0,0,0,0.22));
}

#result tr.mobile-meta td,
#result tr.sub-row td{
	background: var(--bg-incident-a);
	border-top: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
	border-bottom: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
}

#result tr.incident-block-a td {
	background: var(--bg-incident-a);
}

#result tr.incident-block-b td {
	background: var(--bg-incident-b);
}

#result tr.message-row td.datetime,
#result tr.melding td.datetime,
#result tr.message-row td.type,
#result tr.melding td.type,
#result tr td.capcode,
#result tr td.MSGinc{
	padding-left: 3px;
	padding-right: 3px;
}

#result tr.sub-row td {
	background: inherit;
	box-shadow: none;
}

/* One message is rendered as multiple rows (`mobile-meta`, `message-row`, `sub-row`).
   Treat rows that share the same incident block class as one visual card by removing
   internal separators and only emphasizing the outer boundary of the whole block. */
#result tr.mobile-meta.incident-block-a td,
#result tr.mobile-meta.incident-block-b td,
#result tr.message-row.incident-block-a td,
#result tr.message-row.incident-block-b td,
#result tr.sub-row.incident-block-a td,
#result tr.sub-row.incident-block-b td {
	border-top-color: transparent;
	border-bottom-color: transparent;
}

#result tr.mobile-meta.incident-block-a td,
#result tr.mobile-meta.incident-block-b td {
	border-top-color: var(--monitor-card-border, rgba(255,255,255,0.04));
}

#result tr.sub-row.incident-block-a:last-of-type td,
#result tr.sub-row.incident-block-b:last-of-type td,
#result tr.mobile-meta.incident-block-a + tr.message-row.incident-block-a td,
#result tr.mobile-meta.incident-block-b + tr.message-row.incident-block-b td {
	border-bottom-color: var(--monitor-card-border, rgba(255,255,255,0.04));
}

#result tr.mobile-meta.incident-block-a td,
#result tr.mobile-meta.incident-block-b td,
#result tr.message-row.incident-block-a td,
#result tr.message-row.incident-block-b td,
#result tr.sub-row.incident-block-a td,
#result tr.sub-row.incident-block-b td {
	box-shadow: none;
}

#result tr.mobile-meta.incident-block-a td:first-child,
#result tr.mobile-meta.incident-block-b td:first-child,
#result tr.message-row.incident-block-a td:first-child,
#result tr.message-row.incident-block-b td:first-child,
#result tr.sub-row.incident-block-a td:first-child,
#result tr.sub-row.incident-block-b td:first-child {
	border-left: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
}

#result tr.mobile-meta.incident-block-a td:last-child,
#result tr.mobile-meta.incident-block-b td:last-child,
#result tr.message-row.incident-block-a td:last-child,
#result tr.message-row.incident-block-b td:last-child,
#result tr.sub-row.incident-block-a td:last-child,
#result tr.sub-row.incident-block-b td:last-child {
	border-right: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
}

#result tr.mobile-meta.incident-block-a td:first-child,
#result tr.mobile-meta.incident-block-b td:first-child {
	border-top-left-radius: 8px;
}

#result tr.mobile-meta.incident-block-a td:last-child,
#result tr.mobile-meta.incident-block-b td:last-child {
	border-top-right-radius: 8px;
}

#result tr.mobile-meta.incident-block-a + tr.message-row.incident-block-a td:first-child,
#result tr.mobile-meta.incident-block-b + tr.message-row.incident-block-b td:first-child {
	border-top-left-radius: 0;
}

#result tr.mobile-meta.incident-block-a + tr.message-row.incident-block-a td:last-child,
#result tr.mobile-meta.incident-block-b + tr.message-row.incident-block-b td:last-child {
	border-top-right-radius: 0;
}

#result tr.message-row.incident-block-a + tr.sub-row.incident-block-a td:first-child,
#result tr.message-row.incident-block-b + tr.sub-row.incident-block-b td:first-child,
#result tr.sub-row.incident-block-a + tr.sub-row.incident-block-a td:first-child,
#result tr.sub-row.incident-block-b + tr.sub-row.incident-block-b td:first-child {
	border-top-left-radius: 0;
}

#result tr.message-row.incident-block-a + tr.sub-row.incident-block-a td:last-child,
#result tr.message-row.incident-block-b + tr.sub-row.incident-block-b td:last-child,
#result tr.sub-row.incident-block-a + tr.sub-row.incident-block-a td:last-child,
#result tr.sub-row.incident-block-b + tr.sub-row.incident-block-b td:last-child {
	border-top-right-radius: 0;
}

#result tr.message-row.incident-block-a + tr.sub-row.incident-block-a td:first-child,
#result tr.message-row.incident-block-b + tr.sub-row.incident-block-b td:first-child {
	border-bottom-left-radius: 0;
}

#result tr.message-row.incident-block-a + tr.sub-row.incident-block-a td:last-child,
#result tr.message-row.incident-block-b + tr.sub-row.incident-block-b td:last-child {
	border-bottom-right-radius: 0;
}

#result tr.message-row.incident-block-a td:first-child,
#result tr.message-row.incident-block-b td:first-child,
#result tr.sub-row.incident-block-a:last-of-type td:first-child,
#result tr.sub-row.incident-block-b:last-of-type td:first-child {
	border-bottom-left-radius: 8px;
}

#result tr.message-row.incident-block-a td:last-child,
#result tr.message-row.incident-block-b td:last-child,
#result tr.sub-row.incident-block-a:last-of-type td:last-child,
#result tr.sub-row.incident-block-b:last-of-type td:last-child {
	border-bottom-right-radius: 8px;
}

#result tr.mobile-meta.incident-block-a td.meta-mobile,
#result tr.mobile-meta.incident-block-b td.meta-mobile {
	padding-bottom: 0;
	opacity: .72;
}

#result tr.message-row.incident-block-a td,
#result tr.message-row.incident-block-b td,
#result tr.melding td {
	padding-top: 6px;
	padding-bottom: 5px;
}

#result tr.message-row.incident-block-a td:last-child,
#result tr.message-row.incident-block-b td:last-child,
#result tr.melding td:last-child {
	line-height: 1.42;
}

#result tr.sub-row.incident-block-a td,
#result tr.sub-row.incident-block-b td {
	padding-top: 1px;
	padding-bottom: 1px;
}

#result tr.classic-sub-row td {
	background: transparent;
	border-top: 0;
	border-bottom: 0;
	box-shadow: none;
}

#result tr.classic-meta-row td,
#result tr.classic-capcode-row td {
	background: transparent;
	border-top: 0;
	border-bottom: 0;
	box-shadow: none;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}

body.classic-mode #result table {
	table-layout: auto;
	border-spacing: 0 6px;
}

body.classic-mode #result tr.classic-message-row,
body.classic-mode #result tr.classic-message-row * {
	overflow: visible;
	text-overflow: clip;
	max-height: none;
	-webkit-line-clamp: unset;
	line-clamp: unset;
}

body.classic-mode #result tr.classic-message-row td,
body.classic-mode #result tr.classic-meta-row td,
body.classic-mode #result tr.classic-capcode-row td,
body.classic-mode #result tr.melding td {
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
	height: auto;
	max-height: none;
	min-height: 0;
	-webkit-line-clamp: unset;
	line-clamp: unset;
	align-items: normal;
}

body.classic-mode #result tr.classic-message-row td {
	background: rgba(10, 24, 37, 0.68);
	border-top: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
	border-bottom: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
	box-shadow: var(--monitor-card-shadow, 0 2px 8px rgba(0,0,0,0.22));
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: top;
	line-height: 1.5;
}

body.classic-mode #result tr.classic-meta-row td,
body.classic-mode #result tr.classic-capcode-row td {
	background: transparent;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

body.classic-mode #result tr.classic-meta-row td.MSGinc,
body.classic-mode #result tr.classic-capcode-row td.capcode,
body.classic-mode #result tr.classic-meta-row td.datetime,
body.classic-mode #result tr.classic-meta-row td.type {
	white-space: nowrap;
}

body.classic-mode #result tr.classic-meta-row td.MSGinc {
	width: 100px;
	min-width: 100px;
	padding-right: 10px;
}

body.classic-mode #result tr.classic-capcode-row td.capcode {
	width: 96px;
	min-width: 96px;
	padding-right: 10px;
	font-size: 12px;
	letter-spacing: 0.18px;
}

body.classic-mode #result tr.classic-capcode-row td:last-child,
body.classic-mode #result tr.classic-capcode-row td:last-child > .label-long,
body.classic-mode #result tr.classic-capcode-row td:last-child > .label-long * {
	display: block;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	word-break: break-word;
	overflow-wrap: anywhere;
	line-height: 1.5;
}

body.classic-mode #result .label-long {
	display: block;
}

body.classic-mode #result .label-short {
	display: none;
}

#result tr.sub-row td.MSGinc,
#result tr.sub-row td.capcode {
	padding-left: 0;
	padding-right: 0;
}

#result tr.sub-row td.capcode {
	width: 92px;
	min-width: 92px;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
}

#result tr.sub-row td:last-child {
	text-align: left;
	white-space: normal;
	word-break: normal;
	overflow-wrap: normal;
	padding-left: 4px;
	padding-right: 4px;
}

#result tr.sub-row td:last-child > .label-long {
	display: block;
	white-space: normal;
	word-break: normal;
	overflow-wrap: normal;
}

#result tr.message-row td:first-child,
#result tr.melding td:first-child{
	border-left: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
	border-radius: 6px 0 0 6px;
	font-size: 14px;
}

#result tr.message-row td:last-child,
#result tr.melding td:last-child{
	border-right: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04));
	border-radius: 0 6px 6px 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
}

/* Harmonize the modern message headline so inline priority markers like A1/A2/B1
   sit on the same baseline and size as the rest of the primary title line. */
#result tr.message-row td.MSG,
#result tr.message-row td.MSGambu,
#result tr.message-row td.MSGbrw,
#result tr.message-row td.MSGpol,
#result tr.message-row td.MSGkw,
#result tr.message-row td.MSGrb,
#result tr.message-row td.MSGheli,
#result tr.message-row td.MSGg,
#result tr.melding td.MSG,
#result tr.melding td.MSGambu,
#result tr.melding td.MSGbrw,
#result tr.melding td.MSGpol,
#result tr.melding td.MSGkw,
#result tr.melding td.MSGrb,
#result tr.melding td.MSGheli,
#result tr.melding td.MSGg{
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
	vertical-align: top;
}

#result tr.message-row td.MSG > span,
#result tr.message-row td.MSGambu > span,
#result tr.message-row td.MSGbrw > span,
#result tr.message-row td.MSGpol > span,
#result tr.message-row td.MSGkw > span,
#result tr.message-row td.MSGrb > span,
#result tr.message-row td.MSGheli > span,
#result tr.message-row td.MSGg > span,
#result tr.melding td.MSG > span,
#result tr.melding td.MSGambu > span,
#result tr.melding td.MSGbrw > span,
#result tr.melding td.MSGpol > span,
#result tr.melding td.MSGkw > span,
#result tr.melding td.MSGrb > span,
#result tr.melding td.MSGheli > span,
#result tr.melding td.MSGg > span,
#result tr.message-row td.MSG a,
#result tr.message-row td.MSGambu a,
#result tr.message-row td.MSGbrw a,
#result tr.message-row td.MSGpol a,
#result tr.message-row td.MSGkw a,
#result tr.message-row td.MSGrb a,
#result tr.message-row td.MSGheli a,
#result tr.message-row td.MSGg a,
#result tr.melding td.MSG a,
#result tr.melding td.MSGambu a,
#result tr.melding td.MSGbrw a,
#result tr.melding td.MSGpol a,
#result tr.melding td.MSGkw a,
#result tr.melding td.MSGrb a,
#result tr.melding td.MSGheli a,
#result tr.melding td.MSGg a{
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	vertical-align: baseline;
}

#result tr.message-row td.MSG strong,
#result tr.message-row td.MSG b,
#result tr.message-row td.MSGambu strong,
#result tr.message-row td.MSGambu b,
#result tr.message-row td.MSGbrw strong,
#result tr.message-row td.MSGbrw b,
#result tr.message-row td.MSGpol strong,
#result tr.message-row td.MSGpol b,
#result tr.message-row td.MSGkw strong,
#result tr.message-row td.MSGkw b,
#result tr.message-row td.MSGrb strong,
#result tr.message-row td.MSGrb b,
#result tr.message-row td.MSGheli strong,
#result tr.message-row td.MSGheli b,
#result tr.message-row td.MSGg strong,
#result tr.message-row td.MSGg b,
#result tr.melding td.MSG strong,
#result tr.melding td.MSG b,
#result tr.melding td.MSGambu strong,
#result tr.melding td.MSGambu b,
#result tr.melding td.MSGbrw strong,
#result tr.melding td.MSGbrw b,
#result tr.melding td.MSGpol strong,
#result tr.melding td.MSGpol b,
#result tr.melding td.MSGkw strong,
#result tr.melding td.MSGkw b,
#result tr.melding td.MSGrb strong,
#result tr.melding td.MSGrb b,
#result tr.melding td.MSGheli strong,
#result tr.melding td.MSGheli b,
#result tr.melding td.MSGg strong,
#result tr.melding td.MSGg b{
	font-weight: 700;
}

#result tr.message-row td.type,
#result tr.melding td.type{
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .4px;
	padding-left: 4px;
	padding-right: 4px;
}

#result tr.message-row td.type span,
#result tr.message-row td.type b,
#result tr.message-row td.type strong,
#result tr.melding td.type span,
#result tr.melding td.type b,
#result tr.melding td.type strong{
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .4px;
}

#result tr.message-row:hover td,
#result tr.melding:hover td{
	background: inherit;
}

#result tr.mobile-meta.new td,
#result tr.message-row.new td,
#result tr.melding.new td,
#result tr.sub-row.new td{
	background: darkred !important;
	border-top-color: rgba(255,255,255, 0.08) !important;
	border-bottom-color: rgba(255,255,255, 0.08) !important;
	box-shadow: 0 1px 6px rgba(180,0,0,0.16) !important;
}

/* Desktop Expert highlight must paint both the row and every cell. Tables do not
   reliably inherit row backgrounds through themed td rules, which caused broken
   left edges and half-reset rows after the "new" state expired. */
body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.new {
	background: #8b0000 !important;
	box-shadow: none !important;
}

body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.mobile-meta.new td,
body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.message-row.new td,
body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.melding.new td,
body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.sub-row.new td {
	background: #8b0000 !important;
	background-image: none !important;
	background-clip: padding-box !important;
	border-top-color: rgba(255,255,255,0.10) !important;
	border-bottom-color: rgba(255,255,255,0.10) !important;
	border-left-color: rgba(255,255,255,0.10) !important;
	border-right-color: rgba(255,255,255,0.10) !important;
	box-shadow: none !important;
}

body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.new td > .label-long,
body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.new td > .label-short,
body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.new td > .label-compact-full {
	background: transparent !important;
}

@media (min-width: 1101px) {
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result table,
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr,
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result td,
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result li {
		border: 0 !important;
		border-top: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		border-left: 0 !important;
		box-shadow: none !important;
	}

	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result table {
		border-collapse: collapse !important;
		border-spacing: 0 !important;
	}

	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr:not(.new),
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr:not(.new) td:not(.new),
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result li:not(.new) {
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
	}

	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr::before,
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr::after,
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result td::before,
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result td::after,
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result li::before,
	body:not(.mobile-viewport).expert-view:not(.message-cards-enabled):not(.classic-mode):not(.classic-desktop-view):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result li::after {
		border: 0 !important;
		box-shadow: none !important;
	}
}

@media (max-width: 767px) {
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result table,
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr,
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result td,
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result li {
		border: 0 !important;
		border-top: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		border-left: 0 !important;
		box-shadow: none !important;
	}

	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result table {
		border-collapse: collapse !important;
		border-spacing: 0 !important;
	}

	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr:not(.new),
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr:not(.new) td:not(.new),
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result li:not(.new) {
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
	}

	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr::before,
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr::after,
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result td::before,
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result td::after,
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result li::before,
	body.mobile-viewport.expert-view:not(.message-cards-enabled):not(.classic-mobile-view):not(.classic-mode):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result li::after {
		border: 0 !important;
		box-shadow: none !important;
	}
}

#result tr.mobile-meta.new td:first-child,
#result tr.message-row.new td:first-child,
#result tr.melding.new td:first-child,
#result tr.sub-row.new td:first-child{
	border-left-color: rgba(255,255,255, 0.34) !important;
}

#result tr.mobile-meta.new td:last-child,
#result tr.message-row.new td:last-child,
#result tr.melding.new td:last-child,
#result tr.sub-row.new td:last-child{
	border-right-color: rgba(255,255,255, 0.34) !important;
}

#result tr.mobile-meta.new td,
#result tr.message-row.new td.datetime,
#result tr.message-row.new td.type,
#result tr.message-row.new td.MSG,
#result tr.message-row.new td.MSGambu,
#result tr.message-row.new td.MSGbrw,
#result tr.message-row.new td.MSGpol,
#result tr.message-row.new td.MSGkw,
#result tr.message-row.new td.MSGrb,
#result tr.message-row.new td.MSGheli,
#result tr.message-row.new td.MSGg,
#result tr.melding.new td,
#result tr.sub-row.new td,
#result tr.sub-row.new td .label-long,
#result tr.sub-row.new td .label-long *,
#result tr.sub-row.new td .label-short,
#result tr.sub-row.new td .label-short *{
	color: #3dcaee !important;
}

#result tr.mobile-meta.new td .type-mobile,
#result tr.message-row.new td.type,
#result tr.message-row.new td.type *,
#result tr.melding.new td.type,
#result tr.melding.new td.type *{
	color: #3db370 !important;
}

#result tr.mobile-meta.new td a,
#result tr.message-row.new td a,
#result tr.melding.new td a,
#result tr.sub-row.new td a{
	color: #3dcaee !important;
}

#result tr.mobile-meta.new + tr.message-row.new td:first-child,
#result tr.mobile-meta.new + tr.melding.new td:first-child{
	border-top-left-radius: 0 !important;
}

#result tr.mobile-meta.new + tr.message-row.new td:last-child,
#result tr.mobile-meta.new + tr.melding.new td:last-child{
	border-top-right-radius: 0 !important;
}

#result tr.mobile-meta.new td:first-child{
	border-top-left-radius: 10px !important;
}

#result tr.mobile-meta.new td:last-child{
	border-top-right-radius: 10px !important;
}

#result tr.sub-row.new:last-of-type td:first-child{
	border-bottom-left-radius: 10px !important;
}

#result tr.sub-row.new:last-of-type td:last-child{
	border-bottom-right-radius: 10px !important;
}

body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.new td:first-child {
	border-left-color: rgba(255,255,255,0.10) !important;
}

body:not(.mobile-viewport).expert-view:not(.classic-mode) #result tr.new td:last-child {
	border-right-color: rgba(255,255,255,0.10) !important;
}

#result tr.message-row td.MSGambu,
#result tr.message-row td.MSGpol,
#result tr.message-row td.MSGkw,
#result tr.message-row td.MSGrb,
#result tr.message-row td.MSGheli,
#result tr.message-row td.MSGg,
#result tr.message-row td.MSG,
#result tr.melding td.MSGambu,
#result tr.melding td.MSGpol,
#result tr.melding td.MSGkw,
#result tr.melding td.MSGrb,
#result tr.melding td.MSGheli,
#result tr.melding td.MSGg,
#result tr.melding td.MSG{
	color: var(--monitor-message, #9fdfff);
}

#result tr.divider-row td{
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
}

body.message-cards-enabled:not(.classic-mode) #result {
	display: grid;
	gap: 0;
}

body.mobile-viewport.message-cards-enabled:not(.classic-mode) #result {
	margin-top: 3px;
	padding-left: 8px;
	padding-right: 8px;
	box-sizing: border-box;
	overflow: visible;
}

.modern-result-card {
	width: 100%;
	margin: 0 0 12px;
	border: 1px solid color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 82%, rgba(103, 231, 255, 0.22));
	border-radius: 16px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--bg-incident-a) 88%, var(--monitor-card-bg-2, rgba(255,255,255,0.04)) 12%), color-mix(in srgb, var(--bg-incident-b) 82%, var(--monitor-card-bg, rgba(255,255,255,0.02)) 18%));
	box-shadow:
		0 18px 38px rgba(0,0,0,0.24),
		0 0 0 1px rgba(103, 231, 255, 0.06),
		inset 0 1px 0 rgba(255,255,255,0.07);
	overflow: hidden;
	transition: border-color .16s ease, box-shadow .16s ease, filter .16s ease;
}

.modern-result-card table {
	width: 100% !important;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 !important;
}

.modern-result-card tr.mobile-meta td,
.modern-result-card tr.message-row td,
.modern-result-card tr.sub-row td,
.modern-result-card tr.melding td {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	outline: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-color: transparent !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.modern-result-card tr.mobile-meta,
.modern-result-card tr.message-row,
.modern-result-card tr.sub-row,
.modern-result-card tr.melding {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

.modern-result-card tr.mobile-meta::before,
.modern-result-card tr.mobile-meta::after,
.modern-result-card tr.message-row::before,
.modern-result-card tr.message-row::after,
.modern-result-card tr.sub-row::before,
.modern-result-card tr.sub-row::after,
.modern-result-card tr.melding::before,
.modern-result-card tr.melding::after,
.modern-result-card tr.mobile-meta td::before,
.modern-result-card tr.mobile-meta td::after,
.modern-result-card tr.message-row td::before,
.modern-result-card tr.message-row td::after,
.modern-result-card tr.sub-row td::before,
.modern-result-card tr.sub-row td::after,
.modern-result-card tr.melding td::before,
.modern-result-card tr.melding td::after {
	content: none !important;
	display: none !important;
}

.modern-result-card tr.mobile-meta td.meta-mobile {
	padding: 10px 14px 4px;
	opacity: .84;
}

.modern-result-card tr.message-row td,
.modern-result-card tr.melding td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.modern-result-card tr.message-row td:first-child,
.modern-result-card tr.message-row td:last-child,
.modern-result-card tr.melding td:first-child,
.modern-result-card tr.melding td:last-child {
	padding-left: 14px;
	padding-right: 14px;
}

.modern-result-card tr.sub-row td {
	padding-top: 6px;
	padding-bottom: 6px;
}

.modern-result-card--new {
	border-color: rgba(103, 231, 255, 0.48);
	box-shadow:
		0 18px 38px rgba(0,0,0,0.26),
		0 0 0 1px rgba(103, 231, 255, 0.22),
		0 0 18px rgba(103, 231, 255, 0.08),
		inset 0 1px 0 rgba(230, 250, 255, 0.08);
}

body:not(.mobile-viewport).expert-view:not(.classic-mode) .modern-result-card--new {
	background: #8b0000 !important;
	background-image: none !important;
	border-color: rgba(255,255,255,0.10) !important;
	box-shadow: none !important;
}

.modern-divider {
	height: 0;
}

.modern-new-messages {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 600;
	color: rgba(181, 202, 221, 0.82);
}

.modern-new-messages .newmsg-line {
	flex: 1 1 auto;
	border-top: 1px solid var(--monitor-divider, rgba(255,255,255,0.06));
}

.modern-new-messages span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid var(--monitor-banner-link-border, rgba(255, 214, 138, 0.45));
	background: var(--monitor-banner-bg, rgba(177, 122, 39, 0.18));
	color: var(--monitor-banner-text, #fff4df);
}

body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card {
	margin-bottom: 3px;
	max-width: 100%;
	border-radius: 18px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--bg-incident-a) 82%, var(--monitor-card-bg-2, rgba(255,255,255,0.04)) 18%), color-mix(in srgb, var(--bg-incident-b) 76%, var(--monitor-card-bg, rgba(255,255,255,0.02)) 24%));
	border-color: color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 70%, rgba(103, 231, 255, 0.28));
	box-shadow:
		0 20px 40px rgba(0,0,0,0.26),
		0 0 0 1px rgba(103, 231, 255, 0.08),
		inset 0 1px 0 rgba(255,255,255,0.08);
}

body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card tr.mobile-meta td.meta-mobile {
	padding-top: 12px;
	padding-bottom: 4px;
	opacity: .72;
	color: color-mix(in srgb, currentColor 82%, rgba(181, 202, 221, 0.74));
	letter-spacing: .015em;
}

body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card tr.message-row td,
body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card tr.melding td {
	padding-top: 12px;
	padding-bottom: 10px;
}

body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card tr.message-row td:last-child,
body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card tr.melding td:last-child {
	color: color-mix(in srgb, currentColor 96%, rgba(255,255,255,0.12));
	font-weight: 600;
	line-height: 1.38;
}

body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card tr.sub-row td {
	padding-top: 7px;
	padding-bottom: 7px;
}

body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card:last-child {
	margin-bottom: 0;
}

body.mobile-viewport.message-cards-enabled:not(.classic-mode) .modern-result-card:active {
	border-color: color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 56%, rgba(103, 231, 255, 0.42));
	box-shadow:
		0 16px 30px rgba(0,0,0,0.24),
		0 0 0 1px rgba(103, 231, 255, 0.12),
		inset 0 1px 0 rgba(255,255,255,0.10);
	filter: brightness(1.02);
}

body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card {
	margin-bottom: 4px;
	border-radius: 14px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--bg-incident-a) 90%, var(--monitor-card-bg, rgba(255,255,255,0.02)) 10%), color-mix(in srgb, var(--bg-incident-b) 86%, var(--monitor-card-bg-2, rgba(255,255,255,0.04)) 14%));
	border-color: color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 78%, rgba(103, 231, 255, 0.18));
	box-shadow:
		0 16px 34px rgba(0,0,0,0.22),
		0 0 0 1px rgba(103, 231, 255, 0.05),
		inset 0 1px 0 rgba(255,255,255,0.06);
}

body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card:last-child {
	margin-bottom: 0;
}

body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card tr.mobile-meta td.meta-mobile {
	padding-top: 8px;
	padding-bottom: 3px;
}

body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card tr.message-row td,
body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card tr.melding td {
	padding-top: 8px;
	padding-bottom: 8px;
}

body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card tr.sub-row td {
	padding-top: 5px;
	padding-bottom: 5px;
}

html[data-theme="light"] body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card tr.mobile-meta td.meta-mobile {
	padding-top: 8px;
	padding-bottom: 3px;
}

html[data-theme="light"] body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card tr.message-row td,
html[data-theme="light"] body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card tr.melding td {
	padding-top: 8px;
	padding-bottom: 8px;
}

html[data-theme="light"] body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card tr.sub-row td {
	padding-top: 5px;
	padding-bottom: 5px;
}

body:not(.mobile-viewport).message-cards-enabled:not(.classic-mode) .modern-result-card:hover {
	border-color: color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 66%, rgba(103, 231, 255, 0.24));
	box-shadow:
		0 18px 36px rgba(0,0,0,0.24),
		0 0 0 1px rgba(103, 231, 255, 0.09),
		inset 0 1px 0 rgba(255,255,255,0.07);
	filter: brightness(1.015);
}

@media (max-width: 1024px) {
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) #result {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card table,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tbody,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card td {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card table {
		table-layout: auto !important;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.mobile-meta {
		display: block !important;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.mobile-meta td.meta-mobile {
		padding: 9px 12px 2px !important;
		font-size: 11px !important;
		line-height: 1.25 !important;
		opacity: .72;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td.datetime,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td.type,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td.datetime,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td.type,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td.MSGinc,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td.capcode {
		display: none !important;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td:last-child,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td:last-child {
		padding: 5px 12px 7px !important;
		border: 0 !important;
		border-radius: 0 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child {
		padding: 1px 12px 7px !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row:last-of-type td:last-child {
		padding-bottom: 10px !important;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-long,
	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-long * {
		display: block !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	body.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child .label-short {
		display: none !important;
	}
}

body:not(.mobile-viewport).message-cards-enabled.classic-mode .classic-result-card {
	margin: 0 0 10px;
	border-color: color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 76%, rgba(103, 231, 255, 0.16));
	border-left-width: 1px;
	border-radius: 12px;
	background: color-mix(in srgb, var(--monitor-card-bg, rgba(255,255,255,0.02)) 82%, var(--monitor-card-bg-2, rgba(255,255,255,0.04)) 18%);
	box-shadow:
		0 12px 28px rgba(0,0,0,0.18),
		0 0 0 1px rgba(103, 231, 255, 0.04),
		inset 0 1px 0 rgba(255,255,255,0.05);
}

#result hr{
	border: 0;
	border-top: 1px solid var(--monitor-divider, rgba(255,255,255,0.06));
	margin: 1px 0;
}

.new-messages{
	display: flex;
	align-items: center;
	margin: 4px 0;
	font-size: 11px;
	font-weight: 500;
	color: rgba(181, 202, 221, 0.76);
	letter-spacing: 0.04em;
}

.newmsg-line{
	flex-grow: 1;
	border-top: 1px solid rgba(255,255,255,0.05);
	margin: 0 6px;
}

.new-messages span{
	padding: 5px 14px;
	white-space: nowrap;
	color: #fff4f4;
	background: linear-gradient(180deg, rgba(192, 34, 34, 0.98), rgba(136, 8, 8, 0.99));
	border: 1px solid rgba(102, 8, 8, 0.78);
	border-radius: 999px;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24), 0 0 14px rgba(186, 26, 26, 0.18), inset 0 1px 0 rgba(255, 212, 212, 0.24);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.015em;
	line-height: 1.15;
	text-shadow: 0 1px 0 rgba(44, 0, 0, 0.28);
}
html[data-theme="light"] .new-messages{
	color: #6b7f91;
}

html[data-theme="light"] .newmsg-line{
	border-top-color: rgba(116, 146, 173, 0.24);
}

html[data-theme="light"] .new-messages span{
	color: #5a3500;
	background: linear-gradient(180deg, rgba(255, 242, 205, 0.98), rgba(242, 218, 164, 0.98));
	border-color: rgba(158, 98, 14, 0.38);
	box-shadow: 0 8px 18px rgba(120, 77, 16, 0.14), inset 0 1px 0 rgba(255, 250, 228, 0.9);
	text-shadow: none;
	opacity: 1;
}

#result .datetime{
	color: var(--monitor-table-head, #9fdfff);
}
html[data-theme="light"] #result .datetime,
html[data-theme="light"] #result td.datetime,
html[data-theme="light"] #result tr.message-row td.datetime,
html[data-theme="light"] #result tr.melding td.datetime,
html[data-theme="light"] #result tr.classic-meta-row td.datetime {
	color: #111111 !important;
}

html[data-theme="light"] #result tr.mobile-meta td.meta-mobile,
html[data-theme="light"] #result tr.mobile-meta td.meta-mobile .dt-time,
html[data-theme="light"] #result tr.mobile-meta td.meta-mobile .dt-date {
	color: #2b2b2b;
}

#result .type{
	color: var(--monitor-type, #8dffbf);
}

#result .capcode,
#result .c07{
	color: var(--monitor-capcode, #b8c5d1);
}

#result .hits{
	color: var(--monitor-hit, #ffffff);
}

#result .MSG,
#result .MSGambu,
#result .MSGbrw,
#result .MSGpol,
#result .MSGkw,
#result .MSGrb,
#result .MSGheli,
#result .MSGg{
	color: var(--monitor-message, #9fdfff);
}
html[data-theme="light"] #result .MSGambu,
html[data-theme="light"] #result .MSGambu a,
html[data-theme="light"] #result td.MSGambu,
html[data-theme="light"] #result td.MSGambu a,
html[data-theme="light"] #result td.MSGambu span,
html[data-theme="light"] #result td.MSGambu span *,
html[data-theme="light"] #result tr.message-row td.MSGambu,
html[data-theme="light"] #result tr.melding td.MSGambu,
html[data-theme="light"] #result .label-long .MSGambu,
html[data-theme="light"] #result .label-short .MSGambu,
html[data-theme="light"] body.staging-account-menu-fix .MSGambu,
html[data-theme="light"] body.staging-account-menu-fix .MSGambu a:link {
	color: #734400 !important;
}

#result.classic-mode .datetime,
#result.compact-mode .datetime {
	width: 108px;
	min-width: 108px;
}

#result.classic-mode .type,
#result.compact-mode .type {
	width: 76px;
	min-width: 68px;
}

#result.classic-mode .capcode,
#result.compact-mode .capcode {
	width: 76px;
	min-width: 68px;
}

#result.classic-mode tr.message-row td:last-child,
#result.classic-mode tr.melding td:last-child,
#result.compact-mode tr.message-row td:last-child,
#result.compact-mode tr.melding td:last-child {
	padding: 4px 6px !important;
}

#result.classic-mode tr:not(.message-row):not(.melding):not(.divider-row):not(.mobile-meta) td:last-child,
#result.compact-mode tr:not(.message-row):not(.melding):not(.divider-row):not(.mobile-meta) td:last-child {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#feestdagen
{
	position: fixed;
	top: 35px;
	right: 5px;
}
#copyright : link { color: #3cf; }
#copyright : visited { color: #0ff; }
#copyright : hover { color: #0ff; }
#copyright : active { color: #0ff; }
#copyright
{
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 9px;
	color: var(--monitor-footer-text, #ff3);
	text-align: center;
	line-height: 1.5;
	text-shadow: var(--monitor-footer-shadow, none);
} 
#phptime
{
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 9px;
	color: var(--monitor-footer-meta, #ff3);
	text-align: center;
	line-height: 1.45;
	text-shadow: var(--monitor-footer-shadow, none);
}
.database-source
{
	font-weight: 700;
}
.database-source--live
{
	color: var(--monitor-footer-live, #67e7ff);
}
.database-source--hdb
{
	color: var(--monitor-footer-hdb, #ffbf66);
}
#serverinfo
{
	text-align: center;
	width: 100%;
	font-size: 10px;
	color: var(--monitor-footer-meta, #ff3);
	line-height: 1.45;
	text-shadow: var(--monitor-footer-shadow, none);
}
#p2kflex_logo
{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
}
#p2kflex_logo img
{
	display: block;
	height: auto;
	max-width: min(100%, 230px);
}
#copyright a:link,
#copyright a:visited,
#copyright a:hover,
#copyright a:active,
#serverinfo a:link,
#serverinfo a:visited,
#serverinfo a:hover,
#serverinfo a:active,
#phptime a:link,
#phptime a:visited,
#phptime a:hover,
#phptime a:active
{
	color: var(--monitor-footer-link, #3cf);
}
#copyright a:hover,
#serverinfo a:hover,
#phptime a:hover
{
	color: var(--monitor-footer-link-hover, #0ff);
}
#error
{
	margin-top: 3px;
	margin-bottom: 3px;
	right: 300px;
	visibility: hidden;
	position: absolute;
} 
#sysmessage
{
	position: fixed;
	bottom: 10px;
	left: 10%;
	width: 80%;
	height: 18px;
	color: #fff;
	background: #223;
	visibility: hidden;
	text-align: center;
	font-weight: 600;
	padding: 9px 
}

.new
{
	background-color: #333;
}

#airborne, #airborne a: link
{
	color: gold;
}

.collapsible
{
	background-color: #555;
	cursor: pointer;
}

.active, .collapsible: hover
{
	background-color: #777;
}
.collapsible_content
{
	display: none;
	overflow: hidden;
	background-color: #555;
}

.loading
{
	text-align: center;
	color: yellow;
}
html[data-theme="light"] .loading
{
	color: #8a5a00;
}

.extra_location
{
	font-size: 9px;
	text-align: center;
	font-weight: 600;
}

h1
{
	color: var(--monitor-page-text, white);
}

.progress-bar
{
	position: fixed;
	top: 0; /* Align to the top of the page */
	left: 0; /* Align to the left */
	height: 3px; /* Height of the progress bar */
	width: 100%; /* Start fully filled */
	background-color: var(--monitor-control-border-hover, black); /* Start color is black */
	transition: width 0.1s linear, background-color 0.1s linear; /* Smooth transition for both width and color */
	z-index: 9999; /* Ensure it’s on top */
}

.new-messages
{
	display: flex;
	align-items: center;
	margin: 4px 0;
	font-size: 11px;
	font-weight: 500;
	color: var(--muted, #9db5cc);
	letter-spacing: 0.04em;
}
.newmsg-line
{
	flex-grow: 1;
	border-top: 1px solid var(--border, rgba(151, 183, 214, 0.2));
	margin: 0 6px;
}
.new-messages span
{
	padding: 1px 8px;
	white-space: nowrap;
}

.notification
{
	position: fixed;
	left: 50%;
	top: 20%;
	transform: translate(-50%, -50%);
	background: var(--monitor-panel-bg, rgba(15, 23, 42, 0.96));
	color: var(--monitor-page-text, #ebf4ff);
	font-size: 14px;
	font-weight: 500;
	border: 1px solid var(--monitor-panel-border, rgba(151, 183, 214, 0.2));
	padding: 12px 20px;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	backdrop-filter: blur(8px);
}
#notification
{
	transform: scale(0); /* Start at scale 0 */
	transition: transform 1s ease, opacity 1s ease; /* Transition for scaling and fading out */
}
#notification.hidden
{
	display: none; /* Hide the element; ensure to set this in CSS */
}

.hidden
{
	display: none !important;
}
#notification.visible
{
	display: block; /* Show the element when it's visible */
	opacity: 1; /* Ensure the opacity is full when visible */
}

body.staging-account-menu-fix{
  background-color:var(--monitor-page-bg);
  color:var(--monitor-page-text);
}

body.staging-account-menu-fix a:link,
body.staging-account-menu-fix .brandbase,
body.staging-account-menu-fix .googlemaps{
  color:var(--monitor-link);
}

body.staging-account-menu-fix a:visited,
body.staging-account-menu-fix a:hover,
body.staging-account-menu-fix a:active{
  color:var(--monitor-link-hover);
}

body.staging-account-menu-fix .datetime,
body.staging-account-menu-fix .MSG,
body.staging-account-menu-fix .MSGambu,
body.staging-account-menu-fix .MSGbrw,
body.staging-account-menu-fix .MSGpol,
body.staging-account-menu-fix .MSGkw,
body.staging-account-menu-fix .MSGrb,
body.staging-account-menu-fix .MSGheli,
body.staging-account-menu-fix .MSGg{
  color:var(--monitor-message);
}

body.staging-account-menu-fix .type{
  color:var(--monitor-type);
}

body.staging-account-menu-fix .capcode,
body.staging-account-menu-fix .c07{
  color:var(--monitor-capcode);
}

body.staging-account-menu-fix tr:not(.message-row) td.MSGbrw{
  color:var(--monitor-brw);
}

body.staging-account-menu-fix #p2ktooltip{
  background:var(--monitor-tooltip-bg);
  color:var(--monitor-tooltip-text);
  border-color:var(--monitor-tooltip-border);
  text-shadow:none;
}

body::after{
  content:none;
}


/* ===== LOGIN HEADER ===== */

.login-header{
  text-align: center;
  padding-bottom: 14px;
}

.login-logo{
  height: 64px;                 /* 👈 dit maakt het verschil */
  width: auto;
  margin-bottom: 12px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,.65));
}

/* Titel */
.login-header h1{
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .2px;
}

/* Subtitel */
.login-header .subtitle{
  margin-top: 6px;
  font-size: 13px;
  opacity: .75;
}

/* Mobiel optimalisatie */
@media (max-width: 480px){
  .login-logo{ height: 52px; }
  .login-header h1{ font-size: 18px; }
}



/* MonitorV2-aligned responsive message layout */
@media (max-width: 900px) {
  .datetime { width: 120px; min-width: 120px; }
  .type     { width: 82px; min-width: 74px; }
  .capcode  { width: 86px; min-width: 78px; }
}

@media (max-width: 430px) {
  #result {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: none !important;
    border-right: none !important;
    box-sizing: border-box;
  }

  #result table,
  #result tbody,
  #result tr,
  #result td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    min-width: 0 !important;
  }

  tr.mobile-meta { display: block !important; }

  tr.mobile-meta td.meta-mobile {
    font-size: 10px !important;
    opacity: .65;
    padding: 5px 8px 1px 8px !important;
    background: inherit !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 500;
    letter-spacing: .1px;
  }

  #result tr.message-row td.datetime,
  #result tr.melding td.datetime,
  #result tr.message-row td.type,
  #result tr.melding td.type {
    display: none !important;
  }

  #result tr td.MSGinc,
  #result tr td.capcode {
    display: none !important;
  }

  /* Mobiel default houdt capcodes verborgen, maar classic mode moet ze juist tonen. */
  body.classic-mode #result tr.classic-capcode-row td.capcode {
    display: table-cell !important;
  }

  #result tr.message-row td,
  #result tr.melding td {
    background: inherit !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 1px 8px !important;
  }

  #result tr.message-row td:last-child,
  #result tr.melding td:last-child {
    background: inherit !important;
    border: 1px solid var(--monitor-card-border, rgba(255,255,255,0.04)) !important;
    border-radius: 6px !important;
    box-shadow: var(--monitor-card-shadow, 0 2px 8px rgba(0,0,0,0.22)) !important;
    padding: 5px 8px !important;
    font-size: 15px !important;
    font-weight: 500;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  #result tr:not(.message-row):not(.melding):not(.divider-row):not(.mobile-meta) td:last-child {
    font-size: 12px !important;
    font-weight: 500;
    opacity: 0.95;
  }

  #result .label-long {
    display: none !important;
  }

  #result .label-short {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    column-gap: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }

  #result .label-short .capcode-prefix {
    display: none;
    width: 64px;
    min-width: 64px;
    white-space: nowrap;
  }

  #result .label-short .label-short-text,
  #result .label-short .label-short-text *,
  #result .label-short .c01,
  #result .label-short .c02,
  #result .label-short .c03,
  #result .label-short .c04,
  #result .label-short .c05,
  #result .label-short .c06,
  #result .label-short .c07,
  #result .label-short .c08,
  #result .label-short .c09,
  #result .label-short .c10,
  #result .label-short .c11,
  #result .label-short .c12,
  #result .label-short .c13,
  #result .label-short .c14,
  #result .label-short .c15,
  #result .label-short .c16,
  #result .label-short .c17,
  #result .label-short .c18,
  #result .label-short .c19,
  #result .label-short .c20,
  #result .label-short .c21 {
    white-space: nowrap;
  }

  #result .label-short .label-short-text {
    display: block;
    grid-column: 1 / -1;
    font-size: 13px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #result .label-short .label-short-text br {
    display: none;
  }

  #result .label-short .label-short-text div,
  #result .label-short .label-short-text span,
  #result .label-short .label-short-text a {
    display: inline;
    max-width: 100%;
  }

  #result.classic-mode tr.mobile-meta td.meta-mobile,
  #result.compact-mode tr.mobile-meta td.meta-mobile {
    padding: 3px 6px 0 6px !important;
  }

  #result.classic-mode tr.message-row td,
  #result.classic-mode tr.melding td,
  #result.compact-mode tr.message-row td,
  #result.compact-mode tr.melding td {
    padding: 0 6px !important;
  }

  #result.classic-mode tr.message-row td:last-child,
  #result.classic-mode tr.melding td:last-child,
  #result.compact-mode tr.message-row td:last-child,
  #result.compact-mode tr.melding td:last-child {
    padding: 3px 6px !important;
  }

  #result.classic-mode tr:not(.message-row):not(.melding):not(.divider-row):not(.mobile-meta) td:last-child,
  #result.compact-mode tr:not(.message-row):not(.melding):not(.divider-row):not(.mobile-meta) td:last-child {
    padding: 0 6px !important;
  }

  #result tr.divider-row td {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 2px 0 !important;
  }

  body.classic-mode #result table {
    display: table !important;
    width: 100% !important;
    table-layout: auto !important;
    border-spacing: 0 7px !important;
  }

  body.classic-mode #result tbody {
    display: table-row-group !important;
    width: auto !important;
  }

  body.classic-mode #result tr,
  body.classic-mode #result tr.classic-message-row,
  body.classic-mode #result tr.classic-meta-row,
  body.classic-mode #result tr.classic-capcode-row {
    display: table-row !important;
    width: auto !important;
  }

  body.classic-mode #result td,
  body.classic-mode #result tr.classic-message-row td,
  body.classic-mode #result tr.classic-meta-row td,
  body.classic-mode #result tr.classic-capcode-row td {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    vertical-align: top !important;
  }

  body.classic-mode #result tr.classic-meta-row td.datetime,
  body.classic-mode #result tr.classic-meta-row td.type,
  body.classic-mode #result tr.classic-meta-row td.MSGinc,
  body.classic-mode #result tr.classic-capcode-row td.capcode {
    display: table-cell !important;
  }

  body.classic-mode #result tr.classic-meta-row td.datetime,
  body.classic-mode #result tr.classic-meta-row td.type,
  body.classic-mode #result tr.classic-meta-row td.MSGinc,
  body.classic-mode #result tr.classic-capcode-row td.capcode {
    white-space: nowrap !important;
  }

  body.classic-mode #result tr.classic-message-row td {
    padding: 7px 9px !important;
    line-height: 1.5 !important;
  }

  body.classic-mode #result tr.classic-meta-row td,
  body.classic-mode #result tr.classic-capcode-row td {
    padding: 3px 9px !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.classic-mode #result tr.classic-meta-row td.MSGinc {
    width: 88px !important;
    min-width: 88px !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
  }

  body.classic-mode #result tr.classic-capcode-row td.capcode {
    width: 90px !important;
    min-width: 90px !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
    font-size: 11px !important;
  }

  body.classic-mode #result tr.classic-capcode-row td:last-child,
  body.classic-mode #result tr.classic-capcode-row td:last-child > .label-long,
  body.classic-mode #result tr.classic-capcode-row td:last-child > .label-long *,
  body.classic-mode #result tr.classic-message-row td:last-child {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    line-height: 1.5 !important;
  }

  body.classic-mode #result .label-long {
    display: block !important;
  }

  body.classic-mode #result .label-short {
    display: none !important;
  }
}

/* === HEADER — SINGLE SOURCE OF TRUTH — DO NOT ADD MORE HEADER CSS BELOW === */
/* Z-index map:
   Header: 1000
   Dropdown menus: 1100
   Modals: 1200
*/
body.staging-account-menu-fix #header{
  position: sticky;
  top: 0;
  z-index: 1000;
  display: block;
  padding: 5px 0 4px;
  background: var(--monitor-header-bg, #0d1117);
  border-bottom: 1px solid var(--monitor-header-border, rgba(255,255,255,0.08));
  box-shadow: var(--monitor-header-shadow, 0 8px 20px rgba(0,0,0,0.22));
  overflow: visible;
}

body.staging-account-menu-fix #result{
  margin-top: 0;
  padding-top: 0;
}

body.staging-account-menu-fix .monitor-topbar__row{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.staging-account-menu-fix .monitor-topbar__left,
body.staging-account-menu-fix .monitor-topbar__center,
body.staging-account-menu-fix .monitor-topbar__right{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body.staging-account-menu-fix .monitor-topbar__left{
  flex: 0 0 auto;
  justify-content: flex-start;
  gap: 8px;
  flex-shrink: 0;
}

body.staging-account-menu-fix .monitor-topbar__center{
  flex: 1 1 auto;
  justify-content: flex-end;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

body.staging-account-menu-fix .monitor-topbar__center::-webkit-scrollbar{
  display: none;
}

body.staging-account-menu-fix .monitor-topbar__right{
  flex: 0 0 auto;
  margin-left: auto;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
}

body.staging-account-menu-fix .monitor-topbar__group{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-shrink: 0;
}

body.staging-account-menu-fix .monitor-topbar__group--search{
  flex: 1 1 18rem;
  min-width: 12rem;
  display: flex;
  justify-content: flex-end;
}

body.staging-account-menu-fix .monitor-topbar__group--secondary{
  flex: 0 0 auto;
}

body.staging-account-menu-fix .mobile-brand{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--monitor-topbar-control-height, 42px);
  padding: 0 2px 0 0;
  text-decoration: none;
  flex-shrink: 0;
}

body.staging-account-menu-fix .mobile-brand img{
  display: block;
  width: auto;
  height: 28px;
  max-width: 146px;
}

/* --- PWA standalone: safe-area insets voor notch-apparaten (Dynamic Island, iPhone 17 Pro) ---
   Dual approach: CSS media query (Android/desktop PWA) + JS-added class (iOS Safari reliable) */
@media (display-mode: standalone){
  body.staging-account-menu-fix #header{
    padding-top: max(5px, env(safe-area-inset-top));
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}

/* iOS: navigator.standalone drives this class — more reliable than the media query on iOS Safari */
body.pwa-standalone.staging-account-menu-fix #header{
  padding-top: max(5px, env(safe-area-inset-top)) !important;
  padding-left: env(safe-area-inset-left) !important;
  padding-right: env(safe-area-inset-right) !important;
}

body.staging-account-menu-fix #logo{
  display: none;
}

body.staging-account-menu-fix #error{
  display: inline-flex;
  align-items: center;
}

body.staging-account-menu-fix .clock{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 9.5ch;
  min-width: 9.5ch;
  height: var(--monitor-topbar-control-height, 42px);
  min-height: var(--monitor-topbar-control-height, 42px);
  padding: 0 12px;
  margin: 0;
  color: var(--monitor-topbar-chip-text, var(--monitor-panel-text, #d4dde7));
  font-size: 0.94rem;
  font-weight: 700;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  line-height: 1.1;
  letter-spacing: 0.04em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  border: 1px solid var(--monitor-topbar-clock-border, rgba(173, 205, 233, 0.3));
  border-radius: var(--monitor-topbar-radius, 14px);
  background: var(--monitor-topbar-clock-bg, rgba(12, 25, 39, 0.96));
  box-shadow: var(--monitor-topbar-clock-shadow, 0 12px 24px rgba(0, 0, 0, 0.18));
  box-sizing: border-box;
  opacity: 1;
  transition: opacity 0.2s ease, border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
}

body.staging-account-menu-fix form[name="p2kflex"],
body.staging-account-menu-fix form[name="colors"]{
  display: inline-flex;
  align-items: center;
  margin: 0;
}

body.staging-account-menu-fix #settings,
body.staging-account-menu-fix #colors,
body.staging-account-menu-fix #audio,
body.staging-account-menu-fix #direct-url,
body.staging-account-menu-fix #monitor,
body.staging-account-menu-fix #search,
body.staging-account-menu-fix #searchbutton,
body.staging-account-menu-fix #list,
body.staging-account-menu-fix #info,
body.staging-account-menu-fix #users,
body.staging-account-menu-fix #loginbtn,
body.staging-account-menu-fix #error{
  position: static;
  margin: 0;
}

body.staging-account-menu-fix #search-open-btn{
  display: none;
  flex-shrink: 0;
}

body.staging-account-menu-fix #theme-toggle-wrap{
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

body.staging-account-menu-fix .monitor-topbar__status,
body.staging-account-menu-fix .monitor-topbar__right-tools,
body.staging-account-menu-fix .monitor-topbar__account-actions{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-shrink: 0;
}

body.staging-account-menu-fix .monitor-topbar__status{
  flex: 0 0 auto;
}

body.staging-account-menu-fix .monitor-topbar__right-tools{
  flex: 0 0 auto;
}

body.staging-account-menu-fix .monitor-topbar__account-actions{
  flex: 0 0 auto;
}

body.staging-account-menu-fix .topbar-control,
body.staging-account-menu-fix #loginbtn.logged-out > a,
body.staging-account-menu-fix #loginbtn.logged-in #login-status{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--monitor-topbar-control-height, 42px);
  min-width: var(--monitor-topbar-control-height, 42px);
  height: var(--monitor-topbar-control-height, 42px);
  min-height: var(--monitor-topbar-control-height, 42px);
  padding: 0;
  border: 1px solid var(--monitor-topbar-chip-border, rgba(255,255,255,0.12));
  border-radius: var(--monitor-topbar-radius, 14px);
  background: var(--monitor-topbar-chip-bg, rgba(255,255,255,0.04));
  box-shadow: var(--monitor-topbar-chip-shadow, none);
  color: var(--monitor-topbar-chip-text, #e6edf3);
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  /* Removes the iOS 300ms tap delay and prevents scroll-gesture detection
     from swallowing clicks on buttons inside overflow-x:auto containers. */
  touch-action: manipulation;
  transition: border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease, color 0.24s ease;
}

/* iOS Safari does not reliably fire :active on touch. The JS adds
   .is-mobile-pressed on pointerdown so buttons show press feedback
   immediately on all touch devices. */
body.staging-account-menu-fix .topbar-control.is-mobile-pressed,
body.staging-account-menu-fix #loginbtn.logged-out > a.is-mobile-pressed,
body.staging-account-menu-fix .user-menu-trigger.is-mobile-pressed{
  background: var(--monitor-topbar-chip-bg-active, rgba(255,255,255,0.08));
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--monitor-topbar-chip-border, rgba(255,255,255,0.12)));
  box-shadow: var(--monitor-topbar-press-shadow);
  transform: translateY(0);
  transition: none;
}

body.staging-account-menu-fix .topbar-control::before,
body.staging-account-menu-fix #loginbtn.logged-out > a::before,
body.staging-account-menu-fix #loginbtn.logged-in #login-status::before{
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0));
  opacity: 0.78;
  pointer-events: none;
  transition: opacity 0.22s ease;
}

body.staging-account-menu-fix .topbar-control:hover,
body.staging-account-menu-fix .topbar-control:focus-visible,
body.staging-account-menu-fix #loginbtn.logged-out > a:hover,
body.staging-account-menu-fix #loginbtn.logged-out > a:focus-visible{
  border-color: var(--monitor-topbar-hover-border);
  background: var(--monitor-topbar-hover-bg);
  box-shadow: var(--monitor-topbar-hover-shadow);
  transform: translateY(-1px) scale(1.01);
  outline: none;
}

body.staging-account-menu-fix .topbar-control:hover::before,
body.staging-account-menu-fix .topbar-control:focus-visible::before,
body.staging-account-menu-fix #loginbtn.logged-out > a:hover::before,
body.staging-account-menu-fix #loginbtn.logged-out > a:focus-visible::before,
body.staging-account-menu-fix .user-menu-trigger:hover::before,
body.staging-account-menu-fix .user-menu-trigger:focus-visible::before,
body.staging-account-menu-fix .user-menu.is-open .user-menu-trigger::before{
  opacity: 1;
}

body.staging-account-menu-fix .topbar-control--icon{
  width: var(--monitor-topbar-control-height, 42px);
  min-width: var(--monitor-topbar-control-height, 42px);
  isolation: isolate;
}

body.staging-account-menu-fix #desktop-view-toggle.topbar-control,
#desktop-view-toggle.topbar-control,
body.staging-account-menu-fix #classic-desktop-toggle.topbar-control,
#classic-desktop-toggle.topbar-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: var(--monitor-topbar-control-height, 42px);
  min-height: var(--monitor-topbar-control-height, 42px);
  width: auto;
  min-width: var(--monitor-topbar-control-height, 42px);
  max-width: none;
  padding: 0 12px;
  border-radius: var(--monitor-topbar-radius, 14px);
  border: 1px solid var(--monitor-topbar-chip-border, rgba(255,255,255,0.12));
  background: var(--monitor-topbar-chip-bg, rgba(255,255,255,0.04));
  box-shadow: var(--monitor-topbar-chip-shadow, none);
  color: var(--monitor-topbar-chip-text, #e6edf3);
  font-size: 13.5px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
}

body.staging-account-menu-fix #desktop-view-toggle.topbar-control.is-active[data-desktop-view="monitor"],
body.staging-account-menu-fix #desktop-view-toggle.topbar-control[aria-pressed="true"][data-desktop-view="monitor"],
#desktop-view-toggle.topbar-control.is-active[data-desktop-view="monitor"],
#desktop-view-toggle.topbar-control[aria-pressed="true"][data-desktop-view="monitor"] {
  color: var(--monitor-topbar-toggle-on-text, var(--monitor-topbar-chip-text, #e6edf3));
  background: var(--monitor-topbar-toggle-on-bg, var(--monitor-topbar-chip-bg-active, rgba(255,255,255,0.08)));
  border-color: var(--monitor-topbar-toggle-on-border, var(--monitor-topbar-hover-border));
  box-shadow: var(--monitor-topbar-toggle-on-shadow, var(--monitor-topbar-hover-shadow));
}

body.staging-account-menu-fix #classic-desktop-toggle.topbar-control.is-active,
body.staging-account-menu-fix #classic-desktop-toggle.topbar-control[aria-pressed="true"],
#classic-desktop-toggle.topbar-control.is-active,
#classic-desktop-toggle.topbar-control[aria-pressed="true"] {
  color: #98ffbf;
  background: linear-gradient(180deg, rgba(0, 76, 48, 0.94), rgba(0, 44, 28, 0.98));
  border-color: rgba(0, 255, 153, 0.48);
  box-shadow: 0 14px 26px rgba(0,0,0,0.22), inset 0 1px 0 rgba(184,255,212,0.12), 0 0 0 1px rgba(0,255,153,0.10);
}

body.staging-account-menu-fix #classic-desktop-toggle.topbar-control,
#classic-desktop-toggle.topbar-control {
  gap: 2px;
  min-width: auto;
  padding-left: 5px;
  padding-right: 5px;
}

body.staging-account-menu-fix #desktop-view-toggle.topbar-control,
#desktop-view-toggle.topbar-control {
  gap: 2px;
  min-width: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.topbar-classic-visitors[hidden] {
  display: none !important;
}

body.staging-account-menu-fix #classic-desktop-toggle .topbar-classic-visitors,
#classic-desktop-toggle .topbar-classic-visitors {
  background: linear-gradient(180deg, rgba(0, 214, 145, .28), rgba(0, 120, 84, .32));
  color: #d7ffe8;
  box-shadow: inset 0 0 0 1px rgba(161, 255, 206, 0.24), 0 1px 3px rgba(0, 20, 12, .26);
}

body.staging-account-menu-fix #classic-desktop-toggle:hover .topbar-classic-visitors,
body.staging-account-menu-fix #classic-desktop-toggle:focus-visible .topbar-classic-visitors,
#classic-desktop-toggle:hover .topbar-classic-visitors,
#classic-desktop-toggle:focus-visible .topbar-classic-visitors {
  background: linear-gradient(180deg, rgba(0, 232, 156, .36), rgba(0, 139, 96, .42));
  color: #ffffff;
}

body.staging-account-menu-fix #classic-desktop-toggle .topbar-classic-visitors img,
#classic-desktop-toggle .topbar-classic-visitors img {
  display: block;
  width: 13px;
  height: 13px;
  filter: brightness(0) invert(1);
  opacity: 1;
}

body.staging-account-menu-fix #classic-usercount,
#classic-usercount {
  display: inline-flex;
  align-items: center;
  max-width: 2.8em;
  overflow: hidden;
  color: inherit;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 1180px) {
  body.zoomed-desktop-viewport #desktop-view-switch,
  body.zoomed-desktop-viewport #classic-desktop-switch {
    display: inline-flex !important;
  }

  body.zoomed-desktop-viewport #desktop-view-toggle.topbar-control,
  body.zoomed-desktop-viewport #classic-desktop-toggle.topbar-control {
    width: var(--monitor-topbar-control-height, 42px);
    min-width: var(--monitor-topbar-control-height, 42px);
    max-width: var(--monitor-topbar-control-height, 42px);
    padding: 0;
    flex: 0 0 var(--monitor-topbar-control-height, 42px);
    font-size: 12px;
    font-weight: 850;
  }

  body.zoomed-desktop-viewport #desktop-view-toggle .desktop-view-toggle__label,
  body.zoomed-desktop-viewport #classic-desktop-toggle .desktop-view-toggle__label {
    display: none;
  }

  body.zoomed-desktop-viewport #classic-desktop-toggle .topbar-classic-visitors {
    position: absolute;
    right: -3px;
    top: -3px;
    gap: 2px;
    min-width: 18px;
    height: 17px;
    min-height: 17px;
    padding: 0 4px;
    font-size: 10px;
  }

  body.zoomed-desktop-viewport #classic-desktop-toggle .topbar-classic-visitors img {
    width: 10px;
    height: 10px;
  }

  body.zoomed-desktop-viewport #classic-usercount {
    font-size: 10px;
  }

  body.zoomed-desktop-viewport #desktop-view-toggle::after {
    content: "E";
    line-height: 1;
  }

  body.zoomed-desktop-viewport #desktop-view-toggle[data-desktop-view="monitor"]::after {
    content: "M";
  }

  body.zoomed-desktop-viewport #classic-desktop-toggle::after {
    content: "C";
    line-height: 1;
  }
}

.topbar-hdb-indicator[hidden] {
  display: none !important;
}

body.staging-account-menu-fix .topbar-hdb-indicator,
.topbar-hdb-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-width: var(--monitor-topbar-control-height, 42px);
  max-width: none;
  height: var(--monitor-topbar-control-height, 42px);
  min-height: var(--monitor-topbar-control-height, 42px);
  padding: 0 8px;
  border: 1px solid rgba(255, 197, 92, 0.66);
  border-radius: var(--monitor-topbar-radius, 14px);
  background: linear-gradient(180deg, rgba(255, 205, 106, 0.96), rgba(198, 117, 24, 0.98));
  color: #231500;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.38),
    inset 0 -1px 0 rgba(83, 43, 0, 0.22),
    0 0 10px rgba(255, 166, 45, 0.22);
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0;
  transition: border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease, color 0.24s ease;
}

.hdb-desktop-badge {
  display: inline-flex;
  align-items: center;
}

body.staging-account-menu-fix .topbar-hdb-indicator.is-active,
.topbar-hdb-indicator.is-active {
  border-color: rgba(255, 219, 139, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.44),
    inset 0 -1px 0 rgba(83, 43, 0, 0.22),
    0 0 0 1px rgba(255, 206, 103, 0.16),
    0 0 14px rgba(255, 166, 45, 0.3);
}

body.staging-account-menu-fix .topbar-control.topbar-hdb-indicator:hover,
body.staging-account-menu-fix .topbar-control.topbar-hdb-indicator:focus-visible,
.topbar-control.topbar-hdb-indicator:hover,
.topbar-control.topbar-hdb-indicator:focus-visible {
  border-color: rgba(255, 228, 154, 0.96);
  background: linear-gradient(180deg, rgba(255, 219, 126, 1), rgba(222, 136, 31, 1));
  color: #1c1000;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 0 -1px 0 rgba(83, 43, 0, 0.2),
    0 0 0 1px rgba(255, 218, 134, 0.22),
    0 0 16px rgba(255, 172, 55, 0.34);
  transform: translateY(-1px) scale(1.01);
  outline: none;
}

.topbar-hdb-indicator__label {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .02em;
  color: #160b00;
  text-shadow: 0 1px 0 rgba(255, 238, 178, .28);
}

.topbar-hdb-indicator__label-short {
  display: none;
}

.topbar-hdb-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(44, 25, 0, 0.82);
  color: #ffe9b8;
  box-shadow: inset 0 0 0 1px rgba(255, 226, 170, 0.16);
  font-size: 11px;
  font-weight: 800;
}

.topbar-hdb-count--mobile {
  display: none;
}

.topbar-hdb-visitors {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  height: 20px;
  min-height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(17, 36, 54, .96), rgba(8, 20, 32, .96));
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(197, 231, 255, 0.18), 0 1px 3px rgba(36, 20, 0, .24);
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1;
}

.topbar-hdb-visitors img {
  display: block;
  width: 13px;
  height: 13px;
  filter: brightness(0) invert(1);
  opacity: 1;
}

.topbar-hdb-visitors #hdb-usercount {
  display: inline-flex;
  align-items: center;
  max-width: 2.8em;
  overflow: hidden;
  color: inherit;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

body.staging-account-menu-fix .topbar-hdb-indicator:hover .topbar-hdb-count,
body.staging-account-menu-fix .topbar-hdb-indicator:focus-visible .topbar-hdb-count,
.topbar-hdb-indicator:hover .topbar-hdb-count,
.topbar-hdb-indicator:focus-visible .topbar-hdb-count,
body.staging-account-menu-fix .topbar-hdb-indicator:hover .topbar-hdb-visitors,
body.staging-account-menu-fix .topbar-hdb-indicator:focus-visible .topbar-hdb-visitors,
.topbar-hdb-indicator:hover .topbar-hdb-visitors,
.topbar-hdb-indicator:focus-visible .topbar-hdb-visitors {
  background: rgba(35, 19, 0, 0.92);
  color: #fff6df;
  box-shadow: inset 0 0 0 1px rgba(255, 237, 190, 0.26), 0 0 8px rgba(255, 207, 116, 0.22);
}

html[data-theme="light"] body.staging-account-menu-fix .topbar-hdb-indicator,
html[data-theme="light"] .topbar-hdb-indicator {
  border-color: rgba(171, 98, 16, 0.48);
  background: linear-gradient(180deg, rgba(255, 221, 142, 0.98), rgba(229, 149, 44, 0.98));
  color: #2f1a00;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6),
    0 8px 18px rgba(120, 77, 16, 0.14);
}

html[data-theme="light"] .topbar-hdb-visitors {
  background: linear-gradient(180deg, rgba(20, 48, 72, .96), rgba(9, 28, 46, .96));
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(210, 238, 255, 0.2), 0 1px 3px rgba(68, 39, 0, .18);
}

html[data-theme="light"] body.staging-account-menu-fix .topbar-control.topbar-hdb-indicator:hover,
html[data-theme="light"] body.staging-account-menu-fix .topbar-control.topbar-hdb-indicator:focus-visible,
html[data-theme="light"] .topbar-control.topbar-hdb-indicator:hover,
html[data-theme="light"] .topbar-control.topbar-hdb-indicator:focus-visible {
  border-color: rgba(156, 88, 11, 0.72);
  background: linear-gradient(180deg, rgba(255, 231, 166, 1), rgba(239, 159, 52, 1));
  color: #231300;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.68),
    0 9px 18px rgba(120, 77, 16, 0.18),
    0 0 0 1px rgba(156, 88, 11, 0.12);
}

body.staging-account-menu-fix #settings button.topbar-control img,
body.staging-account-menu-fix #colors button.topbar-control img,
body.staging-account-menu-fix #audio button.topbar-control img,
body.staging-account-menu-fix #monitor button.topbar-control img,
body.staging-account-menu-fix #list button.topbar-control img,
body.staging-account-menu-fix #searchbutton button.topbar-control img{
  display: block;
  width: var(--monitor-topbar-icon-size, 18px);
  height: var(--monitor-topbar-icon-size, 18px);
  margin: 0;
  filter: var(--monitor-topbar-icon-filter, none);
  transform: translateZ(0);
  transition: filter 0.2s ease, opacity 0.2s ease, transform 0.24s ease;
}

/* Settings gear hover: animate only the icon, never the header button shell. */
@media (hover: hover) and (pointer: fine) {
  #settings .settings-btn img,
  #settings .settings-btn i,
  #settings .settings-btn svg {
    transform-origin: 50% 50%;
    will-change: transform;
  }

  #colors .colors-btn img,
  #colors .colors-btn i,
  #colors .colors-btn svg {
    transform-origin: 42% 72%;
    will-change: transform;
  }

  #audio .audio-btn img,
  #audio .audio-btn i,
  #audio .audio-btn svg,
  #direct-url .direct-url-btn img,
  #direct-url .direct-url-btn i,
  #direct-url .direct-url-btn svg,
  #monitor .monitor-btn img,
  #monitor .monitor-btn i,
  #monitor .monitor-btn svg,
  .search-btn img,
  .search-btn i,
  .search-btn svg {
    transform-origin: 50% 50%;
    will-change: transform;
  }

  #settings .settings-btn:hover img,
  #settings .settings-btn:focus-visible img,
  #settings .settings-btn:hover i,
  #settings .settings-btn:focus-visible i,
  #settings .settings-btn:hover svg,
  #settings .settings-btn:focus-visible svg,
  body.staging-account-menu-fix #settings button.settings-btn:hover img,
  body.staging-account-menu-fix #settings button.settings-btn:focus-visible img,
  body.staging-account-menu-fix #settings button.settings-btn:hover i,
  body.staging-account-menu-fix #settings button.settings-btn:focus-visible i,
  body.staging-account-menu-fix #settings button.settings-btn:hover svg,
  body.staging-account-menu-fix #settings button.settings-btn:focus-visible svg {
    transform: rotate(180deg);
  }

  #colors .colors-btn:hover img,
  #colors .colors-btn:focus-visible img,
  #colors .colors-btn:hover i,
  #colors .colors-btn:focus-visible i,
  #colors .colors-btn:hover svg,
  #colors .colors-btn:focus-visible svg,
  body.staging-account-menu-fix #colors button.colors-btn:hover img,
  body.staging-account-menu-fix #colors button.colors-btn:focus-visible img,
  body.staging-account-menu-fix #colors button.colors-btn:hover i,
  body.staging-account-menu-fix #colors button.colors-btn:focus-visible i,
  body.staging-account-menu-fix #colors button.colors-btn:hover svg,
  body.staging-account-menu-fix #colors button.colors-btn:focus-visible svg {
    transform: translate(1px, -1px) rotate(-12deg);
  }

  #audio .audio-btn:hover img,
  #audio .audio-btn:focus-visible img,
  #audio .audio-btn:hover i,
  #audio .audio-btn:focus-visible i,
  #audio .audio-btn:hover svg,
  #audio .audio-btn:focus-visible svg,
  body.staging-account-menu-fix #audio button.audio-btn:hover img,
  body.staging-account-menu-fix #audio button.audio-btn:focus-visible img,
  body.staging-account-menu-fix #audio button.audio-btn:hover i,
  body.staging-account-menu-fix #audio button.audio-btn:focus-visible i,
  body.staging-account-menu-fix #audio button.audio-btn:hover svg,
  body.staging-account-menu-fix #audio button.audio-btn:focus-visible svg {
    transform: translateX(1px) scale(1.08);
  }

  #direct-url .direct-url-btn:hover img,
  #direct-url .direct-url-btn:focus-visible img,
  #direct-url .direct-url-btn:hover i,
  #direct-url .direct-url-btn:focus-visible i,
  #direct-url .direct-url-btn:hover svg,
  #direct-url .direct-url-btn:focus-visible svg,
  body.staging-account-menu-fix #direct-url button.direct-url-btn:hover img,
  body.staging-account-menu-fix #direct-url button.direct-url-btn:focus-visible img,
  body.staging-account-menu-fix #direct-url button.direct-url-btn:hover i,
  body.staging-account-menu-fix #direct-url button.direct-url-btn:focus-visible i,
  body.staging-account-menu-fix #direct-url button.direct-url-btn:hover svg,
  body.staging-account-menu-fix #direct-url button.direct-url-btn:focus-visible svg {
    transform: rotate(-8deg) scale(1.08);
  }

  #monitor .monitor-btn:hover img,
  #monitor .monitor-btn:focus-visible img,
  #monitor .monitor-btn:hover i,
  #monitor .monitor-btn:focus-visible i,
  #monitor .monitor-btn:hover svg,
  #monitor .monitor-btn:focus-visible svg,
  body.staging-account-menu-fix #monitor button.monitor-btn:hover img,
  body.staging-account-menu-fix #monitor button.monitor-btn:focus-visible img,
  body.staging-account-menu-fix #monitor button.monitor-btn:hover i,
  body.staging-account-menu-fix #monitor button.monitor-btn:focus-visible i,
  body.staging-account-menu-fix #monitor button.monitor-btn:hover svg,
  body.staging-account-menu-fix #monitor button.monitor-btn:focus-visible svg {
    transform: translateY(-1px) scale(1.08);
  }

  .search-btn:hover img,
  .search-btn:focus-visible img,
  .search-btn:hover i,
  .search-btn:focus-visible i,
  .search-btn:hover svg,
  .search-btn:focus-visible svg,
  body.staging-account-menu-fix button.search-btn:hover img,
  body.staging-account-menu-fix button.search-btn:focus-visible img,
  body.staging-account-menu-fix button.search-btn:hover i,
  body.staging-account-menu-fix button.search-btn:focus-visible i,
  body.staging-account-menu-fix button.search-btn:hover svg,
  body.staging-account-menu-fix button.search-btn:focus-visible svg,
  body.staging-account-menu-fix #search-open-btn button.search-btn:hover img,
  body.staging-account-menu-fix #search-open-btn button.search-btn:focus-visible img,
  body.staging-account-menu-fix #searchbutton button.search-btn:hover img,
  body.staging-account-menu-fix #searchbutton button.search-btn:focus-visible img {
    transform: translate(1px, -1px) scale(1.1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #settings .settings-btn img,
  #settings .settings-btn i,
  #settings .settings-btn svg,
  #colors .colors-btn img,
  #colors .colors-btn i,
  #colors .colors-btn svg,
  #audio .audio-btn img,
  #audio .audio-btn i,
  #audio .audio-btn svg,
  #direct-url .direct-url-btn img,
  #direct-url .direct-url-btn i,
  #direct-url .direct-url-btn svg,
  #monitor .monitor-btn img,
  #monitor .monitor-btn i,
  #monitor .monitor-btn svg,
  .search-btn img,
  .search-btn i,
  .search-btn svg {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

body.staging-account-menu-fix #direct-url button.topbar-control svg,
#direct-url button.topbar-control svg {
  display: block;
  width: var(--monitor-topbar-icon-size, 18px);
  height: var(--monitor-topbar-icon-size, 18px);
  color: currentColor;
  pointer-events: none;
}

.direct-url-modal[hidden] {
  display: none !important;
}

.direct-url-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: grid;
  place-items: center;
  padding: 18px;
  box-sizing: border-box;
}

.direct-url-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 16, 0.72);
  backdrop-filter: blur(6px);
}

.direct-url-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(92vw, 620px);
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--monitor-border-soft, rgba(255,255,255,0.12));
  border-radius: 18px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated, #0c1927) 94%, transparent), color-mix(in srgb, var(--surface, #07131f) 96%, transparent));
  color: var(--text, #e6edf3);
  box-shadow: 0 24px 54px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.06);
}

.direct-url-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.direct-url-modal__header h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
}

.direct-url-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--monitor-topbar-chip-border, rgba(255,255,255,0.12));
  border-radius: 12px;
  background: var(--monitor-topbar-chip-bg, rgba(255,255,255,0.04));
  color: inherit;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.direct-url-modal__copy {
  margin: 0;
  color: var(--text-muted, #9fb1c1);
  font-size: 13px;
  line-height: 1.5;
}

.direct-url-modal__field {
  display: grid;
  gap: 7px;
  font-size: 12px;
  color: var(--text-muted, #9fb1c1);
}

.direct-url-modal__field input {
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--monitor-border-soft, rgba(255,255,255,0.14));
  border-radius: 12px;
  background: rgba(2, 8, 16, 0.42);
  color: var(--text-strong, #fff);
  box-sizing: border-box;
  font: 13px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.direct-url-modal__feedback {
  min-height: 18px;
  color: var(--success, #6dff8a);
  font-size: 12px;
  font-weight: 700;
}

.direct-url-modal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.direct-url-modal__button {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--monitor-topbar-chip-border, rgba(255,255,255,0.12));
  border-radius: 12px;
  background: var(--monitor-topbar-chip-bg, rgba(255,255,255,0.04));
  color: var(--text, #e6edf3);
  font-weight: 750;
  cursor: pointer;
}

.direct-url-modal__button--primary {
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 55%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand, #00c2ff) 82%, #ffffff 12%), color-mix(in srgb, var(--brand, #00c2ff) 72%, #03101c 18%));
  color: #03101c;
}

@media (max-width: 640px) {
  .direct-url-modal {
    align-items: end;
    padding: 12px;
  }

  .direct-url-modal__dialog {
    width: 100%;
    max-height: calc(100vh - 24px);
    overflow: auto;
    border-radius: 16px;
  }

  .direct-url-modal__actions {
    justify-content: stretch;
  }

  .direct-url-modal__button {
    flex: 1 1 120px;
  }
}

body.staging-account-menu-fix #info button.topbar-control .topbar-info-glyph{
  display: block;
  transition: color 0.2s ease, opacity 0.2s ease, transform 0.24s ease;
}

body.staging-account-menu-fix #info button.topbar-control .topbar-info-glyph{
  width: auto;
  height: auto;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
  font-family: Georgia, "Times New Roman", serif;
  text-transform: none;
}

@media (hover: hover) and (pointer: fine){
  body.staging-account-menu-fix #info .info-btn .topbar-info-glyph{
    transform-origin: center;
    will-change: transform, filter;
    transition: color 0.2s ease, opacity 0.2s ease, transform 0.25s ease, filter 0.25s ease;
  }

  body.staging-account-menu-fix #info .info-btn:hover .topbar-info-glyph,
  body.staging-account-menu-fix #info .info-btn:focus-visible .topbar-info-glyph{
    animation: p2k-info-pop 0.45s ease;
    filter: drop-shadow(0 0 6px rgba(255,255,255,0.35));
  }
}

@keyframes p2k-info-pop{
  0%{ transform: scale(1) translateY(0); }
  35%{ transform: scale(1.14) translateY(-1px); }
  70%{ transform: scale(0.96) translateY(0); }
  100%{ transform: scale(1) translateY(0); }
}

@media (prefers-reduced-motion: reduce){
  body.staging-account-menu-fix #info .info-btn .topbar-info-glyph{
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
}

body.staging-account-menu-fix .topbar-control:hover img,
body.staging-account-menu-fix .topbar-control:focus-visible img,
body.staging-account-menu-fix .topbar-control:active img,
body.staging-account-menu-fix #loginbtn.logged-out > a:hover img,
body.staging-account-menu-fix #loginbtn.logged-out > a:focus-visible img{
  filter: var(--monitor-topbar-icon-filter-hover, none);
  transform: translateY(-0.5px) scale(1.04);
}

body.staging-account-menu-fix #audio-toggle[aria-pressed="true"],
body.staging-account-menu-fix #audio-toggle[data-audio-state="on"],
body.staging-account-menu-fix #monitor-toggle[aria-pressed="true"],
body.staging-account-menu-fix #monitor-toggle[data-monitor-state="on"],
body.staging-account-menu-fix #monitor-toggle.is-active{
  color: var(--monitor-topbar-toggle-on-text, var(--monitor-topbar-chip-text, #e6edf3));
  border-color: var(--monitor-topbar-toggle-on-border, var(--monitor-topbar-hover-border));
  background: var(--monitor-topbar-toggle-on-bg, var(--monitor-topbar-chip-bg-active, rgba(255,255,255,0.08)));
  box-shadow: var(--monitor-topbar-toggle-on-shadow, var(--monitor-topbar-hover-shadow));
}

body.staging-account-menu-fix #audio-toggle[aria-pressed="true"]::before,
body.staging-account-menu-fix #audio-toggle[data-audio-state="on"]::before,
body.staging-account-menu-fix #monitor-toggle[aria-pressed="true"]::before,
body.staging-account-menu-fix #monitor-toggle[data-monitor-state="on"]::before,
body.staging-account-menu-fix #monitor-toggle.is-active::before{
  opacity: 1;
  background: linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0.02));
}

body.staging-account-menu-fix #audio-toggle[aria-pressed="true"]:hover,
body.staging-account-menu-fix #audio-toggle[data-audio-state="on"]:hover,
body.staging-account-menu-fix #audio-toggle[aria-pressed="true"]:focus-visible,
body.staging-account-menu-fix #audio-toggle[data-audio-state="on"]:focus-visible,
body.staging-account-menu-fix #monitor-toggle[aria-pressed="true"]:hover,
body.staging-account-menu-fix #monitor-toggle[data-monitor-state="on"]:hover,
body.staging-account-menu-fix #monitor-toggle[aria-pressed="true"]:focus-visible,
body.staging-account-menu-fix #monitor-toggle[data-monitor-state="on"]:focus-visible,
body.staging-account-menu-fix #monitor-toggle.is-active:hover,
body.staging-account-menu-fix #monitor-toggle.is-active:focus-visible{
  border-color: var(--monitor-topbar-toggle-on-border, var(--monitor-topbar-hover-border));
  background: var(--monitor-topbar-toggle-on-bg-hover, var(--monitor-topbar-toggle-on-bg, var(--monitor-topbar-chip-bg-active, rgba(255,255,255,0.08))));
  box-shadow: var(--monitor-topbar-toggle-on-shadow, var(--monitor-topbar-hover-shadow)), var(--monitor-topbar-focus-ring, none);
}

body.staging-account-menu-fix #audio-toggle[aria-pressed="true"] img,
body.staging-account-menu-fix #audio-toggle[data-audio-state="on"] img,
body.staging-account-menu-fix #monitor-toggle[aria-pressed="true"] img,
body.staging-account-menu-fix #monitor-toggle[data-monitor-state="on"] img,
body.staging-account-menu-fix #monitor-toggle.is-active img{
  filter: var(--monitor-topbar-icon-filter-hover, var(--monitor-topbar-icon-filter, none));
}

body.staging-account-menu-fix .topbar-control--theme,
body.staging-account-menu-fix .topbar-control--info{
  position: relative;
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 22%, var(--monitor-topbar-chip-border, rgba(255,255,255,0.12)));
  color: var(--text-strong, #ffffff);
  box-shadow: 0 10px 24px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.08);
}

body.staging-account-menu-fix .topbar-control--info{
  background: linear-gradient(180deg, color-mix(in srgb, var(--monitor-topbar-info-bg, rgba(12, 25, 39, 0.96)) 96%, transparent), color-mix(in srgb, var(--brand-soft, rgba(0, 194, 255, 0.16)) 34%, transparent));
}

body.staging-account-menu-fix .topbar-control--theme{
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated, #0c1927) 90%, var(--accent-soft, rgba(255, 179, 71, 0.14)) 10%), color-mix(in srgb, var(--surface-soft, #142131) 92%, var(--brand-soft, rgba(0, 194, 255, 0.16)) 8%));
}

body.staging-account-menu-fix .topbar-control--info:hover,
body.staging-account-menu-fix .topbar-control--info:focus-visible{
  background: linear-gradient(180deg, color-mix(in srgb, var(--monitor-topbar-info-bg-hover, rgba(12, 25, 39, 0.96)) 94%, transparent), color-mix(in srgb, var(--brand-soft, rgba(0, 194, 255, 0.16)) 44%, transparent));
}

body.staging-account-menu-fix .topbar-control--theme:hover,
body.staging-account-menu-fix .topbar-control--theme:focus-visible{
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,0.18), transparent 42%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated, #0c1927) 84%, var(--accent-soft, rgba(255, 179, 71, 0.14)) 16%), color-mix(in srgb, var(--surface-soft, #142131) 88%, var(--brand-soft, rgba(0, 194, 255, 0.16)) 12%));
  border-color: color-mix(in srgb, var(--brand-strong, #67e7ff) 42%, var(--monitor-topbar-chip-border, rgba(255,255,255,0.12)));
  box-shadow: 0 16px 30px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.14), 0 0 18px rgba(103,231,255,0.16);
}

body.staging-account-menu-fix #theme-toggle svg,
body.staging-account-menu-fix #info button svg{
  stroke: currentColor;
  stroke-width: 1.7;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.staging-account-menu-fix .theme-toggle-icons{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--monitor-topbar-icon-size, 18px);
  height: var(--monitor-topbar-icon-size, 18px);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.24));
}

body.staging-account-menu-fix .theme-icon{
  position: absolute;
  inset: 0;
  width: var(--monitor-topbar-icon-size, 18px);
  height: var(--monitor-topbar-icon-size, 18px);
  transition: opacity 0.24s ease, transform 0.24s ease, color 0.24s ease;
}

body.staging-account-menu-fix .theme-icon--sun{
  opacity: 0.28;
  transform: scale(0.72) rotate(-12deg);
}

body.staging-account-menu-fix .theme-icon--moon{
  opacity: 0.28;
  transform: scale(0.72) rotate(12deg);
}

body.staging-account-menu-fix #theme-toggle.is-dark-theme{
  color: #9adfff;
  border-color: rgba(255, 208, 111, 0.34);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255, 208, 111, 0.12);
}

body.staging-account-menu-fix #theme-toggle.is-light-theme{
  color: #ffd576;
  border-color: rgba(103, 231, 255, 0.28);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(103, 231, 255, 0.10);
}

body.staging-account-menu-fix #theme-toggle.is-dark-theme .theme-icon--moon{
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

body.staging-account-menu-fix #theme-toggle.is-light-theme .theme-icon--sun{
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

@media (hover: hover) and (pointer: fine){
  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn .theme-icon{
    transform-origin: center;
    transition: opacity 0.24s ease, color 0.24s ease, transform 0.35s cubic-bezier(.2,.8,.2,1);
  }

  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn.is-light-theme:hover .theme-icon--sun,
  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn.is-light-theme:focus-visible .theme-icon--sun{
    transform: rotate(180deg) scale(1.08);
  }

  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn.is-dark-theme:hover .theme-icon--moon,
  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn.is-dark-theme:focus-visible .theme-icon--moon{
    transform: rotate(-16deg) scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce){
  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn .theme-icon{
    animation: none !important;
    transition: none !important;
  }

  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn.is-light-theme:hover .theme-icon--sun,
  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn.is-light-theme:focus-visible .theme-icon--sun,
  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn.is-dark-theme:hover .theme-icon--moon,
  body.staging-account-menu-fix #theme-toggle.theme-toggle-btn.is-dark-theme:focus-visible .theme-icon--moon{
    transform: scale(1) rotate(0deg) !important;
  }
}

body.staging-account-menu-fix #list{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body.staging-account-menu-fix #search.search-shell{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: var(--monitor-topbar-control-height, 42px);
  width: var(--monitor-topbar-control-height, 42px);
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--monitor-search-border, rgba(255,255,255,0.14));
  border-radius: var(--monitor-topbar-radius, 14px);
  background: var(--monitor-search-bg, rgba(255,255,255,0.04));
  box-shadow: var(--monitor-topbar-chip-shadow, none);
  transition: width 0.3s ease, border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}

body.staging-account-menu-fix #search.search-shell.active,
body.staging-account-menu-fix #search.search-shell:focus-within{
  width: 100%;
}

body.staging-account-menu-fix #search.search-shell.active{
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

body.staging-account-menu-fix .search-input-wrap{
  flex: 1 1 auto;
  min-width: 0;
  width: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}

body.staging-account-menu-fix #search.search-shell.active .search-input-wrap,
body.staging-account-menu-fix #search.search-shell:focus-within .search-input-wrap{
  width: auto;
  opacity: 1;
}

body.staging-account-menu-fix #searchtext{
  width: 100%;
  min-width: 0;
  height: var(--monitor-topbar-control-height, 42px);
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: var(--monitor-search-text, #e6edf3);
  box-sizing: border-box;
}

body.staging-account-menu-fix #search.search-shell:not(.active):not(:focus-within) #searchtext{
  padding-left: 0;
  padding-right: 0;
  opacity: 0;
  pointer-events: none;
}

body.staging-account-menu-fix #search.search-shell:focus-within{
  border-color: var(--monitor-search-focus, rgba(109,255,138,0.55));
  background: color-mix(in srgb, var(--monitor-search-bg, rgba(255,255,255,0.04)) 88%, rgba(255,255,255,0.08));
}

body.staging-account-menu-fix #searchbutton{
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

body.staging-account-menu-fix #searchbutton button.topbar-control{
  border: 0;
  border-left: 1px solid transparent;
  border-radius: var(--monitor-topbar-radius, 14px);
  background: transparent;
  box-shadow: none;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

body.staging-account-menu-fix #search.search-shell.active #searchbutton button.topbar-control,
body.staging-account-menu-fix #search.search-shell:focus-within #searchbutton button.topbar-control{
  border-left-color: var(--monitor-search-border, rgba(255,255,255,0.14));
  border-radius: 0 var(--monitor-topbar-radius, 14px) var(--monitor-topbar-radius, 14px) 0;
}

body.staging-account-menu-fix #users{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--monitor-topbar-control-height, 42px);
  padding: 0 10px;
  border: 1px solid var(--monitor-topbar-chip-border, rgba(255,255,255,0.12));
  border-radius: var(--monitor-topbar-radius, 14px);
  background: var(--monitor-topbar-chip-bg, rgba(255,255,255,0.04));
  transition: border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}

body.staging-account-menu-fix #users[hidden]{
  display: none !important;
}

.visitor-simulation-warning{
  position: sticky;
  top: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--warning, #ffd27f) 24%, var(--monitor-header-border, rgba(255,255,255,.12)));
  background: color-mix(in srgb, var(--monitor-header-bg, rgba(9,19,30,.96)) 86%, rgba(255, 198, 92, .16));
  color: color-mix(in srgb, var(--monitor-page-text, #ebf4ff) 88%, var(--warning, #ffd27f));
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
  text-align: center;
}

body.staging-account-menu-fix #userimg,
body.staging-account-menu-fix #usercount{
  display: inline-flex;
  align-items: center;
}

body.staging-account-menu-fix #userimg img{
  width: 16px;
  height: 16px;
  filter: var(--monitor-topbar-icon-filter, none);
  transition: filter 0.2s ease, opacity 0.2s ease, transform 0.24s ease;
}

body.staging-account-menu-fix #loginbtn{
  display: inline-flex;
  align-items: center;
  position: static;
  flex: 0 1 auto;
  min-width: 0;
  flex-shrink: 0;
}

body.staging-account-menu-fix .user-menu{
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

body.staging-account-menu-fix .user-menu-trigger-content{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

body.staging-account-menu-fix .user-menu-trigger-copy{
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

body.staging-account-menu-fix .user-menu-trigger{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: auto;
  min-width: calc(var(--monitor-topbar-control-height, 42px) + 10px);
  max-width: min(100%, 17rem);
  height: var(--monitor-topbar-control-height, 42px);
  min-height: var(--monitor-topbar-control-height, 42px);
  padding: 0 10px 0 8px;
  border-radius: var(--monitor-topbar-radius, 14px);
  flex-shrink: 0;
  border: 1px solid color-mix(in srgb, var(--monitor-topbar-chip-border, rgba(255,255,255,0.12)) 82%, rgba(255,255,255,0.04));
  background: linear-gradient(180deg, color-mix(in srgb, var(--monitor-topbar-chip-bg, rgba(255,255,255,0.04)) 94%, transparent), color-mix(in srgb, var(--surface-soft, rgba(20, 33, 49, 0.86)) 92%, transparent));
  box-shadow: var(--monitor-topbar-chip-shadow, none);
  color: var(--text-strong, #ffffff);
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
  position: relative;
  overflow: hidden;
}

body.staging-account-menu-fix .user-menu.is-open .user-menu-trigger,
body.staging-account-menu-fix .user-menu-trigger:hover,
body.staging-account-menu-fix .user-menu-trigger:focus-visible{
  border-color: var(--monitor-topbar-hover-border);
  background: linear-gradient(180deg, color-mix(in srgb, var(--monitor-topbar-chip-bg-hover, rgba(11, 27, 40, 0.92)) 92%, transparent), color-mix(in srgb, var(--brand-soft, rgba(0, 194, 255, 0.16)) 18%, transparent));
  box-shadow: var(--monitor-topbar-hover-shadow);
  transform: translateY(-1px) scale(1.01);
}

body.staging-account-menu-fix .topbar-control:active,
body.staging-account-menu-fix #loginbtn.logged-out > a:active,
body.staging-account-menu-fix .user-menu-trigger:active{
  background: var(--monitor-topbar-chip-bg-active, rgba(255,255,255,0.08));
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--monitor-topbar-chip-border, rgba(255,255,255,0.12)));
  box-shadow: var(--monitor-topbar-press-shadow);
  transform: translateY(0);
}

body.staging-account-menu-fix .topbar-control:focus-visible,
body.staging-account-menu-fix #loginbtn.logged-out > a:focus-visible,
body.staging-account-menu-fix .user-menu-trigger:focus-visible,
body.staging-account-menu-fix #users:focus-within,
body.staging-account-menu-fix #search.search-shell:focus-within{
  outline: none;
  box-shadow: var(--monitor-topbar-hover-shadow), var(--monitor-topbar-focus-ring);
}

html[data-theme="light"] body.staging-account-menu-fix .topbar-control,
html[data-theme="light"] body.staging-account-menu-fix #loginbtn.logged-out > a,
html[data-theme="light"] body.staging-account-menu-fix #loginbtn.logged-in #login-status,
html[data-theme="light"] body.staging-account-menu-fix .user-menu-trigger,
html[data-theme="light"] body.staging-account-menu-fix #users{
  color: var(--monitor-topbar-chip-text);
  box-shadow: 0 8px 18px rgba(33, 55, 73, 0.14), inset 0 1px 0 rgba(255,255,255,0.58);
}

html[data-theme="light"] body.staging-account-menu-fix .topbar-control:hover,
html[data-theme="light"] body.staging-account-menu-fix .topbar-control:focus-visible,
html[data-theme="light"] body.staging-account-menu-fix #loginbtn.logged-out > a:hover,
html[data-theme="light"] body.staging-account-menu-fix #loginbtn.logged-out > a:focus-visible{
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--monitor-topbar-chip-border));
  background: linear-gradient(180deg, color-mix(in srgb, var(--monitor-topbar-chip-bg-hover) 94%, rgba(194, 228, 244, 0.34)), color-mix(in srgb, var(--monitor-topbar-chip-bg-hover) 88%, rgba(160, 208, 232, 0.22)));
  box-shadow: 0 14px 28px rgba(33, 55, 73, 0.18), inset 0 1px 0 rgba(255,255,255,0.68), 0 0 0 1px rgba(74, 145, 184, 0.12);
}

html[data-theme="light"] body.staging-account-menu-fix .topbar-control--theme,
html[data-theme="light"] body.staging-account-menu-fix .topbar-control--info{
  color: var(--monitor-topbar-info-icon-color);
}

html[data-theme="light"] body.staging-account-menu-fix .topbar-control--info:hover,
html[data-theme="light"] body.staging-account-menu-fix .topbar-control--info:focus-visible{
  color: var(--monitor-topbar-info-icon-color-hover);
  border-color: color-mix(in srgb, var(--monitor-topbar-info-border) 88%, var(--brand, #00c2ff) 12%);
  background: var(--monitor-topbar-info-bg-hover);
}

html[data-theme="light"] body.staging-account-menu-fix #info button.topbar-control{
  color: #0a2234;
  border-color: rgba(23, 61, 88, 0.68);
  background: linear-gradient(180deg, rgba(214, 229, 239, 1), rgba(191, 210, 223, 1));
  box-shadow: 0 10px 20px rgba(33, 55, 73, 0.16), inset 0 1px 0 rgba(255,255,255,0.82);
}

html[data-theme="light"] body.staging-account-menu-fix #info button.topbar-control:hover,
html[data-theme="light"] body.staging-account-menu-fix #info button.topbar-control:focus-visible{
  color: #06192a;
  border-color: rgba(12, 79, 118, 0.72);
  background: linear-gradient(180deg, rgba(197, 216, 230, 1), rgba(174, 196, 212, 1));
  box-shadow: 0 12px 24px rgba(33, 55, 73, 0.2), inset 0 1px 0 rgba(255,255,255,0.84), 0 0 0 1px rgba(74, 145, 184, 0.16);
}

html[data-theme="light"] body.staging-account-menu-fix #info button.topbar-control:active{
  color: #03111d;
  border-color: rgba(7, 69, 104, 0.78);
  background: linear-gradient(180deg, rgba(183, 204, 219, 1), rgba(158, 181, 198, 1));
  box-shadow: inset 0 1px 2px rgba(23, 44, 62, 0.24), 0 0 0 3px rgba(54, 97, 132, 0.22);
}

html[data-theme="light"] body.staging-account-menu-fix #info button.topbar-control .topbar-info-glyph{
  color: inherit;
  opacity: 1;
  font-size: 20px;
}

html[data-theme="light"] body.staging-account-menu-fix .topbar-control--theme:hover,
html[data-theme="light"] body.staging-account-menu-fix .topbar-control--theme:focus-visible{
  color: #0b2640;
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 30%, var(--monitor-topbar-chip-border));
  box-shadow: 0 14px 28px rgba(33,55,73,0.2), inset 0 1px 0 rgba(255,255,255,0.78), 0 0 0 1px rgba(119, 171, 210, 0.16);
}

html[data-theme="light"] body.staging-account-menu-fix #theme-toggle.is-dark-theme{
  color: #0d4f72;
  border-color: rgba(160, 119, 34, 0.44);
  box-shadow: 0 10px 20px rgba(33, 55, 73, 0.14), inset 0 1px 0 rgba(255, 236, 192, 0.72);
}

html[data-theme="light"] body.staging-account-menu-fix #theme-toggle.is-light-theme{
  color: #8a5a00;
  border-color: rgba(33, 101, 140, 0.4);
  box-shadow: 0 10px 20px rgba(33, 55, 73, 0.14), inset 0 1px 0 rgba(218, 243, 255, 0.76);
}

@media (min-width: 768px){
  body.staging-account-menu-fix #header{
    padding: 5px 0 4px;
    transition: transform 0.26s ease, box-shadow 0.26s ease, background 0.26s ease, border-color 0.26s ease;
    will-change: transform;
  }

  body.staging-account-menu-fix #header.is-auto-hidden{
    transform: translateY(calc(-100% - 8px));
    box-shadow: none;
  }
}

html[data-theme="light"] body.staging-account-menu-fix #search.search-shell{
  border-color: rgba(76, 101, 122, 0.42);
  box-shadow: 0 8px 18px rgba(33, 55, 73, 0.12), inset 0 1px 0 rgba(255,255,255,0.56);
}

html[data-theme="light"] body.staging-account-menu-fix #search.search-shell:focus-within{
  border-color: rgba(39, 96, 133, 0.58);
  background: linear-gradient(180deg, rgba(242, 248, 252, 1), rgba(231, 240, 247, 1));
}

html[data-theme="light"] body.staging-account-menu-fix #users{
  border-color: rgba(49, 75, 97, 0.56);
  background: linear-gradient(180deg, rgba(223, 233, 241, 1), rgba(202, 214, 225, 1));
  box-shadow: 0 10px 20px rgba(33, 55, 73, 0.15), inset 0 1px 0 rgba(255,255,255,0.68);
}

html[data-theme="light"] body.staging-account-menu-fix #users:hover,
html[data-theme="light"] body.staging-account-menu-fix #users:focus-within{
  border-color: rgba(28, 92, 132, 0.56);
  background: linear-gradient(180deg, rgba(210, 224, 234, 1), rgba(191, 206, 219, 1));
  box-shadow: 0 12px 24px rgba(33, 55, 73, 0.17), inset 0 1px 0 rgba(255,255,255,0.74);
}

html[data-theme="light"] body.staging-account-menu-fix #userimg img{
  filter: brightness(.08) saturate(1.18) contrast(1.3);
}

html[data-theme="light"] body.staging-account-menu-fix #usercount{
  color: #0b1f2f;
  font-weight: 700;
  letter-spacing: 0.01em;
}

body.staging-account-menu-fix .account-avatar{
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--monitor-panel-border, rgba(255,255,255,0.12)) 72%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 8px 18px rgba(0,0,0,0.22);
}

body.staging-account-menu-fix .account-avatar svg{
  width: 62%;
  height: 62%;
}

body.staging-account-menu-fix .account-avatar__image{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.staging-account-menu-fix .account-avatar__initials{
  font-weight: 800;
  letter-spacing: 0.05em;
}

body.staging-account-menu-fix .account-avatar[data-avatar-preset="signal"]{
  background: linear-gradient(135deg, #5ef2ff, #00a8ff);
  color: #03131c;
}

body.staging-account-menu-fix .account-avatar[data-avatar-preset="beacon"]{
  background: linear-gradient(135deg, #ffd36a, #ff7b54);
  color: #2c1305;
}

body.staging-account-menu-fix .account-avatar[data-avatar-preset="shield"]{
  background: linear-gradient(135deg, #80f1c0, #2db38c);
  color: #041711;
}

body.staging-account-menu-fix .account-avatar[data-avatar-preset="pulse"]{
  background: linear-gradient(135deg, #ff92c2, #ff5d7a);
  color: #24040e;
}

body.staging-account-menu-fix .account-avatar[data-avatar-preset="orbit"]{
  background: linear-gradient(135deg, #c0b7ff, #6f7bff);
  color: #0f1031;
}

body.staging-account-menu-fix .account-avatar[data-avatar-preset="atlas"]{
  background: linear-gradient(135deg, #d2ddf4, #7e8fb3);
  color: #111a2b;
}

body.staging-account-menu-fix .user-menu-avatar{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--monitor-topbar-avatar-size, 32px);
  height: var(--monitor-topbar-avatar-size, 32px);
  min-width: var(--monitor-topbar-avatar-size, 32px);
  border-radius: 999px;
  background: var(--monitor-menu-avatar-bg, #6dff8a);
  color: var(--monitor-menu-avatar-text, #041006);
  font-size: 12px;
  font-weight: 700;
  flex: 0 0 var(--monitor-topbar-avatar-size, 32px);
  margin-left: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 8px 16px rgba(0,0,0,0.18);
}

body.staging-account-menu-fix .user-menu-label{
  display: inline-block;
  max-width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
}

body.staging-account-menu-fix .user-menu-dropdown{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1100;
  width: 320px;
  max-width: min(92vw, 320px);
  max-height: min(75vh, 34rem);
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--monitor-panel-border, rgba(255,255,255,0.12));
  border-radius: 18px;
  background: var(--monitor-panel-bg, rgba(7,17,27,0.98));
  box-shadow: var(--monitor-panel-shadow, 0 22px 42px rgba(0,0,0,0.38));
}

body.staging-account-menu-fix .user-menu-dropdown[hidden]{
  display: none;
}

body.staging-account-menu-fix .account-menu{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.staging-account-menu-fix .account-menu-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.staging-account-menu-fix .account-menu,
body.staging-account-menu-fix .account-menu-list,
body.staging-account-menu-fix .account-menu-item-content,
body.staging-account-menu-fix .account-menu-header-content,
body.staging-account-menu-fix .account-menu-profile-content{
  min-width: 0;
}

body.staging-account-menu-fix .account-menu-header,
body.staging-account-menu-fix .account-menu-profile-card{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  box-sizing: border-box;
  border: 1px solid var(--border, rgba(151, 183, 214, 0.2));
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface-elevated, rgba(12, 25, 39, 0.96)) 92%, var(--brand-soft, rgba(0, 194, 255, 0.16)));
}

body.staging-account-menu-fix .account-menu-item{
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 13px 14px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--text, #ebf4ff);
  border: 1px solid transparent;
  background: color-mix(in srgb, var(--surface-soft, rgba(20, 33, 49, 0.86)) 72%, transparent);
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
  box-sizing: border-box;
}

body.staging-account-menu-fix button.account-menu-item{
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

body.staging-account-menu-fix .account-menu-item--mobile-only{
  display: none;
}

body.staging-account-menu-fix .account-menu-item:hover,
body.staging-account-menu-fix .account-menu-item:focus-visible{
  background: color-mix(in srgb, var(--surface-soft, rgba(20, 33, 49, 0.86)) 80%, var(--brand-soft, rgba(0, 194, 255, 0.16)));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand, #00c2ff) 22%, transparent), 0 10px 24px rgba(0,0,0,0.16);
  outline: none;
  transform: translateY(-1px);
}

body.staging-account-menu-fix .account-menu-header-icon,
body.staging-account-menu-fix .account-menu-profile-avatar{
  display: inline-flex;
  flex: 0 0 54px;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--brand, #00c2ff) 20%, var(--surface-soft, rgba(20, 33, 49, 0.86)));
  color: var(--text-strong, #ffffff);
  font-size: 0.95rem;
  font-weight: 700;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 10px 20px rgba(0,0,0,0.2);
}

body.staging-account-menu-fix .account-menu-header-icon svg,
body.staging-account-menu-fix .account-menu-profile-avatar svg{
  width: 24px;
  height: 24px;
}

body.staging-account-menu-fix .account-menu-header-content,
body.staging-account-menu-fix .account-menu-profile-content{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  text-align: left;
}

body.staging-account-menu-fix .account-menu-title,
body.staging-account-menu-fix .account-menu-profile-title,
body.staging-account-menu-fix .account-menu-item-title{
  display: block;
  margin: 0;
  color: var(--text-strong, #ffffff);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.25;
}

body.staging-account-menu-fix .account-menu-subtitle,
body.staging-account-menu-fix .account-menu-profile-subtitle,
body.staging-account-menu-fix .account-menu-item-subtitle{
  display: block;
  margin: 0;
  color: var(--muted, #9db5cc);
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.35;
}

body.staging-account-menu-fix .account-menu-badge,
body.staging-account-menu-fix .account-menu-profile-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand-soft, rgba(0, 194, 255, 0.16)) 72%, transparent);
  color: color-mix(in srgb, var(--brand-strong, #67e7ff) 78%, var(--muted, #9db5cc));
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-left: auto;
  white-space: nowrap;
}

body.staging-account-menu-fix .account-menu-item-icon,
body.staging-account-menu-fix .account-menu-item-arrow,
body.staging-account-menu-fix .account-menu-item-chevron{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

body.staging-account-menu-fix .account-menu-item-icon{
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--surface-soft, rgba(20, 33, 49, 0.86)) 88%, transparent);
  color: var(--muted-strong, #c6d9ea);
}

body.staging-account-menu-fix .account-menu-item-icon svg,
body.staging-account-menu-fix .account-menu-item-arrow svg,
body.staging-account-menu-fix .account-menu-item-chevron svg{
  width: 18px;
  height: 18px;
}

body.staging-account-menu-fix .account-menu-item-content{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  text-align: left;
}

body.staging-account-menu-fix .account-menu-title,
body.staging-account-menu-fix .account-menu-subtitle,
body.staging-account-menu-fix .account-menu-profile-title,
body.staging-account-menu-fix .account-menu-profile-subtitle,
body.staging-account-menu-fix .account-menu-item-title,
body.staging-account-menu-fix .account-menu-item-subtitle{
  display: block;
  inline-size: 100%;
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
  letter-spacing: normal;
  hyphens: none;
}

body.staging-account-menu-fix .account-menu-item-arrow,
body.staging-account-menu-fix .account-menu-item-chevron{
  flex: 0 0 18px;
  margin-left: auto;
  color: var(--muted, #9db5cc);
  opacity: 0.82;
}

body.staging-account-menu-fix .account-menu-item--cta{
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 18%, var(--border, rgba(151, 183, 214, 0.2)));
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand-soft, rgba(0, 194, 255, 0.16)) 92%, transparent), color-mix(in srgb, var(--surface-soft, rgba(20, 33, 49, 0.86)) 88%, transparent));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand, #00c2ff) 14%, transparent);
}

body.staging-account-menu-fix .account-menu-item--cta:hover,
body.staging-account-menu-fix .account-menu-item--cta:focus-visible{
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand-soft, rgba(0, 194, 255, 0.16)) 88%, transparent), color-mix(in srgb, var(--surface-soft, rgba(20, 33, 49, 0.86)) 82%, transparent));
}

body.staging-account-menu-fix .account-menu-item--disabled{
  border: 1px solid color-mix(in srgb, var(--brand, #00c2ff) 18%, var(--border, rgba(151, 183, 214, 0.2)));
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand-soft, rgba(0, 194, 255, 0.16)) 92%, transparent), color-mix(in srgb, var(--surface-soft, rgba(20, 33, 49, 0.86)) 88%, transparent));
  color: var(--text, #ebf4ff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand, #00c2ff) 14%, transparent);
  cursor: default;
}

body.staging-account-menu-fix .account-menu-item--disabled .account-menu-item-arrow,
body.staging-account-menu-fix .account-menu-item--disabled .account-menu-item-chevron{
  visibility: hidden;
}

body.staging-account-menu-fix .account-menu-item--danger{
  color: var(--danger, #ff8d8d);
}

body.staging-account-menu-fix .account-menu-item--danger .account-menu-item-title{
  color: inherit;
}

body.staging-account-menu-fix.login-modal-open{
  overflow: hidden;
}

body.staging-account-menu-fix.info-modal-open{
  overflow: hidden;
}

body.staging-account-menu-fix .auth-modal{
  position: fixed;
  inset: 0;
  z-index: 2500;
  display: grid;
  place-items: center;
  padding: 24px;
}

body.staging-account-menu-fix .auth-modal[hidden]{
  display: none;
}

body.staging-account-menu-fix .auth-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(4, 11, 19, 0.66);
  backdrop-filter: blur(8px);
}

body.staging-account-menu-fix .auth-modal__dialog{
  position: relative;
  z-index: 1;
  width: min(100%, 408px);
  max-height: min(calc(100dvh - 48px), 860px);
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 15px;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--control-border, rgba(151, 183, 214, 0.2)) 88%, rgba(255,255,255,0.04));
  border-radius: 22px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-strong, rgba(12, 25, 39, 0.98)) 94%, rgba(255,255,255,0.02)), color-mix(in srgb, var(--surface-elevated, rgba(8, 19, 31, 0.98)) 96%, rgba(255,255,255,0.01)));
  box-shadow: 0 22px 42px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255,255,255,0.03);
  overflow: hidden;
}

body.staging-account-menu-fix .auth-modal__close{
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: rgba(255,255,255,0.02);
  color: color-mix(in srgb, var(--muted-strong, #c6d9ea) 88%, white);
  cursor: pointer;
  transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

body.staging-account-menu-fix .auth-modal__close:hover,
body.staging-account-menu-fix .auth-modal__close:focus-visible{
  outline: none;
  border-color: color-mix(in srgb, var(--control-border-strong, rgba(103, 231, 255, 0.35)) 74%, transparent);
  background: rgba(255,255,255,0.06);
  color: var(--text-strong, #fff);
}

body.staging-account-menu-fix .auth-modal__close svg{
  width: 18px;
  height: 18px;
}

body.staging-account-menu-fix .auth-modal__brand{
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
  padding: 0 26px 2px;
}

body.staging-account-menu-fix .auth-modal__logo{
  width: min(144px, 50%);
  height: auto;
  filter: drop-shadow(0 9px 18px rgba(0,0,0,0.2));
}

body.staging-account-menu-fix .auth-modal__heading{
  display: grid;
  gap: 5px;
  justify-items: center;
}

body.staging-account-menu-fix .auth-modal__heading h2{
  margin: 0;
  color: var(--text-strong, #fff);
  font-size: clamp(1.28rem, 2.5vw, 1.48rem);
  font-weight: 680;
  letter-spacing: -0.018em;
  line-height: 1.14;
  max-width: 14ch;
  text-wrap: balance;
}

body.staging-account-menu-fix .auth-modal__heading p{
  margin: 0;
  color: color-mix(in srgb, var(--muted, #9db5cc) 86%, white);
  line-height: 1.4;
  font-size: 0.88rem;
  max-width: 29ch;
  text-wrap: pretty;
}

body.staging-account-menu-fix .auth-modal__message{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--danger-border, rgba(255, 141, 141, 0.28));
  background: var(--danger-soft, rgba(116, 25, 25, 0.34));
  color: var(--danger, #ff8d8d);
  font-size: 0.86rem;
  line-height: 1.38;
}

body.staging-account-menu-fix .auth-modal__form{
  display: grid;
  gap: 12px;
}

body.staging-account-menu-fix .auth-modal__field{
  display: grid;
  gap: 5px;
}

body.staging-account-menu-fix .auth-modal__field label{
  color: color-mix(in srgb, var(--muted-strong, #c6d9ea) 88%, white);
  font-size: 0.78rem;
  font-weight: 580;
  letter-spacing: 0.01em;
  line-height: 1.25;
  padding-left: 1px;
}

body.staging-account-menu-fix .auth-modal__input-wrapper{
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--field-border, rgba(151, 183, 214, 0.2));
  border-radius: 14px;
  background: var(--field-bg, rgba(6, 18, 30, 0.8));
  overflow: hidden;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

body.staging-account-menu-fix .auth-modal__input-wrapper:hover{
  border-color: var(--control-border-strong, rgba(103, 231, 255, 0.35));
  background: var(--field-bg-hover, rgba(10, 24, 38, 0.92));
}

body.staging-account-menu-fix .auth-modal__input-wrapper:focus-within{
  border-color: var(--control-border-strong, rgba(103, 231, 255, 0.35));
  box-shadow: 0 0 0 3px var(--focus-ring, rgba(0, 194, 255, 0.16));
  background: var(--field-bg-hover, rgba(10, 24, 38, 0.92));
}

body.staging-account-menu-fix .auth-modal__field input{
  flex: 1 1 auto;
  width: 100%;
  min-height: 48px;
  padding: 0 13px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--text, #ebf4ff);
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.2;
  min-width: 0;
}

body.staging-account-menu-fix .auth-modal__field input::placeholder{
  color: color-mix(in srgb, var(--field-placeholder, #88a3bb) 88%, white);
}

body.staging-account-menu-fix .auth-modal__password-toggle{
  align-self: stretch;
  min-width: 56px;
  min-height: 48px;
  padding: 0 13px 0 11px;
  border: 0;
  border-left: 1px solid color-mix(in srgb, var(--field-border, rgba(151, 183, 214, 0.2)) 86%, transparent);
  border-radius: 0;
  background: color-mix(in srgb, var(--control-bg, rgba(255,255,255,0.04)) 92%, transparent);
  color: color-mix(in srgb, var(--muted, #9db5cc) 92%, white);
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1;
  transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

body.staging-account-menu-fix .auth-modal__field input:focus{
  outline: none;
  box-shadow: none;
}

body.staging-account-menu-fix .auth-modal__remember{
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid color-mix(in srgb, var(--control-border, rgba(151, 183, 214, 0.2)) 80%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--control-bg, rgba(255,255,255,0.04)) 92%, transparent);
  color: color-mix(in srgb, var(--muted-strong, #c6d9ea) 88%, white);
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.2;
  cursor: pointer;
  user-select: none;
}

body.staging-account-menu-fix .auth-modal__remember input{
  width: 17px;
  height: 17px;
  min-height: 0;
  flex: 0 0 auto;
  accent-color: var(--brand, #00c2ff);
  cursor: pointer;
}

body.staging-account-menu-fix .auth-modal__password-toggle:hover,
body.staging-account-menu-fix .auth-modal__password-toggle:focus-visible{
  outline: none;
  background: color-mix(in srgb, var(--control-bg-hover, rgba(11, 27, 40, 0.92)) 84%, transparent);
  color: var(--text-strong, #fff);
}

body.staging-account-menu-fix .auth-modal__submit{
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand, #00c2ff) 88%, white 4%), color-mix(in srgb, var(--brand-strong, #67e7ff) 76%, var(--brand, #00c2ff)));
  color: #04121c;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(0, 194, 255, 0.14);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, opacity 0.18s ease, background 0.18s ease;
}

body.staging-account-menu-fix .auth-modal__submit:hover,
body.staging-account-menu-fix .auth-modal__submit:focus-visible{
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0, 194, 255, 0.16);
  filter: saturate(1.02);
}

body.staging-account-menu-fix .auth-modal__submit:active{
  transform: translateY(0);
  box-shadow: 0 8px 16px rgba(0, 194, 255, 0.12);
}

body.staging-account-menu-fix .auth-modal__submit:disabled{
  cursor: wait;
  opacity: 0.78;
}

body.staging-account-menu-fix .auth-modal__footer{
  display: grid;
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid color-mix(in srgb, var(--control-border, rgba(151, 183, 214, 0.2)) 58%, transparent);
  margin-top: 2px;
  padding-bottom: 1px;
}

body.staging-account-menu-fix .auth-modal__links{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  font-size: 0.8rem;
}

body.staging-account-menu-fix .auth-modal__links a,
body.staging-account-menu-fix .auth-modal__secondary a{
  color: color-mix(in srgb, var(--link, #9fd9ff) 82%, white);
  text-decoration: none;
}

body.staging-account-menu-fix .auth-modal__links a:hover,
body.staging-account-menu-fix .auth-modal__links a:focus-visible,
body.staging-account-menu-fix .auth-modal__secondary a:hover,
body.staging-account-menu-fix .auth-modal__secondary a:focus-visible{
  outline: none;
  color: var(--text-strong, #fff);
}

body.staging-account-menu-fix .auth-modal__secondary{
  display: grid;
  gap: 6px;
  justify-items: start;
  text-align: left;
  color: color-mix(in srgb, var(--muted, #9db5cc) 82%, white);
  font-size: 0.8rem;
  line-height: 1.4;
}

body.staging-account-menu-fix .auth-modal__secondary p{
  margin: 0;
}

body.staging-account-menu-fix .auth-modal__register{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 15px;
  border-radius: 14px;
  border: 1px solid var(--control-border, rgba(151, 183, 214, 0.2));
  background: color-mix(in srgb, var(--control-bg, rgba(255,255,255,0.04)) 96%, transparent);
  color: var(--text, #ebf4ff);
  font-size: 0.84rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

body.staging-account-menu-fix .auth-modal__register:hover,
body.staging-account-menu-fix .auth-modal__register:focus-visible{
  outline: none;
  transform: translateY(-1px);
  border-color: var(--control-border-strong, rgba(103, 231, 255, 0.35));
  background: var(--control-bg-hover, rgba(11, 27, 40, 0.92));
}

body.staging-account-menu-fix #login-modal{
  align-items: start;
  justify-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  padding-block: clamp(16px, 3vh, 24px);
}

body.staging-account-menu-fix #login-modal .auth-modal__panel-stack{
  display: grid;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-right: 4px;
}

body.staging-account-menu-fix .info-modal__dialog{
  width: min(100%, 980px);
  max-height: min(calc(100dvh - 48px), 860px);
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
  padding: 24px;
  overflow: hidden;
}

/* Let the info modal anchor inside the viewport and scroll safely on shorter desktops. */
body.staging-account-menu-fix .info-modal{
  align-items: start;
  justify-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  padding-block: clamp(16px, 3vh, 24px);
}

body.staging-account-menu-fix .info-modal__brand{
  padding-inline: 34px;
}

body.staging-account-menu-fix .info-modal__heading h2{
  max-width: none;
}

body.staging-account-menu-fix .info-modal__heading p{
  max-width: 52ch;
}

body.staging-account-menu-fix .info-modal__body{
  display: block;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-right: 4px;
}

body.staging-account-menu-fix .info-modal__body:focus{
  outline: none;
}

body.staging-account-menu-fix .info-modal__body::-webkit-scrollbar{
  width: 10px;
}

body.staging-account-menu-fix .info-modal__body::-webkit-scrollbar-thumb{
  background: color-mix(in srgb, var(--control-border, rgba(151, 183, 214, 0.2)) 86%, transparent);
  border-radius: 999px;
}

body.staging-account-menu-fix .info-sheet{
  display: grid;
  gap: 18px;
  color: var(--text, #ebf4ff);
}

body.staging-account-menu-fix .info-sheet__quicknav{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

body.staging-account-menu-fix .info-sheet__quicknav a{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--control-border, rgba(151, 183, 214, 0.2)) 84%, transparent);
  background: color-mix(in srgb, var(--control-bg, rgba(255,255,255,0.04)) 94%, transparent);
  color: var(--text, #ebf4ff);
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 700;
  transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

body.staging-account-menu-fix .info-sheet__quicknav a:hover,
body.staging-account-menu-fix .info-sheet__quicknav a:focus-visible{
  outline: none;
  transform: translateY(-1px);
  color: var(--brand-strong, #67e7ff);
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--control-border, rgba(151, 183, 214, 0.2)));
  background: color-mix(in srgb, var(--brand, #00c2ff) 10%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand, #00c2ff) 8%, transparent), 0 10px 22px color-mix(in srgb, var(--brand, #00c2ff) 12%, transparent);
}

body.staging-account-menu-fix .info-sheet__hero,
body.staging-account-menu-fix .info-sheet__summary-card,
body.staging-account-menu-fix .info-sheet__card,
body.staging-account-menu-fix .info-sheet__panel,
body.staging-account-menu-fix .info-feature-card,
body.staging-account-menu-fix .info-sheet__telegram-card,
body.staging-account-menu-fix .info-sheet__link-card{
  border: 1px solid color-mix(in srgb, var(--control-border, rgba(151, 183, 214, 0.2)) 86%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface, rgba(12, 25, 39, 0.94)) 94%, rgba(255,255,255,0.03)), color-mix(in srgb, var(--surface-elevated, rgba(8, 19, 31, 0.96)) 96%, rgba(255,255,255,0.01)));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

body.staging-account-menu-fix .info-sheet__hero{
  display: grid;
  gap: 10px;
  padding: 20px;
  border-radius: 20px;
}

body.staging-account-menu-fix .info-sheet__eyebrow{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 6px 11px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand, #00c2ff) 14%, transparent);
  color: color-mix(in srgb, var(--brand-strong, #67e7ff) 82%, white);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.staging-account-menu-fix .info-sheet__title{
  margin: 0;
  color: var(--text-strong, #fff);
  font-size: clamp(1.4rem, 2vw, 1.95rem);
  line-height: 1.08;
}

body.staging-account-menu-fix .info-sheet__intro,
body.staging-account-menu-fix .info-sheet__section-head p,
body.staging-account-menu-fix .info-sheet__summary-card p,
body.staging-account-menu-fix .info-sheet__card p,
body.staging-account-menu-fix .info-sheet__panel p,
body.staging-account-menu-fix .info-sheet__link-card span{
  margin: 0;
  color: color-mix(in srgb, var(--muted, #9db5cc) 88%, white);
  line-height: 1.6;
}

body.staging-account-menu-fix .info-sheet__summary{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.staging-account-menu-fix .info-sheet__summary-card{
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 18px;
}

body.staging-account-menu-fix .info-sheet__summary-card h3,
body.staging-account-menu-fix .info-sheet__section-head h3,
body.staging-account-menu-fix .info-sheet__card h4,
body.staging-account-menu-fix .info-sheet__panel h4{
  margin: 0;
  color: var(--text-strong, #fff);
}

body.staging-account-menu-fix .info-sheet__section{
  display: grid;
  gap: 14px;
}

body.staging-account-menu-fix .info-sheet__section-head{
  display: grid;
  gap: 6px;
}

body.staging-account-menu-fix .info-sheet__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.staging-account-menu-fix .info-sheet__card{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
  padding: 17px;
  border-radius: 18px;
}

body.staging-account-menu-fix button.info-sheet__card{
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

body.staging-account-menu-fix .info-sheet__card--action{
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

body.staging-account-menu-fix .info-sheet__card--action:hover,
body.staging-account-menu-fix .info-sheet__card--action:focus-visible{
  outline: none;
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--control-border, rgba(151, 183, 214, 0.2)));
  background: color-mix(in srgb, var(--brand, #00c2ff) 10%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand, #00c2ff) 8%, transparent), 0 10px 22px color-mix(in srgb, var(--brand, #00c2ff) 12%, transparent);
}

body.staging-account-menu-fix .info-sheet__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--control-bg, rgba(255,255,255,0.04)) 92%, transparent);
  border: 1px solid color-mix(in srgb, var(--control-border, rgba(151, 183, 214, 0.2)) 74%, transparent);
}

body.staging-account-menu-fix .info-sheet__icon img{
  width: 22px;
  height: 22px;
  object-fit: contain;
}

body.staging-account-menu-fix .info-sheet__icon svg{
  width: 22px;
  height: 22px;
  color: var(--text, #ebf4ff);
}

body.staging-account-menu-fix .info-sheet__card-body,
body.staging-account-menu-fix .info-sheet__stack{
  display: grid;
  gap: 8px;
}

body.staging-account-menu-fix .info-sheet__card h4{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

body.staging-account-menu-fix .info-sheet__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--control-border, rgba(151, 183, 214, 0.2)));
  background: color-mix(in srgb, var(--brand, #00c2ff) 10%, transparent);
  color: var(--brand-strong, #67e7ff);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
}

body.staging-account-menu-fix .info-sheet__feedback{
  min-height: 1.2em;
  color: var(--brand-strong, #67e7ff);
  font-size: 0.82rem;
  font-weight: 700;
}

body.staging-account-menu-fix .info-sheet__stack{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.staging-account-menu-fix .info-feature-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.staging-account-menu-fix .info-feature-card{
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border-radius: 18px;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

body.staging-account-menu-fix .info-feature-card h4{
  margin: 0;
  color: var(--text-strong, #fff);
  font-size: 1rem;
  line-height: 1.35;
}

body.staging-account-menu-fix .info-feature-card p{
  margin: 0;
  color: color-mix(in srgb, var(--muted, #9db5cc) 88%, white);
  line-height: 1.62;
}

body.staging-account-menu-fix .info-feature-card:hover,
body.staging-account-menu-fix .info-feature-card:focus-within{
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--control-border, rgba(151, 183, 214, 0.2)));
  background: color-mix(in srgb, var(--brand, #00c2ff) 10%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand, #00c2ff) 8%, transparent), 0 10px 22px color-mix(in srgb, var(--brand, #00c2ff) 12%, transparent);
}

body.staging-account-menu-fix .info-sheet__panel{
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 18px;
}

body.staging-account-menu-fix .info-sheet__telegram-card{
  display: grid;
  gap: 16px;
  padding: 20px;
  border-radius: 20px;
}

body.staging-account-menu-fix .info-sheet__telegram-copy{
  display: grid;
  gap: 10px;
}

body.staging-account-menu-fix .info-sheet__telegram-copy p{
  margin: 0;
  color: color-mix(in srgb, var(--muted, #9db5cc) 88%, white);
  line-height: 1.65;
  max-width: 70ch;
}

body.staging-account-menu-fix .info-sheet__telegram-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--control-border, rgba(151, 183, 214, 0.2)) 84%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand, #00c2ff) 28%, rgba(255,255,255,0.06)), color-mix(in srgb, var(--surface-elevated, rgba(8, 19, 31, 0.96)) 92%, rgba(255,255,255,0.04)));
  color: var(--text-strong, #fff);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

body.staging-account-menu-fix .info-sheet__telegram-cta:hover,
body.staging-account-menu-fix .info-sheet__telegram-cta:focus-visible{
  outline: none;
  transform: translateY(-1px);
  color: var(--brand-strong, #67e7ff);
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--control-border, rgba(151, 183, 214, 0.2)));
  background: color-mix(in srgb, var(--brand, #00c2ff) 10%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand, #00c2ff) 8%, transparent), 0 10px 22px color-mix(in srgb, var(--brand, #00c2ff) 12%, transparent);
}

body.staging-account-menu-fix .info-sheet__telegram-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: currentColor;
}

body.staging-account-menu-fix .info-sheet__telegram-icon svg{
  width: 18px;
  height: 18px;
}

body.staging-account-menu-fix .info-sheet__links{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.staging-account-menu-fix .info-sheet__link-card{
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 18px;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

body.staging-account-menu-fix .info-sheet__link-card strong{
  color: var(--text-strong, #fff);
}

body.staging-account-menu-fix .info-sheet__link-card:hover,
body.staging-account-menu-fix .info-sheet__link-card:focus-visible{
  outline: none;
  transform: translateY(-1px);
  color: var(--brand-strong, #67e7ff);
  border-color: color-mix(in srgb, var(--brand, #00c2ff) 34%, var(--control-border, rgba(151, 183, 214, 0.2)));
  background: color-mix(in srgb, var(--brand, #00c2ff) 10%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand, #00c2ff) 8%, transparent), 0 10px 22px color-mix(in srgb, var(--brand, #00c2ff) 12%, transparent);
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet{
  color: #143043;
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__hero,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__summary-card,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__card,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__panel,
html[data-theme="light"] body.staging-account-menu-fix .info-feature-card,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__telegram-card,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__link-card{
  border-color: rgba(47, 79, 103, 0.24);
  background: linear-gradient(180deg, rgba(251, 253, 255, 0.96), rgba(237, 244, 251, 0.94));
  box-shadow: 0 16px 28px rgba(39, 68, 92, 0.08), inset 0 1px 0 rgba(255,255,255,0.9);
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__eyebrow{
  background: rgba(40, 120, 174, 0.13);
  color: #1d5276;
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__quicknav a{
  border-color: rgba(47, 79, 103, 0.24);
  background: rgba(241, 247, 252, 0.95);
  color: #16354b;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__title,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__summary-card h3,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__section-head h3,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__card h4,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__panel h4,
html[data-theme="light"] body.staging-account-menu-fix .info-feature-card h4,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__link-card strong{
  color: #16354b;
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__intro,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__section-head p,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__summary-card p,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__card p,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__panel p,
html[data-theme="light"] body.staging-account-menu-fix .info-feature-card p,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__link-card span{
  color: #46677f;
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__telegram-copy p{
  color: #46677f;
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__telegram-cta{
  border-color: rgba(47, 79, 103, 0.26);
  background: linear-gradient(135deg, rgba(213, 236, 249, 0.98), rgba(236, 245, 252, 0.98));
  color: #14374d;
  box-shadow: 0 14px 28px rgba(39, 68, 92, 0.1), inset 0 1px 0 rgba(255,255,255,0.9);
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__telegram-cta:hover,
html[data-theme="light"] body.staging-account-menu-fix .info-sheet__telegram-cta:focus-visible{
  border-color: rgba(41, 106, 148, 0.42);
  background: linear-gradient(135deg, rgba(193, 226, 245, 1), rgba(228, 240, 250, 1));
}

html[data-theme="light"] body.staging-account-menu-fix .info-sheet__icon{
  background: rgba(229, 239, 247, 0.96);
  border-color: rgba(60, 95, 120, 0.22);
}

body.staging-account-menu-fix .user-menu-trigger:focus-visible,
body.staging-account-menu-fix .topbar-control:focus-visible,
body.staging-account-menu-fix #loginbtn.logged-out > a:focus-visible,
body.staging-account-menu-fix .user-menu-dropdown a:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--brand-strong, #67e7ff) 76%, white);
  outline-offset: 2px;
}

@media (max-width: 1024px){
  body.staging-account-menu-fix #header{
    padding: 10px 12px;
  }

  body.staging-account-menu-fix #users{
    display: none;
  }

  body.staging-account-menu-fix .user-menu-label{
    max-width: 8rem;
  }

  body.staging-account-menu-fix .monitor-topbar__status,
  body.staging-account-menu-fix .monitor-topbar__right-tools,
  body.staging-account-menu-fix .monitor-topbar__account-actions{
    gap: 8px;
  }
}

@media (max-width: 768px){
  #infobar{
    padding: 8px 10px 10px;
  }

  #infobar .infobar-inner{
    max-width: calc(100vw - 20px);
  }

  #infobar .infobar-content{
    min-height: 0;
    padding: 12px 46px 12px 14px;
    justify-content: center;
    align-items: center;
  }

  #infobar .infobar-main,
  #infobar .infobar-copy{
    width: 100%;
  }

  #infobar .infobar-main{
    flex-direction: column;
    gap: 10px;
  }

  #infobar .infobar-copy{
    flex-direction: column;
    gap: 6px;
  }

  #infobar .infobar-content strong,
  #infobar .infobar-content em,
  #infobar .infobar-content a{
    width: 100%;
  }

  #infobar .infobar-content a{
    min-height: 40px;
  }

  #infobar .infobar-content--telegram .infobar-main{
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px 12px;
    align-items: start;
  }

  #infobar .infobar-content--telegram .infobar-copy{
    gap: 4px;
  }

  #infobar .infobar-content--telegram a{
    grid-column: 1 / -1;
    width: 100%;
  }

  .infobar-close{
    top: 10px;
    right: 10px;
    transform: none;
    width: 28px;
    height: 28px;
  }

  body.staging-account-menu-fix{
    --monitor-topbar-control-height: 31px;
    --monitor-topbar-radius: 8px;
    --monitor-topbar-gap: 5px;
    --monitor-topbar-cluster-gap: 3px;
  }

  body.staging-account-menu-fix #header{
    padding: 7px 8px;
  }

  body.staging-account-menu-fix .monitor-topbar__row{
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    min-width: 0;
  }

  body.staging-account-menu-fix .monitor-topbar__left{
    order: 1;
    flex: 0 0 auto;
    justify-content: flex-start;
    gap: 0;
  }

  body.staging-account-menu-fix .monitor-topbar__center{
    order: 2;
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: 0;
    margin-left: 0;
    padding: 1px 0 2px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  body.staging-account-menu-fix .monitor-topbar__center::-webkit-scrollbar{
    display: none;
  }

  body.staging-account-menu-fix .monitor-topbar__right{
    order: 3;
    flex: 0 0 auto;
    margin-left: 0;
    max-width: none;
    flex-shrink: 0;
  }

  body.staging-account-menu-fix .clock,
  body.staging-account-menu-fix .mobile-brand,
  body.staging-account-menu-fix #info,
  body.staging-account-menu-fix #theme-toggle-wrap,
  body.staging-account-menu-fix #error{
    display: none;
  }

  body.staging-account-menu-fix .account-menu-item--mobile-only{
    display: flex;
  }

  body.staging-account-menu-fix .account-menu-item--mobile-only .account-menu-badge{
    margin-left: auto;
  }

  body.staging-account-menu-fix .monitor-topbar__group{
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 3px;
  }

  body.staging-account-menu-fix .monitor-topbar__group--search{
    flex: 0 0 auto;
    min-width: 0;
  }

  body.staging-account-menu-fix .monitor-topbar__status{
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex: 0 0 auto;
  }

  body.staging-account-menu-fix .monitor-topbar__right-tools,
  body.staging-account-menu-fix .monitor-topbar__account-actions{
    gap: 3px;
    flex-wrap: nowrap;
  }

  body.staging-account-menu-fix #users{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 31px;
    padding: 0 7px;
    border-radius: 8px;
    flex: 0 0 auto;
  }

  body.staging-account-menu-fix #userimg img{
    width: 12px;
    height: 12px;
  }

  body.staging-account-menu-fix #usercount{
    font-size: 11px;
    line-height: 1;
  }

  html[data-theme="light"] body.staging-account-menu-fix #users{
    padding: 0 8px;
    border-color: rgba(42, 71, 93, 0.58);
    box-shadow: 0 8px 16px rgba(33, 55, 73, 0.15), inset 0 1px 0 rgba(255,255,255,0.72);
  }

  html[data-theme="light"] body.staging-account-menu-fix #usercount{
    font-size: 11.5px;
  }

  html[data-theme="light"] body.staging-account-menu-fix #info button.topbar-control{
    border-color: rgba(31, 73, 100, 0.56);
    box-shadow: 0 8px 16px rgba(33, 55, 73, 0.14), inset 0 1px 0 rgba(255,255,255,0.72);
  }

  body.staging-account-menu-fix .topbar-control,
  body.staging-account-menu-fix #loginbtn.logged-out > a,
  body.staging-account-menu-fix #loginbtn.logged-in #login-status{
    width: 31px;
    min-width: 31px;
    height: 31px;
    min-height: 31px;
    padding: 0;
    border-radius: 8px;
    border-color: color-mix(in srgb, var(--monitor-topbar-chip-border, rgba(255,255,255,0.12)) 86%, transparent);
  }

  body.staging-account-menu-fix .topbar-control--icon{
    width: 31px;
    min-width: 31px;
  }

  body.staging-account-menu-fix .topbar-control:hover,
  body.staging-account-menu-fix #loginbtn.logged-out > a:hover{
    box-shadow: none;
  }

  body.staging-account-menu-fix #settings button.topbar-control img,
  body.staging-account-menu-fix #colors button.topbar-control img,
  body.staging-account-menu-fix #audio button.topbar-control img,
  body.staging-account-menu-fix #monitor button.topbar-control img,
  body.staging-account-menu-fix #list button.topbar-control img,
  body.staging-account-menu-fix #searchbutton button.topbar-control img,
  body.staging-account-menu-fix #info button.topbar-control svg{
    width: 13px;
    height: 13px;
  }

  body.staging-account-menu-fix #list{
    gap: 3px;
  }

  body.staging-account-menu-fix #search.search-shell{
    min-width: 31px;
    width: 31px;
    border-radius: 8px;
  }

  body.staging-account-menu-fix #searchtext{
    height: 31px;
    padding: 0 8px;
    font-size: 13px;
  }

  body.staging-account-menu-fix #searchbutton button.topbar-control{
    border-radius: 8px;
  }

  body.staging-account-menu-fix #search.search-shell.active #searchbutton button.topbar-control,
  body.staging-account-menu-fix #search.search-shell:focus-within #searchbutton button.topbar-control{
    border-radius: 0 8px 8px 0;
  }

  body.staging-account-menu-fix #loginbtn{
    flex: 0 0 auto;
    min-width: 0;
    flex-shrink: 0;
  }

  body.staging-account-menu-fix .user-menu{
    flex-shrink: 0;
  }

  body.staging-account-menu-fix .user-menu-trigger{
    width: 31px;
    min-width: 31px;
    height: 31px;
    min-height: 31px;
    padding: 0;
    justify-content: center;
    gap: 0;
    border-radius: 8px;
    max-width: none;
    flex-shrink: 0;
  }

  body.staging-account-menu-fix .user-menu-trigger:hover{
    transform: none;
    box-shadow: none;
  }

  body.staging-account-menu-fix .user-menu-avatar{
    width: 22px;
    height: 22px;
    min-width: 22px;
    font-size: 10px;
    flex-basis: 22px;
    margin-left: 0;
  }

  body.staging-account-menu-fix .user-menu-trigger-content,
  body.staging-account-menu-fix .user-menu-trigger-copy,
  body.staging-account-menu-fix .user-menu-label,
  body.staging-account-menu-fix .login-pill-label{
    display: none;
  }

  body.staging-account-menu-fix .user-menu-trigger-content{
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.staging-account-menu-fix .user-menu-dropdown{
    right: 0;
    left: auto;
    width: 320px;
    max-width: min(92vw, 320px);
    padding: 14px;
  }

  body.staging-account-menu-fix .auth-modal{
    padding: 16px;
    align-items: start;
  }

  body.staging-account-menu-fix .auth-modal__dialog{
    width: min(100%, 408px);
    max-height: calc(100dvh - 32px);
    gap: 14px;
    padding: 18px 17px;
    border-radius: 20px;
  }

  body.staging-account-menu-fix #login-modal{
    padding:
      max(12px, env(safe-area-inset-top))
      16px
      max(16px, env(safe-area-inset-bottom))
      16px;
  }

  body.staging-account-menu-fix .auth-modal__brand{
    padding: 0 22px 2px;
  }

  body.staging-account-menu-fix .info-modal__dialog{
    width: min(100%, 720px);
    max-height: min(calc(100dvh - 32px), 860px);
    padding: 18px 17px;
    border-radius: 20px;
  }

  body.staging-account-menu-fix .info-modal__brand{
    padding-inline: 24px;
  }

  body.staging-account-menu-fix .info-sheet{
    gap: 14px;
  }

  body.staging-account-menu-fix .info-sheet__quicknav{
    gap: 8px;
  }

  body.staging-account-menu-fix .info-sheet__quicknav a{
    min-height: 32px;
    padding: 0 10px;
    font-size: 0.78rem;
  }

  body.staging-account-menu-fix .info-sheet__hero{
    padding: 17px;
    border-radius: 18px;
  }

  body.staging-account-menu-fix .info-sheet__summary,
  body.staging-account-menu-fix .info-sheet__grid,
  body.staging-account-menu-fix .info-feature-grid,
  body.staging-account-menu-fix .info-sheet__stack,
  body.staging-account-menu-fix .info-sheet__links{
    grid-template-columns: 1fr;
  }

  body.staging-account-menu-fix .info-sheet__card{
    grid-template-columns: 38px 1fr;
    gap: 12px;
    padding: 15px;
  }

  body.staging-account-menu-fix .info-sheet__telegram-card{
    padding: 16px;
    gap: 14px;
  }

  body.staging-account-menu-fix .info-sheet__telegram-cta{
    width: 100%;
    min-height: 44px;
  }

  body.staging-account-menu-fix .info-sheet__icon{
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }

  body.staging-account-menu-fix .info-sheet__icon img{
    width: 18px;
    height: 18px;
  }

  body.staging-account-menu-fix .info-sheet__icon svg{
    width: 18px;
    height: 18px;
  }

  body.staging-account-menu-fix .auth-modal__logo{
    width: min(136px, 50%);
  }

  body.staging-account-menu-fix .auth-modal__heading h2{
    font-size: 1.22rem;
  }

  body.staging-account-menu-fix .auth-modal__heading p{
    font-size: 0.85rem;
  }

  body.staging-account-menu-fix .auth-modal__links{
    flex-direction: column;
    align-items: flex-start;
  }

  body.staging-account-menu-fix .auth-modal__register{
    width: 100%;
  }

  body.staging-account-menu-fix .account-menu-header{
    align-items: flex-start;
  }

  body.staging-account-menu-fix .account-menu-badge{
    margin-left: 0;
  }
}

@media (max-width: 375px){
  body.staging-account-menu-fix #header{
    padding: 6px 7px;
  }

  body.staging-account-menu-fix .monitor-topbar__row{
    gap: 4px;
  }

  body.staging-account-menu-fix .monitor-topbar__left,
  body.staging-account-menu-fix .monitor-topbar__group,
  body.staging-account-menu-fix .monitor-topbar__right-tools,
  body.staging-account-menu-fix .monitor-topbar__account-actions,
  body.staging-account-menu-fix #list{
    gap: 3px;
  }

  body.staging-account-menu-fix .topbar-control,
  body.staging-account-menu-fix .topbar-control--icon,
  body.staging-account-menu-fix #loginbtn.logged-out > a,
  body.staging-account-menu-fix #loginbtn.logged-in #login-status,
  body.staging-account-menu-fix .user-menu-trigger{
    width: 31px;
    min-width: 31px;
    height: 31px;
    min-height: 31px;
  }

  body.staging-account-menu-fix #search.search-shell{
    min-width: 31px;
    width: 31px;
  }

  body.staging-account-menu-fix #searchtext{
    height: 31px;
    font-size: 13px;
    padding: 0 8px;
  }

  body.staging-account-menu-fix #settings button.topbar-control img,
  body.staging-account-menu-fix #colors button.topbar-control img,
  body.staging-account-menu-fix #audio button.topbar-control img,
  body.staging-account-menu-fix #monitor button.topbar-control img,
  body.staging-account-menu-fix #list button.topbar-control img,
  body.staging-account-menu-fix #searchbutton button.topbar-control img,
  body.staging-account-menu-fix #info button.topbar-control svg,
  body.staging-account-menu-fix .user-menu-dropdown{
    width: 320px;
    max-width: min(92vw, 320px);
    right: 0;
  }
}

@media (max-width: 1100px) {
  body.hdb-active #audio {
    display: none;
  }

  body.hdb-active .monitor-topbar__group--primary {
    min-width: 0;
  }

  body.hdb-active .topbar-hdb-indicator {
    gap: 4px;
    min-width: 58px;
    max-width: 92px;
    height: 32px;
    min-height: 32px;
    padding: 0 7px;
    border-radius: 9px;
    font-size: 11px;
  }

  body.hdb-active .topbar-hdb-indicator__label-full,
  body.hdb-active .topbar-hdb-count--desktop {
    display: none;
  }

  body.hdb-active .topbar-hdb-indicator__label-short {
    display: inline-flex;
  }

  body.hdb-active .topbar-hdb-visitors {
    gap: 2px;
    height: auto;
    min-height: 16px;
    padding: 0 4px;
    font-size: 10px;
    line-height: 1;
  }

  body.hdb-active .topbar-hdb-visitors img {
    width: 11px;
    height: 11px;
  }
}

@media (max-width: 767px) {
  body.mobile-viewport.hdb-active .topbar-hdb-indicator {
    gap: 3px;
    min-width: 0;
    max-width: 82px;
    height: 30px;
    min-height: 30px;
    padding: 0 5px;
    border-radius: 9px;
  }

  body.mobile-viewport.hdb-active .topbar-hdb-visitors {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
  }

  body.mobile-viewport.hdb-active .topbar-hdb-visitors img {
    width: 11px;
    height: 11px;
    filter: var(--monitor-topbar-icon-filter, none);
    opacity: 1;
  }

  body.mobile-viewport.hdb-active .topbar-hdb-visitors #hdb-usercount {
    display: inline-flex;
    align-items: center;
    max-width: 2.5em;
    overflow: hidden;
    color: inherit;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
  }

  body.mobile-viewport.hdb-active .monitor-topbar__status #users {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    min-height: 30px;
    height: 30px;
    padding: 0 5px;
    border-radius: 9px;
    flex: 0 0 auto;
  }

  body.mobile-viewport.hdb-active .monitor-topbar__status #userimg img {
    width: 11px;
    height: 11px;
  }

  body.mobile-viewport.hdb-active .monitor-topbar__status #usercount {
    display: inline-flex;
    align-items: center;
    max-width: 2.5em;
    overflow: hidden;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
  }
}

@media (max-width: 480px){
  body.staging-account-menu-fix #colors{
    display: none;
  }

  html,
  body,
  main,
  #header,
  #result,
  .classic-result-card,
  body.staging-account-menu-fix .monitor-topbar__row,
  body.staging-account-menu-fix .monitor-topbar__left,
  body.staging-account-menu-fix .monitor-topbar__center,
  body.staging-account-menu-fix .monitor-topbar__right,
  body.staging-account-menu-fix .monitor-topbar__group{
    max-width: 100%;
  }

  body,
  #result,
  .classic-result-card{
    overflow-x: hidden;
  }

  #result td,
  #result td > div,
  #result td > span,
  #result td > a,
  #result td > div > span,
  #result td > div > a{
    min-width: 0;
    max-width: 100%;
  }

  #result tr.message-row td:last-child,
  #result tr.melding td:last-child,
  #result tr.sub-row td:last-child,
  body.classic-mode #result tr.classic-capcode-row td:last-child,
  body.classic-mode #result tr.classic-message-row td:last-child{
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #result .label-short{
    grid-template-columns: 56px minmax(0, 1fr) !important;
    align-items: start !important;
    column-gap: 6px !important;
    row-gap: 2px;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #result .label-short .capcode-prefix{
    width: 56px !important;
    min-width: 56px !important;
    white-space: nowrap !important;
  }

  #result .label-short .label-short-text,
  #result .label-short .label-short-text *,
  #result .label-short .c01,
  #result .label-short .c02,
  #result .label-short .c03,
  #result .label-short .c04,
  #result .label-short .c05,
  #result .label-short .c06,
  #result .label-short .c07,
  #result .label-short .c08,
  #result .label-short .c09,
  #result .label-short .c10,
  #result .label-short .c11,
  #result .label-short .c12,
  #result .label-short .c13,
  #result .label-short .c14,
  #result .label-short .c15,
  #result .label-short .c16,
  #result .label-short .c17,
  #result .label-short .c18,
  #result .label-short .c19,
  #result .label-short .c20,
  #result .label-short .c21{
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #result .label-short .label-short-text{
    font-size: 12px !important;
    line-height: 1.4 !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.staging-account-menu-fix{
    --monitor-topbar-control-height: 34px;
    --monitor-topbar-icon-size: 14px;
    --monitor-topbar-gap: 3px;
    --monitor-topbar-cluster-gap: 2px;
  }

  body.staging-account-menu-fix #header{
    padding: 6px 6px;
    overflow: visible;
  }

  body.staging-account-menu-fix .monitor-topbar__row{
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    overflow-x: auto;
    overflow-y: visible;
    /* Removed -webkit-overflow-scrolling: touch — this deprecated property
       activates iOS's native momentum scroll layer which intercepts touch events
       during a ~150ms scroll-detection window, causing button taps to be silently
       swallowed when any micro-movement is detected. Modern iOS handles momentum
       scrolling natively without this hint. */
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  body.staging-account-menu-fix .monitor-topbar__row::-webkit-scrollbar{
    display: none;
  }

  body.staging-account-menu-fix .monitor-topbar__left,
  body.staging-account-menu-fix .monitor-topbar__center,
  body.staging-account-menu-fix .monitor-topbar__right{
    flex: 0 0 auto;
    min-width: 0;
  }

  body.staging-account-menu-fix .monitor-topbar__right{
    margin-left: auto;
    position: relative;
    z-index: 1201;
  }

  body.staging-account-menu-fix .monitor-topbar__center{
    flex: 0 0 auto;
    width: auto;
    padding: 0;
    overflow: visible;
  }

  body.staging-account-menu-fix .monitor-topbar__group{
    gap: 2px;
  }

  body.staging-account-menu-fix .monitor-topbar__group--primary,
  body.staging-account-menu-fix .monitor-topbar__group--secondary{
    flex: 0 0 auto;
  }

  body.staging-account-menu-fix .monitor-topbar__group--search{
    flex: 0 0 auto;
    min-width: 0;
    margin-left: 0;
  }

  body.staging-account-menu-fix #list{
    gap: 2px;
  }

  body.staging-account-menu-fix .topbar-control,
  body.staging-account-menu-fix .topbar-control--icon,
  body.staging-account-menu-fix #loginbtn.logged-out > a,
  body.staging-account-menu-fix #loginbtn.logged-in #login-status,
  body.staging-account-menu-fix .user-menu-trigger{
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    border-radius: 9px;
  }

	  body.staging-account-menu-fix .topbar-hdb-indicator,
	  .topbar-hdb-indicator{
	    width: auto;
	    min-width: 46px;
	    max-width: 76px;
    height: 34px;
    min-height: 34px;
    padding: 0 8px;
    border-radius: 10px;
  }

  .topbar-hdb-indicator__label-full,
  .topbar-hdb-count{
    display: none;
  }

	  .topbar-hdb-indicator__label-short{
	    display: inline-flex;
	  }

	  body.hdb-active .topbar-hdb-indicator{
	    min-width: 56px;
	    max-width: 84px;
	    height: 30px;
	    min-height: 30px;
	    padding: 0 6px;
	  }

	  body.staging-account-menu-fix #search.search-shell{
	    min-width: 34px;
    width: 34px;
    max-width: 100%;
    border-radius: 9px;
  }

  body.staging-account-menu-fix #search.search-shell.active,
  body.staging-account-menu-fix #search.search-shell:focus-within{
    width: min(38vw, 148px);
  }

  body.staging-account-menu-fix #searchtext{
    height: 34px;
    padding: 0 8px;
    font-size: 12px;
  }

  body.staging-account-menu-fix #users{
    min-height: 34px;
    padding: 0 6px;
    border-radius: 9px;
  }

  body.staging-account-menu-fix #usercount{
    font-size: 10px;
  }

  body.mobile-viewport.hdb-active .monitor-topbar__status #users{
    gap: 2px;
    min-height: 30px;
    height: 30px;
    padding: 0 5px;
  }

  body.mobile-viewport.hdb-active .monitor-topbar__status #userimg img{
    width: 11px;
    height: 11px;
  }

  body.mobile-viewport.hdb-active .monitor-topbar__status #usercount{
    max-width: 2.5em;
    overflow: hidden;
    font-size: 10px;
    line-height: 1;
  }

  body.staging-account-menu-fix .user-menu-dropdown{
    width: min(92vw, 312px);
    max-width: min(92vw, 312px);
    right: max(-6px, env(safe-area-inset-right));
    top: calc(100% + 10px);
    max-height: min(calc(100dvh - 88px), 34rem);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.staging-account-menu-fix .user-menu.is-open .user-menu-dropdown{
    position: fixed;
    left: 8px;
    right: 8px;
    top: calc(var(--monitor-mobile-sheet-top, 52px) + env(safe-area-inset-top));
    width: auto;
    max-width: none;
    z-index: 2500;
    margin: 0;
    padding: 14px;
    border-radius: 20px;
    max-height: calc(100dvh - var(--monitor-mobile-sheet-top, 52px) - env(safe-area-inset-top) - 12px);
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
  }
}

@media (max-width: 380px){
  .ad-slot{
    padding: 0 8px;
    margin: 6px 0 8px;
  }

  .ad-container__toggle{
    min-height: 28px;
    padding: 5px 8px;
    font-size: 11px;
  }

  .ad-container__toggle-state{
    font-size: 10px;
  }

  .ad-container__body{
    padding: 6px 8px 8px;
  }

  #result{
    font-size: 13px;
  }

  #result tr.mobile-meta td.meta-mobile{
    font-size: 9px !important;
    padding: 4px 6px 1px 6px !important;
  }

  #result tr.message-row td:last-child,
  #result tr.melding td:last-child{
    padding: 4px 6px !important;
    font-size: 14px !important;
    line-height: 1.38;
  }

  #result tr:not(.message-row):not(.melding):not(.divider-row):not(.mobile-meta) td:last-child{
    font-size: 11px !important;
  }

  #result .label-short{
    grid-template-columns: 52px minmax(0, 1fr) !important;
    column-gap: 5px !important;
  }

  #result .label-short .capcode-prefix{
    width: 52px !important;
    min-width: 52px !important;
    font-size: 11px !important;
  }

  #result .label-short .label-short-text{
    font-size: 11.5px !important;
  }

  body.staging-account-menu-fix #header{
    padding: 5px 5px;
  }

  body.staging-account-menu-fix .monitor-topbar__row{
    gap: 3px;
  }

  body.staging-account-menu-fix .monitor-topbar__group,
  body.staging-account-menu-fix #list,
  body.staging-account-menu-fix .monitor-topbar__right-tools,
  body.staging-account-menu-fix .monitor-topbar__account-actions{
    gap: 2px;
  }

  body.staging-account-menu-fix .topbar-control,
  body.staging-account-menu-fix .topbar-control--icon,
  body.staging-account-menu-fix #loginbtn.logged-out > a,
  body.staging-account-menu-fix #loginbtn.logged-in #login-status,
  body.staging-account-menu-fix .user-menu-trigger{
    width: 31px;
    min-width: 31px;
    height: 31px;
    min-height: 31px;
    border-radius: 8px;
  }

  body.staging-account-menu-fix #settings button.topbar-control img,
  body.staging-account-menu-fix #colors button.topbar-control img,
  body.staging-account-menu-fix #audio button.topbar-control img,
  body.staging-account-menu-fix #monitor button.topbar-control img,
  body.staging-account-menu-fix #list button.topbar-control img,
  body.staging-account-menu-fix #searchbutton button.topbar-control img,
  body.staging-account-menu-fix #info button.topbar-control svg{
    width: 12px;
    height: 12px;
  }

  body.staging-account-menu-fix #search.search-shell{
    min-width: 31px;
    width: 31px;
  }

  body.staging-account-menu-fix #search.search-shell.active,
  body.staging-account-menu-fix #search.search-shell:focus-within{
    width: min(34vw, 126px);
  }
}

/* Mobile topbar normalization: keep every header action on the same compact
   touch target while only the action strip scrolls horizontally if needed. */
@media (max-width: 768px){
  body.staging-account-menu-fix{
    --monitor-topbar-control-height: 34px;
    --monitor-topbar-icon-size: 14px;
    --monitor-topbar-radius: 9px;
    --monitor-topbar-gap: 2px;
    --monitor-topbar-cluster-gap: 1px;
  }

  body.staging-account-menu-fix .monitor-topbar__row{
    gap: var(--monitor-topbar-gap);
    overflow-x: hidden;
    overflow-y: visible;
    max-width: 100%;
  }

  body.staging-account-menu-fix .monitor-topbar__center{
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  body.staging-account-menu-fix .monitor-topbar__center::-webkit-scrollbar{
    display: none;
  }

  body.staging-account-menu-fix .monitor-topbar__right{
    gap: var(--monitor-topbar-cluster-gap);
  }

  body.staging-account-menu-fix .monitor-topbar__group,
  body.staging-account-menu-fix #list,
  body.staging-account-menu-fix .monitor-topbar__right-tools,
  body.staging-account-menu-fix .monitor-topbar__account-actions{
    gap: var(--monitor-topbar-cluster-gap);
    flex-wrap: nowrap;
  }

  body.staging-account-menu-fix .topbar-control,
  body.staging-account-menu-fix .topbar-control--icon,
	  body.staging-account-menu-fix #desktop-view-toggle.topbar-control,
	  body.staging-account-menu-fix #classic-desktop-toggle.topbar-control,
	  body.staging-account-menu-fix #searchbutton button.topbar-control,
  body.staging-account-menu-fix #install-app-button.topbar-control,
  body.staging-account-menu-fix #loginbtn.logged-out > a,
  body.staging-account-menu-fix #loginbtn.logged-in #login-status,
  body.staging-account-menu-fix .user-menu-trigger{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--monitor-topbar-control-height);
    min-width: var(--monitor-topbar-control-height);
    max-width: var(--monitor-topbar-control-height);
    height: var(--monitor-topbar-control-height);
    min-height: var(--monitor-topbar-control-height);
    padding: 0;
    border-radius: var(--monitor-topbar-radius);
    line-height: 1;
    flex: 0 0 var(--monitor-topbar-control-height);
  }

  body.staging-account-menu-fix #desktop-view-toggle.topbar-control,
  body.staging-account-menu-fix #classic-desktop-toggle.topbar-control{
    font-size: 11px;
    font-weight: 800;
  }

  body.staging-account-menu-fix #desktop-view-toggle .desktop-view-toggle__label,
  body.staging-account-menu-fix #classic-desktop-toggle .desktop-view-toggle__label{
    display: none;
  }

  body.mobile-viewport:not(.zoomed-desktop-viewport) #classic-desktop-switch{
    display: none !important;
  }

  body.staging-account-menu-fix #desktop-view-toggle::after{
    content: "E";
    line-height: 1;
  }

  body.staging-account-menu-fix #desktop-view-toggle[data-desktop-view="monitor"]::after{
    content: "M";
  }

  body.staging-account-menu-fix #classic-desktop-toggle::after{
    content: "C";
    line-height: 1;
  }

  body.staging-account-menu-fix #settings button.topbar-control img,
  body.staging-account-menu-fix #colors button.topbar-control img,
  body.staging-account-menu-fix #audio button.topbar-control img,
  body.staging-account-menu-fix #monitor button.topbar-control img,
  body.staging-account-menu-fix #list button.topbar-control img,
  body.staging-account-menu-fix #search-open-btn button.topbar-control img,
  body.staging-account-menu-fix #searchbutton button.topbar-control img,
  body.staging-account-menu-fix #direct-url button.topbar-control svg,
  body.staging-account-menu-fix #install-app-button.topbar-control svg,
  body.staging-account-menu-fix .theme-toggle-icons,
  body.staging-account-menu-fix .theme-icon{
    width: var(--monitor-topbar-icon-size);
    height: var(--monitor-topbar-icon-size);
    min-width: var(--monitor-topbar-icon-size);
    min-height: var(--monitor-topbar-icon-size);
    font-size: var(--monitor-topbar-icon-size);
    line-height: 1;
  }

  body.staging-account-menu-fix #info button.topbar-control .topbar-info-glyph{
    font-size: var(--monitor-topbar-icon-size);
    line-height: 1;
  }

  body.staging-account-menu-fix #search.search-shell{
    width: var(--monitor-topbar-control-height);
    min-width: var(--monitor-topbar-control-height);
    max-width: var(--monitor-topbar-control-height);
    height: var(--monitor-topbar-control-height);
    min-height: var(--monitor-topbar-control-height);
    border-radius: var(--monitor-topbar-radius);
    flex: 0 0 var(--monitor-topbar-control-height);
  }

  body.staging-account-menu-fix #search.search-shell.active,
  body.staging-account-menu-fix #search.search-shell:focus-within{
    width: min(42vw, 148px);
    max-width: min(42vw, 148px);
    flex-basis: min(42vw, 148px);
  }

  body.staging-account-menu-fix #searchtext{
    height: var(--monitor-topbar-control-height);
    line-height: var(--monitor-topbar-control-height);
    font-size: 12px;
  }

  body.staging-account-menu-fix #users,
  body.mobile-viewport.hdb-active .monitor-topbar__status #users{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    width: auto;
    min-width: 36px;
    max-width: 45px;
    height: var(--monitor-topbar-control-height);
    min-height: var(--monitor-topbar-control-height);
    padding: 0 3px;
    border-radius: var(--monitor-topbar-radius);
    flex: 0 0 auto;
    box-sizing: border-box;
    white-space: nowrap;
  }

  body.staging-account-menu-fix #userimg img,
  body.mobile-viewport.hdb-active .monitor-topbar__status #userimg img{
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
  }

  body.staging-account-menu-fix #usercount,
  body.mobile-viewport.hdb-active .monitor-topbar__status #usercount{
    min-width: 0;
    max-width: 2.8em;
    overflow: hidden;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.35px;
    text-overflow: clip;
    white-space: nowrap;
  }

  body.staging-account-menu-fix #users.is-visitor-count-3,
  body.mobile-viewport.hdb-active .monitor-topbar__status #users.is-visitor-count-3{
    min-width: 40px;
  }

  body.staging-account-menu-fix #users.is-visitor-count-4plus,
  body.mobile-viewport.hdb-active .monitor-topbar__status #users.is-visitor-count-4plus{
    min-width: 44px;
    max-width: 45px;
    gap: 1px;
    padding: 0 3px;
  }

  body.staging-account-menu-fix #users.is-visitor-count-4plus #usercount,
  body.mobile-viewport.hdb-active .monitor-topbar__status #users.is-visitor-count-4plus #usercount{
    font-size: 10.2px;
    max-width: 2.85em;
    letter-spacing: -0.45px;
  }
}

/* Mobile compact message headers are rendered inside `.label-short .label-short-text`
   within the sub-row. Normalize all inline children to the same computed size so
   priority markers like A1/A2/B1 render identically to the surrounding title text. */
body.mobile-viewport #result tr.sub-row td:last-child .label-short .label-short-text,
body.mobile-viewport #result tr.sub-row td:last-child .label-short .label-short-text *,
body.mobile-viewport #result tr.sub-row td:last-child .label-short .label-short-text a,
body.mobile-viewport #result tr.sub-row td:last-child .label-short .label-short-text span,
body.mobile-viewport #result tr.sub-row td:last-child .label-short .label-short-text b,
body.mobile-viewport #result tr.sub-row td:last-child .label-short .label-short-text strong {
  font-size: inherit !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}

body.mobile-viewport #result tr.sub-row td:last-child .label-short .label-short-text {
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600;
}

/* Desktop modern message headlines render directly inside `td.MSG*` / `td.melding*`.
   Normalize all inline descendants so priority fragments like A1/A2/B1 cannot end up
   with a smaller computed font-size or different baseline than the surrounding text. */
body:not(.mobile-viewport) #result tr.message-row td.MSG,
body:not(.mobile-viewport) #result tr.message-row td.MSGambu,
body:not(.mobile-viewport) #result tr.message-row td.MSGbrw,
body:not(.mobile-viewport) #result tr.message-row td.MSGpol,
body:not(.mobile-viewport) #result tr.message-row td.MSGkw,
body:not(.mobile-viewport) #result tr.message-row td.MSGrb,
body:not(.mobile-viewport) #result tr.message-row td.MSGheli,
body:not(.mobile-viewport) #result tr.message-row td.MSGg,
body:not(.mobile-viewport) #result tr.melding td.MSG,
body:not(.mobile-viewport) #result tr.melding td.MSGambu,
body:not(.mobile-viewport) #result tr.melding td.MSGbrw,
body:not(.mobile-viewport) #result tr.melding td.MSGpol,
body:not(.mobile-viewport) #result tr.melding td.MSGkw,
body:not(.mobile-viewport) #result tr.melding td.MSGrb,
body:not(.mobile-viewport) #result tr.melding td.MSGheli,
body:not(.mobile-viewport) #result tr.melding td.MSGg {
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 600;
}

body:not(.mobile-viewport) #result tr.message-row td.MSG *,
body:not(.mobile-viewport) #result tr.message-row td.MSGambu *,
body:not(.mobile-viewport) #result tr.message-row td.MSGbrw *,
body:not(.mobile-viewport) #result tr.message-row td.MSGpol *,
body:not(.mobile-viewport) #result tr.message-row td.MSGkw *,
body:not(.mobile-viewport) #result tr.message-row td.MSGrb *,
body:not(.mobile-viewport) #result tr.message-row td.MSGheli *,
body:not(.mobile-viewport) #result tr.message-row td.MSGg *,
body:not(.mobile-viewport) #result tr.melding td.MSG *,
body:not(.mobile-viewport) #result tr.melding td.MSGambu *,
body:not(.mobile-viewport) #result tr.melding td.MSGbrw *,
body:not(.mobile-viewport) #result tr.melding td.MSGpol *,
body:not(.mobile-viewport) #result tr.melding td.MSGkw *,
body:not(.mobile-viewport) #result tr.melding td.MSGrb *,
body:not(.mobile-viewport) #result tr.melding td.MSGheli *,
body:not(.mobile-viewport) #result tr.melding td.MSGg * {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  vertical-align: baseline !important;
}

body:not(.mobile-viewport) #result tr.message-row td.MSG strong,
body:not(.mobile-viewport) #result tr.message-row td.MSG b,
body:not(.mobile-viewport) #result tr.message-row td.MSGambu strong,
body:not(.mobile-viewport) #result tr.message-row td.MSGambu b,
body:not(.mobile-viewport) #result tr.message-row td.MSGbrw strong,
body:not(.mobile-viewport) #result tr.message-row td.MSGbrw b,
body:not(.mobile-viewport) #result tr.message-row td.MSGpol strong,
body:not(.mobile-viewport) #result tr.message-row td.MSGpol b,
body:not(.mobile-viewport) #result tr.message-row td.MSGkw strong,
body:not(.mobile-viewport) #result tr.message-row td.MSGkw b,
body:not(.mobile-viewport) #result tr.message-row td.MSGrb strong,
body:not(.mobile-viewport) #result tr.message-row td.MSGrb b,
body:not(.mobile-viewport) #result tr.message-row td.MSGheli strong,
body:not(.mobile-viewport) #result tr.message-row td.MSGheli b,
body:not(.mobile-viewport) #result tr.message-row td.MSGg strong,
body:not(.mobile-viewport) #result tr.message-row td.MSGg b,
body:not(.mobile-viewport) #result tr.melding td.MSG strong,
body:not(.mobile-viewport) #result tr.melding td.MSG b,
body:not(.mobile-viewport) #result tr.melding td.MSGambu strong,
body:not(.mobile-viewport) #result tr.melding td.MSGambu b,
body:not(.mobile-viewport) #result tr.melding td.MSGbrw strong,
body:not(.mobile-viewport) #result tr.melding td.MSGbrw b,
body:not(.mobile-viewport) #result tr.melding td.MSGpol strong,
body:not(.mobile-viewport) #result tr.melding td.MSGpol b,
body:not(.mobile-viewport) #result tr.melding td.MSGkw strong,
body:not(.mobile-viewport) #result tr.melding td.MSGkw b,
body:not(.mobile-viewport) #result tr.melding td.MSGrb strong,
body:not(.mobile-viewport) #result tr.melding td.MSGrb b,
body:not(.mobile-viewport) #result tr.melding td.MSGheli strong,
body:not(.mobile-viewport) #result tr.melding td.MSGheli b,
body:not(.mobile-viewport) #result tr.melding td.MSGg strong,
body:not(.mobile-viewport) #result tr.melding td.MSGg b {
  font-weight: 700 !important;
}

body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) #result {
	display: grid !important;
	gap: 0 !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
	overflow-x: hidden !important;
}

body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card {
	margin-bottom: 4px !important;
	border-radius: 12px !important;
	overflow: hidden !important;
}

body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td,
body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td,
body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td:last-child,
body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td:last-child,
body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child {
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	hyphens: none !important;
}

body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-long,
body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-compact-full {
	display: none !important;
}

body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-short {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	hyphens: none !important;
}

body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card .label-short .capcode-prefix {
	display: none !important;
}

body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card .label-short .label-short-text,
body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card .label-short .label-short-text * {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	hyphens: none !important;
}

@media (max-width: 640px) {
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card table,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tbody,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card td {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card table {
		table-layout: auto !important;
		border-collapse: collapse !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.mobile-meta {
		display: block !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.mobile-meta td.meta-mobile {
		padding: 7px 10px 2px !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
		opacity: .74 !important;
		white-space: normal !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td.datetime,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td.type,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td.datetime,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td.type,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td.MSGinc,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td.capcode {
		display: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td:last-child,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td:last-child {
		padding: 4px 10px 3px !important;
		font-size: 14px !important;
		line-height: 1.32 !important;
		font-weight: 600 !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child {
		display: block !important;
		padding: 0 10px 2px !important;
		font-size: 11px !important;
		line-height: 1.18 !important;
		opacity: .92 !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row + tr.sub-row td:last-child,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding + tr.sub-row td:last-child {
		padding-top: 4px !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row:last-of-type td:last-child {
		padding-bottom: 8px !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-short {
		display: block !important;
	}
}

@media (min-width: 641px) and (max-width: 1100px) {
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card {
		margin-bottom: 2px !important;
		border-radius: 10px !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card table {
		display: table !important;
		width: 100% !important;
		table-layout: fixed !important;
		border-collapse: collapse !important;
		border-spacing: 0 !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tbody {
		display: table-row-group !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr {
		display: table-row !important;
		width: auto !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card td {
		display: table-cell !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		box-sizing: border-box !important;
		vertical-align: top !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.mobile-meta {
		display: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td.datetime,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td.datetime,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td.MSGinc {
		display: table-cell !important;
		width: 145px !important;
		min-width: 135px !important;
		max-width: 155px !important;
		padding: 2px 6px !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
		opacity: .76 !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td.type,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td.type,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td.capcode {
		display: table-cell !important;
		width: 85px !important;
		min-width: 75px !important;
		max-width: 95px !important;
		padding: 2px 6px !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.message-row td:last-child,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.melding td:last-child {
		width: auto !important;
		padding: 3px 8px 2px !important;
		font-size: 14px !important;
		line-height: 1.25 !important;
		font-weight: 600 !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card .tablet-full-labels {
		display: block !important;
		margin-top: 3px !important;
		font-size: 12px !important;
		line-height: 1.22 !important;
		font-weight: 500 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card .tablet-full-label,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card .tablet-full-label * {
		margin: 0 !important;
		padding: 0 !important;
		font-size: inherit !important;
		line-height: inherit !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child {
		display: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-short,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-long {
		display: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row td:last-child > .label-compact-full {
		display: inline !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card .label-compact-full,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card .label-compact-full * {
		margin: 0 !important;
		padding: 0 !important;
		font-size: inherit !important;
		line-height: inherit !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		hyphens: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card tr.sub-row:last-of-type td {
		padding-bottom: 3px !important;
	}
}

@media (max-width: 767px) {
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card table,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card tbody,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card tr,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card td,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card li {
		border: 0 !important;
		border-top: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		border-left: 0 !important;
		box-shadow: none !important;
	}

	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card tr::before,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card tr::after,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card td::before,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card td::after,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card li::before,
	body.mobile-viewport.message-cards-enabled.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card li::after {
		border: 0 !important;
		box-shadow: none !important;
	}

	body.mobile-viewport.mobile-classic-capcodes.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr.sub-row td:last-child,
	body.mobile-viewport.mobile-classic-capcodes.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .modern-result-card tr.sub-row td:last-child {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding: 0 10px 4px !important;
		font-size: 11px !important;
		line-height: 1.24 !important;
		opacity: .94 !important;
	}

	body.mobile-viewport.mobile-classic-capcodes.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr.sub-row td:last-child > .label-long,
	body.mobile-viewport.mobile-classic-capcodes.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result tr.sub-row td:last-child > .label-compact-full {
		display: none !important;
	}

	body.mobile-viewport.mobile-classic-capcodes.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .label-short {
		display: grid !important;
		grid-template-columns: 58px minmax(0, 1fr) !important;
		column-gap: 6px !important;
		align-items: start !important;
		width: 100% !important;
		min-width: 0 !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}

	body.mobile-viewport.mobile-classic-capcodes.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .label-short .capcode-prefix {
		display: block !important;
		width: 58px !important;
		min-width: 58px !important;
		color: var(--monitor-capcode, #b8c5d1) !important;
		font-size: 10.5px !important;
		line-height: 1.24 !important;
		text-align: left !important;
	}

	body.mobile-viewport.mobile-classic-capcodes.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .label-short .label-short-text,
	body.mobile-viewport.mobile-classic-capcodes.expert-view:not(.classic-mobile-view):not(.mobile-legacy-mode):not(.monitor-view):not(.monitor-desktop-view):not(.hdb-active):not(.hdb-mode) #result .label-short .label-short-text * {
		display: inline !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: inherit !important;
		line-height: inherit !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
}

#install-app-wrap[hidden]{
  display: none !important;
}

body:not(.mobile-viewport) #install-app-wrap{
  display: none !important;
}

body.mobile-viewport #install-app-wrap{
  display: none !important;
}

#install-app-wrap:not([hidden]){
  animation: installBtnFadeIn 0.35s ease both;
}

#install-app-wrap.install-btn-fadeout{
  animation: installBtnFadeOut 0.38s ease both !important;
}

@keyframes installBtnFadeIn{
  from{ opacity: 0; transform: scale(0.8); }
  to  { opacity: 1; transform: scale(1);   }
}

@keyframes installBtnFadeOut{
  from{ opacity: 1; transform: scale(1);   }
  to  { opacity: 0; transform: scale(0.8); }
}

#install-app-button svg{
  width: 14px;
  height: 14px;
}

body.staging-account-menu-fix #install-app-button.topbar-control svg{
  width: 14px;
  height: 14px;
}

body.staging-account-menu-fix #install-app-button.topbar-control{
  border-color: color-mix(in srgb, var(--monitor-topbar-chip-border, rgba(255,255,255,0.12)) 62%, rgba(103, 231, 255, 0.36));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--monitor-topbar-chip-bg, rgba(255,255,255,0.08)) 78%, rgba(103, 231, 255, 0.20)), color-mix(in srgb, var(--monitor-topbar-chip-bg-strong, rgba(255,255,255,0.12)) 82%, rgba(103, 231, 255, 0.14)));
}

.pwa-install-banner[hidden]{
  display: none !important;
}

.pwa-install-banner{
  display: none;
}

@media (max-width: 1100px){
  .pwa-install-banner{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    width: auto;
    max-width: calc(100% - 20px);
    margin: 8px 10px 6px;
    padding: 10px 42px 10px 12px;
    border: 1px solid color-mix(in srgb, var(--monitor-topbar-chip-border, rgba(255,255,255,.12)) 58%, rgba(0,194,255,.32));
    border-radius: 15px;
    color: var(--monitor-topbar-text, #eaf6ff);
    background:
      linear-gradient(180deg,
        color-mix(in srgb, var(--monitor-topbar-chip-bg, rgba(12,28,43,.94)) 84%, rgba(0,194,255,.16)),
        color-mix(in srgb, var(--monitor-topbar-chip-bg-strong, rgba(7,17,27,.96)) 88%, rgba(0,194,255,.08)));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 28px rgba(0,0,0,.18);
    overflow: hidden;
    z-index: 28;
    pointer-events: auto;
  }

  .pwa-install-banner__copy{
    display: grid;
    gap: 3px;
    min-width: 0;
  }

  .pwa-install-banner__copy strong{
    font-size: 13px;
    line-height: 1.18;
    font-weight: 900;
  }

  .pwa-install-banner__copy span,
  .pwa-install-banner__copy small{
    color: color-mix(in srgb, var(--monitor-topbar-muted, rgba(234,246,255,.72)) 88%, currentColor);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .pwa-install-banner__copy small{
    color: #ffd992;
  }

  .pwa-install-banner__actions{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
  }

  .pwa-install-banner__button{
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(151,183,214,.18);
    background: rgba(255,255,255,.08);
    color: inherit;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    pointer-events: auto;
  }

  .pwa-install-banner__button--primary{
    border-color: rgba(0,194,255,.38);
    background: linear-gradient(180deg, rgba(0,194,255,.24), rgba(0,150,215,.18));
    color: #eaf9ff;
  }

  .pwa-install-banner__close{
    position: absolute;
    top: 8px;
    right: 9px;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: inherit;
    font: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
  }

  .pwa-install-banner[data-position="bottom_sheet"]{
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
    width: auto;
    max-width: none;
    margin: 0;
    z-index: 70;
  }

  body.pwa-install-banner-bottom-sheet{
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
  }
}

@media (max-width: 640px){
  .pwa-install-banner{
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
  }

  .pwa-install-banner__actions{
    justify-content: flex-start;
  }
}

@media (min-width: 1101px){
  .pwa-install-banner{
    display: none !important;
  }
}

.hdb-banner[hidden] {
  display: none !important;
}

body.hdb-active .hdb-banner {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  width: auto;
  max-width: calc(100% - 20px);
  margin: 6px 10px 4px;
  padding: 5px 46px 5px 10px;
  color: #ffefd0;
  background: linear-gradient(180deg, rgba(82, 54, 14, .9), rgba(58, 39, 12, .92));
  border: 1px solid rgba(255, 197, 92, .32);
  border-radius: 11px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 3px 10px rgba(0,0,0,.12);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  overflow: hidden;
}

body.hdb-active .hdb-banner.hdb-banner--not-closable {
  padding-right: 10px;
}

body.hdb-active .hdb-banner.hdb-banner--info {
  color: #e5f8ff;
  background: linear-gradient(180deg, rgba(18, 58, 82, .9), rgba(12, 42, 62, .92));
  border-color: rgba(103, 231, 255, .28);
}

.hdb-active-banner__copy {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  min-width: 0;
}

.hdb-active-banner__copy small {
  flex-basis: 100%;
  color: rgba(229, 248, 255, .78);
  font-weight: 500;
}

.hdb-banner__close {
  position: absolute;
  top: 50%;
  right: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid rgba(255, 226, 170, .18);
  border-radius: 7px;
  background: rgba(16, 11, 5, .24);
  color: rgba(255, 245, 224, .78);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}

.hdb-banner__close:hover,
.hdb-banner__close:focus-visible {
  background: rgba(255, 226, 170, .12);
  border-color: rgba(255, 226, 170, .34);
  color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 197, 92, .12);
  outline: none;
}

.hdb-active-banner__button {
  flex: 0 0 auto;
  min-height: 24px;
  margin-right: 6px;
  padding: 0 9px;
  color: #211400;
  background: linear-gradient(180deg, #ffd979, #e7a238);
  border: 1px solid rgba(122, 74, 0, .42);
  border-radius: 7px;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}

body.hdb-active #result {
  border-top: 0;
}

body.hdb-active #result tr.hdb-legacy-message-row td,
body.hdb-active #result tr.hdb-legacy-capcode-row td,
body.hdb-active #result tr.hdb-legacy-separator td {
  max-height: none;
  overflow: visible;
  text-overflow: clip;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}

body.hdb-active #result tr.hdb-legacy-message-row td:last-child {
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: none;
}

body.hdb-active #result tr.hdb-legacy-capcode-row td:last-child {
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: none;
}

body.hdb-active #result tr.hdb-legacy-capcode-row .capcode {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

body.hdb-active.message-cards-enabled #result .hdb-legacy-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.hdb-active #result tr.hdb-card-gap {
  display: none;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-gap {
  display: table-row;
  height: 4px;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-gap td {
  height: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-start td,
body.hdb-active.message-cards-enabled #result tr.hdb-card-line td,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-message-row td,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td {
  border-left: 0;
  border-right: 0;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: rgba(255, 197, 92, .07);
  box-shadow: none;
  opacity: 1;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-start td.datetime,
body.hdb-active.message-cards-enabled #result tr.hdb-card-start td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-card-line td.MSGinc,
body.hdb-active.message-cards-enabled #result tr.hdb-card-line td.capcode,
body.hdb-active.message-cards-enabled #result tr.hdb-card-line td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-card-end td.MSGinc,
body.hdb-active.message-cards-enabled #result tr.hdb-card-end td.capcode,
body.hdb-active.message-cards-enabled #result tr.hdb-card-end td:first-child {
  background: rgba(255, 197, 92, .07) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-start td,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-message-row td {
  border-top: 1px solid rgba(255, 197, 92, .36) !important;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-line td {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-end td,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td {
  border-bottom: 1px solid rgba(255, 197, 92, .26) !important;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-start td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-card-line td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-card-end td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-message-row td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td:first-child {
  border-left: 1px solid rgba(255, 197, 92, .36) !important;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-start td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-message-row td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td:first-child {
  border-top-left-radius: 8px;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-end td:first-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td:first-child {
  border-bottom-left-radius: 8px;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-start td:last-child,
body.hdb-active.message-cards-enabled #result tr.hdb-card-line td:last-child,
body.hdb-active.message-cards-enabled #result tr.hdb-card-end td:last-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-message-row td:last-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td:last-child {
  border-right: 1px solid rgba(255, 197, 92, .36) !important;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-start td:last-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-message-row td:last-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td:last-child {
  border-top-right-radius: 8px;
}

body.hdb-active.message-cards-enabled #result tr.hdb-card-end td:last-child,
body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td:last-child {
  border-bottom-right-radius: 8px;
}

html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-start td,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-line td,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-legacy-message-row td,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-legacy-capcode-row td {
  border-color: rgba(173, 105, 17, .34);
  background: rgba(255, 236, 189, .42);
}

html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-start td.datetime,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-start td:first-child,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-line td.MSGinc,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-line td.capcode,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-line td:first-child,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-end td.MSGinc,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-end td.capcode,
html[data-theme="light"] body.hdb-active.message-cards-enabled #result tr.hdb-card-end td:first-child {
  background: rgba(255, 236, 189, .42) !important;
}

body:not(.mobile-viewport).hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .hdb-modern-result-card {
  margin: 0 0 4px !important;
  border-radius: 14px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg-incident-a) 90%, var(--monitor-card-bg, rgba(255,255,255,0.02)) 10%), color-mix(in srgb, var(--bg-incident-b) 86%, var(--monitor-card-bg-2, rgba(255,255,255,0.04)) 14%));
  border-color: color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 78%, rgba(103, 231, 255, 0.18));
  box-shadow:
    0 16px 34px rgba(0,0,0,0.22),
    0 0 0 1px rgba(103, 231, 255, 0.05),
    inset 0 1px 0 rgba(255,255,255,0.06);
  overflow: hidden;
}

body:not(.mobile-viewport).hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .hdb-modern-result-card:last-child {
  margin-bottom: 0 !important;
}

body:not(.mobile-viewport).hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .hdb-modern-result-card .hdb-legacy-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 0 !important;
}

body:not(.mobile-viewport).hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .hdb-modern-result-card tr.hdb-card-gap {
  display: none !important;
  height: 0 !important;
}

body:not(.mobile-viewport).hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .hdb-modern-result-card tr.hdb-card-start td,
body:not(.mobile-viewport).hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .hdb-modern-result-card tr.hdb-card-line td,
body:not(.mobile-viewport).hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .hdb-modern-result-card tr.hdb-card-end td {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body:not(.mobile-viewport).hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .hdb-modern-result-card:hover {
  border-color: color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 66%, rgba(103, 231, 255, 0.24));
  box-shadow:
    0 18px 36px rgba(0,0,0,0.24),
    0 0 0 1px rgba(103, 231, 255, 0.09),
    inset 0 1px 0 rgba(255,255,255,0.07);
  filter: brightness(1.015);
}

.hdb-modern-result-card {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}

.hdb-modern-result-card + .hdb-modern-result-card {
  margin-top: 0 !important;
}

.hdb-modern-result-card .hdb-card-gap {
  display: none !important;
  height: 0 !important;
}

body.mobile-viewport.hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card {
  border-color: color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 58%, rgba(255, 197, 92, .38));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg-incident-a) 82%, rgba(255, 197, 92, .045) 18%), color-mix(in srgb, var(--bg-incident-b) 78%, rgba(255, 197, 92, .035) 22%));
}

html[data-theme="light"] body.mobile-viewport.hdb-active.message-cards-enabled:not(.classic-mode):not(.mobile-legacy-mode) .modern-result-card {
  border-color: rgba(173, 105, 17, .26);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg-incident-a) 80%, rgba(255, 236, 189, .18) 20%), color-mix(in srgb, var(--bg-incident-b) 76%, rgba(255, 236, 189, .14) 24%));
}

body.hdb-active #result tr.hdb-debug-row td {
  padding: 10px 12px;
  white-space: normal;
  color: #ffe8b2;
  background: rgba(80, 45, 0, .82);
  border-top: 1px solid rgba(255, 214, 128, .32);
}

body.hdb-active #result tr.hdb-debug-row pre {
  max-width: 100%;
  margin: 8px 0 0;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  body.hdb-active .hdb-banner {
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
    margin: 5px 8px 0;
    padding: 7px 34px 7px 10px;
    font-size: 11.5px;
    text-align: left;
  }

  .hdb-active-banner__button {
    align-self: flex-start;
    min-height: 23px;
    padding: 0 8px;
  }

  body.hdb-active #result > table {
    display: table !important;
    width: 100% !important;
    table-layout: auto !important;
  }

  body.hdb-active #result > table > tbody {
    display: table-row-group !important;
    width: auto !important;
  }

  body.hdb-active #result tr.hdb-legacy-message-row,
  body.hdb-active #result tr.hdb-legacy-capcode-row,
  body.hdb-active #result tr.hdb-legacy-separator,
  body.hdb-active #result tr.hdb-debug-row {
    display: table-row !important;
    width: auto !important;
  }

  body.hdb-active #result tr.hdb-legacy-message-row td,
  body.hdb-active #result tr.hdb-legacy-capcode-row td {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  body.hdb-active #result tr.hdb-legacy-message-row td:first-child,
  body.hdb-active #result tr.hdb-legacy-message-row td:nth-child(2) {
    width: auto;
  }
}

body.staging-account-menu-fix #install-app-button.topbar-control:hover,
body.staging-account-menu-fix #install-app-button.topbar-control:focus-visible,
body.mobile-viewport #install-app-button.topbar-control:active{
  border-color: color-mix(in srgb, var(--monitor-topbar-chip-border, rgba(255,255,255,0.12)) 48%, rgba(103, 231, 255, 0.46));
  box-shadow: 0 10px 22px rgba(0,0,0,0.22), 0 0 0 1px rgba(103, 231, 255, 0.10);
}

.install-modal .auth-modal__dialog{
  max-width: min(92vw, 420px);
}

.install-modal__body{
  display: grid;
  gap: 14px;
}

.install-modal__panel{
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--monitor-border-soft, rgba(255,255,255,0.10)) 70%, rgba(103, 231, 255, 0.16));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--monitor-card-bg-2, rgba(255,255,255,0.04)) 82%, rgba(103, 231, 255, 0.06)), color-mix(in srgb, var(--monitor-card-bg, rgba(255,255,255,0.02)) 88%, rgba(103, 231, 255, 0.03)));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.install-modal__panel p{
  margin: 0;
  color: rgba(226, 236, 246, 0.92);
  line-height: 1.55;
}

.install-modal__steps{
  margin: 12px 0 0;
  padding-left: 20px;
  color: rgba(199, 213, 227, 0.86);
}

.install-modal__steps li + li{
  margin-top: 8px;
}

body.install-modal-open{
  overflow: hidden;
}

@media (max-width: 767px){
  .install-modal .auth-modal__dialog{
    width: min(92vw, 420px);
    padding: 18px;
    border-radius: 22px;
  }

  .install-modal__panel{
    padding: 14px 15px;
    border-radius: 16px;
  }
}

@media (max-width: 380px){
  body.staging-account-menu-fix #install-app-button.topbar-control svg{
    width: 12px;
    height: 12px;
  }
}

body.mobile-viewport.mobile-legacy-mode #result {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

body.mobile-viewport.mobile-legacy-mode #result table {
  width: auto !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .legacy-classic-divider,
body.mobile-viewport.mobile-legacy-mode #result .classic-divider,
body.mobile-viewport.mobile-legacy-mode #result .classic-new-messages {
  display: none !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 {
  width: calc(100% - 3px) !important;
  margin: 0 1px 0 0 !important;
  border-collapse: separate !important;
  border: 1px solid rgba(192,192,192,0.3) !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
  overflow: hidden !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000.new {
  background: darkred !important;
  border-color: rgba(255,255,255,0.8) !important;
  box-shadow: 0 1px 6px rgba(180,0,0,0.5) !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 > table {
  width: auto !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 table + table {
  margin-top: 0 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tbody {
  display: table-row-group !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr {
  display: table-row !important;
}

body.mobile-viewport.mobile-legacy-mode #result td {
  display: table-cell !important;
  width: auto !important;
  min-width: 0 !important;
  box-sizing: border-box;
  vertical-align: top !important;
  padding-right: 3px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.mobile-meta {
  display: none !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 td.datetime {
  width: auto !important;
  min-width: 0 !important;
  font-size: 14px !important;
  color: #fff !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 td.type {
  width: auto !important;
  min-width: 0 !important;
  font-size: 14px !important;
  color: var(--monitor-type, #3db370) !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 td.capcode {
  width: auto !important;
  min-width: 0 !important;
  margin-left: 2px !important;
  font-size: 14px !important;
  color: #fff !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGinc {
  width: auto !important;
  min-width: 0 !important;
  text-align: center !important;
  font-size: 8px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSG,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGambu,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGbrw,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGpol,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGkw,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGrb,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGheli,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGg {
  width: 100% !important;
  font-size: 16px !important;
  vertical-align: top !important;
  padding-bottom: 1px !important;
  line-height: 1.02 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSG *,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGambu *,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGbrw *,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGpol *,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGkw *,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGrb *,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGheli *,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.MSGg * {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.mobile-viewport.mobile-legacy-mode #result .p2000 td.capcode + td,
body.mobile-viewport.mobile-legacy-mode #result .p2000 td.capcode + td * {
  font-size: 8px !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-meta-row td,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-capcode-row td {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-right: 3px !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: top !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td {
  width: 100% !important;
  padding-left: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td.MSG,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td.MSGambu,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td.MSGbrw,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td.MSGpol,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td.MSGkw,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td.MSGrb,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td.MSGheli,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td.MSGg {
  font-size: 16px !important;
  line-height: 1.02 !important;
  padding-bottom: 1px !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-message-row td *,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-meta-row td *,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-capcode-row td * {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-meta-row td {
  white-space: nowrap !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-meta-row td.MSGinc {
  width: 1% !important;
  font-size: 8px !important;
  text-align: center !important;
  line-height: 1 !important;
  padding-right: 2px !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-meta-row td.type {
  width: 1% !important;
  font-size: 14px !important;
  color: var(--monitor-type, #3db370) !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  padding-right: 2px !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-meta-row td.datetime {
  width: 1% !important;
  font-size: 14px !important;
  color: #fff !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1 !important;
  padding-right: 0 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-capcode-row td.capcode {
  width: 1% !important;
  padding-left: 2px !important;
  padding-right: 3px !important;
  font-size: 14px !important;
  color: #fff !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-capcode-row td:last-child {
  width: 100% !important;
  font-size: 8px !important;
  line-height: 1 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-capcode-row td:last-child .label-short {
  display: none !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-capcode-row td:last-child .label-long {
  display: block !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.classic-capcode-row td:last-child .label-long,
body.mobile-viewport.mobile-legacy-mode #result tr.classic-capcode-row td:last-child .label-long * {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td,
body.mobile-viewport.mobile-legacy-mode #result tr.sub-row td,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 2px 0 0 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.datetime,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.type,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.datetime,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.type,
body.mobile-viewport.mobile-legacy-mode #result tr.sub-row td.capcode,
body.mobile-viewport.mobile-legacy-mode #result tr.sub-row td.MSGinc {
  display: table-cell !important;
  white-space: nowrap !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.datetime,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.datetime {
  width: 58px !important;
  min-width: 58px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-align: center !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.datetime .dt-date,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.datetime .dt-date {
  display: inline !important;
  opacity: .78;
  margin-left: 1px;
  font-size: 8px !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.datetime .dt-time,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.datetime .dt-time {
  display: inline !important;
  font-size: 9px !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.type,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.type {
  width: 32px !important;
  min-width: 32px !important;
  padding-right: 2px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td:last-child,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td:last-child {
  display: table-cell !important;
  width: 100% !important;
  padding: 1px 1px 0 0 !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSG,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGambu,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGbrw,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGpol,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGkw,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGrb,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGheli,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGg,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSG,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGambu,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGbrw,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGpol,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGkw,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGrb,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGheli,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGg {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  padding-bottom: 1px !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSG *,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGambu *,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGbrw *,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGpol *,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGkw *,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGrb *,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGheli *,
body.mobile-viewport.mobile-legacy-mode #result tr.message-row td.MSGg *,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSG *,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGambu *,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGbrw *,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGpol *,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGkw *,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGrb *,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGheli *,
body.mobile-viewport.mobile-legacy-mode #result tr.melding td.MSGg * {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.sub-row td {
  font-size: 8px !important;
  line-height: 1 !important;
  opacity: .9;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.sub-row td.MSGinc {
  width: 58px !important;
  min-width: 58px !important;
  text-align: center !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.sub-row td.capcode {
  width: 62px !important;
  min-width: 62px !important;
  text-align: left !important;
  padding-right: 2px !important;
  font-size: 8px !important;
  color: #fff !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.sub-row td:last-child {
  width: 100% !important;
  font-size: 8px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  opacity: .8 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .MSGheli {
  vertical-align: top !important;
}

body.mobile-viewport.mobile-legacy-mode #result td.c21,
body.mobile-viewport.mobile-legacy-mode #result td.c21 * {
  color: #f90 !important;
  font-size: 8px !important;
  line-height: 1 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .label-short {
  display: none !important;
}

body.mobile-viewport.mobile-legacy-mode #result .label-long {
  display: block !important;
}

body.mobile-viewport.mobile-legacy-mode #result .label-long,
body.mobile-viewport.mobile-legacy-mode #result .label-long * {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.mobile-viewport.mobile-legacy-mode.message-cards-enabled:not(.classic-mode) #result {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
}

body.mobile-viewport.mobile-legacy-mode.message-cards-enabled:not(.classic-mode) .modern-result-card {
  width: calc(100% - 3px) !important;
  margin: 0 1px 1px 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(192,192,192,0.28) !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  background: color-mix(in srgb, var(--monitor-surface, rgba(13,17,23,0.92)) 94%, transparent) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.34) !important;
  overflow: hidden;
}

body.mobile-viewport.mobile-legacy-mode.message-cards-enabled:not(.classic-mode) .modern-result-card tr.message-row td,
body.mobile-viewport.mobile-legacy-mode.message-cards-enabled:not(.classic-mode) .modern-result-card tr.sub-row td,
body.mobile-viewport.mobile-legacy-mode.message-cards-enabled:not(.classic-mode) .modern-result-card tr.melding td {
  background: transparent !important;
}

body.mobile-viewport.mobile-legacy-mode:not(.message-cards-enabled) #result table {
  border-spacing: 0 1px !important;
}

body.mobile-viewport.mobile-legacy-mode #result tr.sub-row:last-of-type td {
  padding-bottom: 0 !important;
}

body.mobile-viewport.mobile-legacy-mode #result .modern-new-messages {
  margin-bottom: 4px !important;
}

@media (max-width: 767px) {
  body.mobile-viewport.classic-mobile-view {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    color: #3dcaee !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    -webkit-text-size-adjust: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 12px !important;
  }

  body.mobile-viewport.classic-mobile-view .mobile-view-switch-banner,
  body.mobile-viewport.classic-mobile-view #pwa-install-banner,
  body.mobile-viewport.classic-mobile-view .monitor-desktop-shell,
  body.mobile-viewport.classic-mobile-view .monitor-footer {
    display: none !important;
  }

  body.mobile-viewport.classic-mobile-view #result {
    width: 100% !important;
    max-width: none !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    background: #0d1117 !important;
    color: #3dcaee !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
  }

  body.mobile-viewport.classic-mobile-view #result .modern-new-messages,
  body.mobile-viewport.classic-mobile-view #result .legacy-classic-divider,
  body.mobile-viewport.classic-mobile-view #result .classic-divider,
  body.mobile-viewport.classic-mobile-view #result .classic-new-messages,
  body.mobile-viewport.classic-mobile-view #result tr.mobile-meta {
    display: none !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 {
    display: block !important;
    width: calc(100% - 3px) !important;
    margin: 0 1px 0 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(192, 192, 192, 0.30) !important;
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.40) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000.new {
    background: darkred !important;
    border-color: rgba(255, 255, 255, 0.80) !important;
    box-shadow: 0 1px 6px rgba(180, 0, 0, 0.50) !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 table,
  body.mobile-viewport.classic-mobile-view #result .p2000 > table {
    display: table !important;
    width: 100% !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 tbody {
    display: table-row-group !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 tr {
    display: table-row !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 td {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 3px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 td.datetime,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.mobile-legacy-message-row td.datetime,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.classic-meta-row td.datetime,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.message-row td.datetime,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.melding td.datetime {
    width: 63px !important;
    min-width: 63px !important;
    max-width: 63px !important;
    padding: 0 3px 0 1px !important;
    color: #fff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
  }

  body.mobile-viewport.classic-mobile-view #result .classic-tablet-hide-year {
    display: none !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 td.type,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.classic-meta-row td.type,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.message-row td.type,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.melding td.type {
    width: 1% !important;
    min-width: 0 !important;
    color: #3db370 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSG,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGambu,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGbrw,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGpol,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGkw,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGrb,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGheli,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGg,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.mobile-legacy-message-row td[class^="MSG"],
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.classic-message-row td {
    width: 100% !important;
    padding: 0 3px 1px 1px !important;
    color: #3dcaee !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    text-align: left !important;
    vertical-align: top !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSG *,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGambu *,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGbrw *,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGpol *,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGkw *,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGrb *,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGheli *,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGg *,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.classic-message-row td * {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSG .TIP,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGambu .TIP,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGbrw .TIP,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGpol .TIP,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGkw .TIP,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGrb .TIP,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGheli .TIP,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGg .TIP {
    display: inline !important;
    text-decoration: none !important;
    border-bottom: 1px dotted currentColor !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 td.capcode,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.classic-capcode-row td.capcode,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.sub-row td.capcode {
    display: none !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 td.MSGinc,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.classic-meta-row td.MSGinc,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.sub-row td.MSGinc {
    width: 1% !important;
    min-width: 0 !important;
    color: #fff !important;
    font-size: 8px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.mobile-viewport.classic-mobile-view #result .p2000 tr.classic-capcode-row td:last-child,
  body.mobile-viewport.classic-mobile-view #result .p2000 tr.sub-row td:last-child,
  body.mobile-viewport.classic-mobile-view #result .p2000 td.capcode + td {
    width: 100% !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    opacity: .92 !important;
  }

  body.mobile-viewport.classic-mobile-view #result .label-short,
  body.mobile-viewport.classic-mobile-view #result .label-compact-full {
    display: none !important;
  }

  body.mobile-viewport.classic-mobile-view #result .label-long {
    display: block !important;
  }

  body.mobile-viewport.classic-mobile-view #result .label-long,
  body.mobile-viewport.classic-mobile-view #result .label-long *,
  body.mobile-viewport.classic-mobile-view #result .c01,
  body.mobile-viewport.classic-mobile-view #result .c01 *,
  body.mobile-viewport.classic-mobile-view #result .c02,
  body.mobile-viewport.classic-mobile-view #result .c02 *,
  body.mobile-viewport.classic-mobile-view #result .c03,
  body.mobile-viewport.classic-mobile-view #result .c03 *,
  body.mobile-viewport.classic-mobile-view #result .c08,
  body.mobile-viewport.classic-mobile-view #result .c08 *,
  body.mobile-viewport.classic-mobile-view #result .c10,
  body.mobile-viewport.classic-mobile-view #result .c10 *,
  body.mobile-viewport.classic-mobile-view #result .c11,
  body.mobile-viewport.classic-mobile-view #result .c11 *,
  body.mobile-viewport.classic-mobile-view #result .c12,
  body.mobile-viewport.classic-mobile-view #result .c12 *,
  body.mobile-viewport.classic-mobile-view #result .c13,
  body.mobile-viewport.classic-mobile-view #result .c13 *,
  body.mobile-viewport.classic-mobile-view #result .c14,
  body.mobile-viewport.classic-mobile-view #result .c14 *,
  body.mobile-viewport.classic-mobile-view #result .c15,
  body.mobile-viewport.classic-mobile-view #result .c15 *,
  body.mobile-viewport.classic-mobile-view #result .c16,
  body.mobile-viewport.classic-mobile-view #result .c16 *,
  body.mobile-viewport.classic-mobile-view #result .c17,
  body.mobile-viewport.classic-mobile-view #result .c17 *,
  body.mobile-viewport.classic-mobile-view #result .c18,
  body.mobile-viewport.classic-mobile-view #result .c18 *,
  body.mobile-viewport.classic-mobile-view #result .c19,
  body.mobile-viewport.classic-mobile-view #result .c19 *,
  body.mobile-viewport.classic-mobile-view #result .c20,
  body.mobile-viewport.classic-mobile-view #result .c20 *,
  body.mobile-viewport.classic-mobile-view #result .c21,
  body.mobile-viewport.classic-mobile-view #result .c21 * {
    font-size: 8px !important;
    line-height: 1.05 !important;
  }

  body.mobile-viewport.classic-mobile-view #result .c01,
  body.mobile-viewport.classic-mobile-view #result .c01 *,
  body.mobile-viewport.classic-mobile-view #result .c02,
  body.mobile-viewport.classic-mobile-view #result .c02 * {
    color: #ff0 !important;
  }

  body.mobile-viewport.classic-mobile-view #result .c08,
  body.mobile-viewport.classic-mobile-view #result .c08 *,
  body.mobile-viewport.classic-mobile-view #result .c14,
  body.mobile-viewport.classic-mobile-view #result .c14 *,
  body.mobile-viewport.classic-mobile-view #result .c20,
  body.mobile-viewport.classic-mobile-view #result .c20 * {
    color: #3d9 !important;
  }

  body.mobile-viewport.classic-mobile-view #result .c15,
  body.mobile-viewport.classic-mobile-view #result .c15 *,
  body.mobile-viewport.classic-mobile-view #result .c21,
  body.mobile-viewport.classic-mobile-view #result .c21 * {
    color: #f90 !important;
  }

  body.mobile-viewport.classic-mobile-view #result .loading {
    color: #ff0 !important;
    text-align: center !important;
    font-weight: 600 !important;
  }
}

.mobile-view-switch-banner {
  display: none;
}

body.mobile-viewport .mobile-view-switch-banner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  margin: 8px 10px 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(146, 201, 255, 0.18);
  background: linear-gradient(180deg, rgba(13, 30, 47, 0.96), rgba(8, 20, 33, 0.96));
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

body.mobile-viewport .mobile-view-switch-banner[hidden] {
  display: none !important;
}

.mobile-view-switch-banner__copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.mobile-view-switch-banner__copy strong {
  font-size: 13px;
  line-height: 1.1;
  color: #eef7ff;
}

.mobile-view-switch-banner__copy span {
  font-size: 11px;
  line-height: 1.3;
  color: rgba(214, 232, 247, 0.84);
}

.mobile-view-switch-banner__actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.mobile-view-switch-banner__button,
.mobile-view-switch-banner__dismiss {
  appearance: none;
  border: 0;
  border-radius: 999px;
  font: inherit;
  cursor: pointer;
}

.mobile-view-switch-banner__button {
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.mobile-view-switch-banner__button--primary {
  background: linear-gradient(180deg, #59b9ff, #2b85ea);
  color: #041320;
}

.mobile-view-switch-banner__button--secondary {
  background: rgba(255, 255, 255, 0.08);
  color: #eff7ff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.mobile-view-switch-banner__dismiss {
  grid-column: 1 / -1;
  justify-self: end;
  padding: 0;
  background: transparent;
  color: rgba(214, 232, 247, 0.72);
  font-size: 11px;
}

@media (max-width: 520px) {
  body.mobile-viewport .mobile-view-switch-banner {
    grid-template-columns: 1fr;
  }

  .mobile-view-switch-banner__actions {
    justify-content: stretch;
  }

  .mobile-view-switch-banner__button {
    flex: 1 1 calc(50% - 4px);
    text-align: center;
  }
}

/* Classic desktop mode: old monitor-style dense list without modern cards. */
body:not(.mobile-viewport).classic-desktop-view #result {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  color: #00ffff !important;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: normal;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
  overflow-x: visible;
  box-shadow: none;
}

body:not(.mobile-viewport).classic-desktop-view #result > *,
body:not(.mobile-viewport).classic-desktop-view #result table {
  max-width: none !important;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result,
body:not(.mobile-viewport).classic-desktop-view #result table,
body:not(.mobile-viewport).classic-desktop-view #result tr,
body:not(.mobile-viewport).classic-desktop-view #result td,
body:not(.mobile-viewport).classic-desktop-view #result span,
body:not(.mobile-viewport).classic-desktop-view #result a {
  font-family: initial !important;
  font-size: medium !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

body:not(.mobile-viewport).classic-desktop-view #result > table,
body:not(.mobile-viewport).classic-desktop-view #result table {
  display: table !important;
  width: max-content !important;
  min-width: 790px !important;
  max-width: none !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 2px !important;
  box-sizing: content-box !important;
}

body:not(.mobile-viewport).classic-desktop-view #result tbody,
body:not(.mobile-viewport).classic-desktop-view #result tr,
body:not(.mobile-viewport).classic-desktop-view #result td {
  max-width: none !important;
  padding: 0 !important;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
  background: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  vertical-align: top;
}

body:not(.mobile-viewport).classic-desktop-view #result .classic-result-card,
body:not(.mobile-viewport).classic-desktop-view #result .modern-result-card,
body:not(.mobile-viewport).classic-desktop-view #result .hdb-modern-result-card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: none !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .classic-result-card:last-child,
body:not(.mobile-viewport).classic-desktop-view #result .modern-result-card:last-child,
body:not(.mobile-viewport).classic-desktop-view #result .hdb-modern-result-card:last-child {
  border-bottom: 0 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .classic-result-card table,
body:not(.mobile-viewport).classic-desktop-view #result .modern-result-card table,
body:not(.mobile-viewport).classic-desktop-view #result .hdb-modern-result-card table {
  width: auto !important;
  max-width: none !important;
  table-layout: auto;
  border-collapse: separate !important;
  border-spacing: 2px !important;
}

body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row td,
body:not(.mobile-viewport).classic-desktop-view #result tr.classic-meta-row td,
body:not(.mobile-viewport).classic-desktop-view #result tr.classic-capcode-row td,
body:not(.mobile-viewport).classic-desktop-view #result tr.message-row td,
body:not(.mobile-viewport).classic-desktop-view #result tr.melding td,
body:not(.mobile-viewport).classic-desktop-view #result tr.sub-row td {
  padding: 1px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  color: inherit;
  font-size: inherit !important;
  font-weight: normal !important;
  line-height: normal !important;
  vertical-align: top;
  text-shadow: none;
}

body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row,
body:not(.mobile-viewport).classic-desktop-view #result tr.message-row,
body:not(.mobile-viewport).classic-desktop-view #result tr.melding {
  border: 0 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result tr.classic-capcode-row,
body:not(.mobile-viewport).classic-desktop-view #result tr.classic-meta-row,
body:not(.mobile-viewport).classic-desktop-view #result tr.sub-row {
  border: 0 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result tr + tr,
body:not(.mobile-viewport).classic-desktop-view #result .classic-result-card + .classic-result-card,
body:not(.mobile-viewport).classic-desktop-view #result .modern-result-card + .modern-result-card {
  border-top: 0 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .datetime,
body:not(.mobile-viewport).classic-desktop-view #result td.datetime {
  color: #9cf !important;
  width: 101.891px !important;
  min-width: 101.891px !important;
  max-width: none !important;
  opacity: 1 !important;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: normal !important;
  line-height: normal !important;
  font-variant-numeric: normal !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: nowrap !important;
  overflow: visible !important;
  box-sizing: content-box !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .type,
body:not(.mobile-viewport).classic-desktop-view #result td.type {
  color: #0c0 !important;
  width: 52.578px !important;
  min-width: 52.578px !important;
  max-width: none !important;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: normal !important;
  line-height: normal !important;
  text-align: center;
  vertical-align: top !important;
  white-space: nowrap !important;
  overflow: visible !important;
  box-sizing: content-box !important;
}

@media (min-width: 700px) and (max-width: 1024px) {
  body:not(.mobile-viewport).classic-desktop-view #result table {
    border-collapse: separate !important;
    border-spacing: 0 2px !important;
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result table td:first-child,
  body:not(.mobile-viewport).classic-desktop-view #result .dateTime,
  body:not(.mobile-viewport).classic-desktop-view #result .datetime,
  body:not(.mobile-viewport).classic-desktop-view #result .timestamp {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: content-box !important;
  }

  body:not(.mobile-viewport) #result .classic-tablet-hide-year {
    display: none !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result table td:nth-child(2),
  body:not(.mobile-viewport).classic-desktop-view #result .msgType,
  body:not(.mobile-viewport).classic-desktop-view #result .type {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: content-box !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result table td:nth-child(3) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 10px !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result table td[colspan] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
  }
}

@media (min-width: 431px) and (max-width: 767px) {
  body:not(.mobile-viewport) #result table,
  body:not(.mobile-viewport) #result tbody,
  body:not(.mobile-viewport) #result tr,
  body:not(.mobile-viewport) #result td {
    box-sizing: border-box !important;
    max-width: none !important;
  }

  body:not(.mobile-viewport) #result table,
  body:not(.mobile-viewport).classic-desktop-view #result table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  body:not(.mobile-viewport) #result tbody {
    display: block !important;
    width: 100% !important;
  }

  body:not(.mobile-viewport) #result tr.classic-message-row,
  body:not(.mobile-viewport) #result tr.message-row,
  body:not(.mobile-viewport) #result tr.melding {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    column-gap: 8px !important;
    row-gap: 2px !important;
    align-items: baseline !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.mobile-viewport) #result tr.classic-message-row > td,
  body:not(.mobile-viewport) #result tr.message-row > td,
  body:not(.mobile-viewport) #result tr.melding > td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  body:not(.mobile-viewport) #result tr.classic-message-row > td.datetime,
  body:not(.mobile-viewport) #result tr.message-row > td.datetime,
  body:not(.mobile-viewport) #result tr.melding > td.datetime {
    grid-column: 1 !important;
    white-space: nowrap !important;
  }

  body:not(.mobile-viewport) #result tr.classic-message-row > td.type,
  body:not(.mobile-viewport) #result tr.message-row > td.type,
  body:not(.mobile-viewport) #result tr.melding > td.type {
    grid-column: 2 !important;
    white-space: nowrap !important;
  }

  body:not(.mobile-viewport) #result tr.classic-message-row > td[class^="MSG"],
  body:not(.mobile-viewport) #result tr.classic-message-row > td[class*=" MSG"],
  body:not(.mobile-viewport) #result tr.message-row > td[class^="MSG"],
  body:not(.mobile-viewport) #result tr.message-row > td[class*=" MSG"],
  body:not(.mobile-viewport) #result tr.melding > td[class^="MSG"],
  body:not(.mobile-viewport) #result tr.melding > td[class*=" MSG"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-top: 2px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body:not(.mobile-viewport) #result tr.classic-capcode-row,
  body:not(.mobile-viewport) #result tr.sub-row {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    column-gap: 10px !important;
    row-gap: 1px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.mobile-viewport) #result tr.classic-capcode-row > td,
  body:not(.mobile-viewport) #result tr.sub-row > td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  body:not(.mobile-viewport) #result tr.classic-capcode-row > td.MSGinc,
  body:not(.mobile-viewport) #result tr.sub-row > td.MSGinc {
    grid-column: 1 / -1 !important;
    width: auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  body:not(.mobile-viewport) #result tr.classic-capcode-row > td.MSGinc:empty,
  body:not(.mobile-viewport) #result tr.sub-row > td.MSGinc:empty {
    display: none !important;
  }

  body:not(.mobile-viewport) #result tr.classic-capcode-row > td.capcode,
  body:not(.mobile-viewport) #result tr.sub-row > td.capcode,
  body:not(.mobile-viewport) #result .capcode,
  body:not(.mobile-viewport) #result .cap {
    grid-column: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body:not(.mobile-viewport) #result tr.classic-capcode-row > td:not(.MSGinc):not(.capcode),
  body:not(.mobile-viewport) #result tr.sub-row > td:not(.MSGinc):not(.capcode) {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body:not(.mobile-viewport) #result .label-long,
  body:not(.mobile-viewport) #result .label-short,
  body:not(.mobile-viewport) #result .label-compact-full,
  body:not(.mobile-viewport) #result .tablet-full-label,
  body:not(.mobile-viewport) #result .label-long *,
  body:not(.mobile-viewport) #result .label-short *,
  body:not(.mobile-viewport) #result .label-compact-full *,
  body:not(.mobile-viewport) #result .tablet-full-label * {
    display: inline !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body:not(.mobile-viewport) #result tr > td[colspan] {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
  }
}

body:not(.mobile-viewport).classic-desktop-view #result .MSGinc {
  text-align: center;
  width: 101.891px !important;
  min-width: 101.891px !important;
  max-width: none !important;
  font-weight: normal !important;
  vertical-align: top !important;
  white-space: nowrap;
  overflow: visible !important;
  box-sizing: content-box !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .capcode,
body:not(.mobile-viewport).classic-desktop-view #result td.capcode {
  color: #fff !important;
  width: 1% !important;
  min-width: 0 !important;
  margin-left: 1px;
  white-space: nowrap;
  text-align: center;
  vertical-align: top !important;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: normal !important;
  line-height: normal !important;
  letter-spacing: 0 !important;
  font-variant-numeric: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .MSG,
body:not(.mobile-viewport).classic-desktop-view #result .MSGambu,
body:not(.mobile-viewport).classic-desktop-view #result .MSGbrw,
body:not(.mobile-viewport).classic-desktop-view #result .MSGpol,
body:not(.mobile-viewport).classic-desktop-view #result .MSGkw,
body:not(.mobile-viewport).classic-desktop-view #result .MSGrb,
body:not(.mobile-viewport).classic-desktop-view #result .MSGheli,
body:not(.mobile-viewport).classic-desktop-view #result .MSGg {
  color: #9cf !important;
  width: auto !important;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: normal !important;
  line-height: normal !important;
  vertical-align: top;
}

body:not(.mobile-viewport).classic-desktop-view #result .MSGn {
  color: #f00 !important;
  font-weight: normal !important;
  vertical-align: top;
}

body:not(.mobile-viewport).classic-desktop-view #result a,
body:not(.mobile-viewport).classic-desktop-view #result .TIP,
body:not(.mobile-viewport).classic-desktop-view #result .tooltip-link {
  color: deepskyblue !important;
  font-weight: normal !important;
  text-decoration: underline;
}

body:not(.mobile-viewport).classic-desktop-view #result a:visited,
body:not(.mobile-viewport).classic-desktop-view #result a:hover,
body:not(.mobile-viewport).classic-desktop-view #result a:active {
  color: #0ff !important;
}

body:not(.mobile-viewport).classic-desktop-view #result span {
  margin-left: 0;
  font-family: initial !important;
  font-size: inherit !important;
  font-weight: normal;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-shadow: none;
}

body:not(.mobile-viewport).classic-desktop-view #result .TIP {
  font-size: 11px !important;
  border-bottom: 1px dotted;
  font-family: Verdana, arial, helvetica, serif !important;
  margin-left: 0;
}

body:not(.mobile-viewport).classic-desktop-view #result .INC {
  display: block;
  background-color: #f00 !important;
  color: #fff !important;
  font-family: Verdana, arial, helvetica, serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  text-align: center;
  margin: -3px 0;
  padding: 3px 10px;
  box-sizing: content-box !important;
  text-shadow: 1px 1px 2px black !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .INC a:link,
body:not(.mobile-viewport).classic-desktop-view #result .INC a:visited {
  color: #fff !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .INC a:hover {
  color: #0ff !important;
}

body:not(.mobile-viewport).classic-desktop-view #result span#inc.INC {
  border-radius: 5px;
}

body:not(.mobile-viewport).classic-desktop-view #result span#inc1.INC {
  border-radius: 5px 5px 0 0;
}

body:not(.mobile-viewport).classic-desktop-view #result span#inc2.INC {
  border-radius: 0 0 5px 5px;
}

body:not(.mobile-viewport).classic-desktop-view #result span#mmt.INC {
  border-radius: 5px;
  background-color: orange !important;
  display: inline;
  margin: 0;
  padding: 3px 5px;
}

body:not(.mobile-viewport).classic-desktop-view #result .extra_location {
  font-size: 9px !important;
  text-align: center;
  font-weight: bold;
}

body:not(.mobile-viewport).classic-desktop-view #result .c01,
body:not(.mobile-viewport).classic-desktop-view #result .c02 {
  color: #ffff00 !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c03,
body:not(.mobile-viewport).classic-desktop-view #result .c18 {
  color: #f00 !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c04,
body:not(.mobile-viewport).classic-desktop-view #result .c15,
body:not(.mobile-viewport).classic-desktop-view #result .c21 {
  color: #f90 !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c05 {
  color: #60f !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c06 {
  color: #099 !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c07 {
  color: #bbb !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c08 {
  color: #3c3 !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c09 {
  color: #ccc !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c10 {
  color: #760 !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c11,
body:not(.mobile-viewport).classic-desktop-view #result .c13 {
  color: #f3f !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c12,
body:not(.mobile-viewport).classic-desktop-view #result .c19 {
  color: #003df5 !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c14,
body:not(.mobile-viewport).classic-desktop-view #result .c20 {
  color: #3d9 !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c16 {
  color: #00f !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c17 {
  color: #cfc !important;
  font-weight: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .c01 a,
body:not(.mobile-viewport).classic-desktop-view #result .c02 a,
body:not(.mobile-viewport).classic-desktop-view #result .c03 a,
body:not(.mobile-viewport).classic-desktop-view #result .c04 a,
body:not(.mobile-viewport).classic-desktop-view #result .c05 a,
body:not(.mobile-viewport).classic-desktop-view #result .c06 a,
body:not(.mobile-viewport).classic-desktop-view #result .c07 a,
body:not(.mobile-viewport).classic-desktop-view #result .c08 a,
body:not(.mobile-viewport).classic-desktop-view #result .c09 a,
body:not(.mobile-viewport).classic-desktop-view #result .c10 a,
body:not(.mobile-viewport).classic-desktop-view #result .c11 a,
body:not(.mobile-viewport).classic-desktop-view #result .c12 a,
body:not(.mobile-viewport).classic-desktop-view #result .c13 a,
body:not(.mobile-viewport).classic-desktop-view #result .c14 a,
body:not(.mobile-viewport).classic-desktop-view #result .c15 a,
body:not(.mobile-viewport).classic-desktop-view #result .c16 a,
body:not(.mobile-viewport).classic-desktop-view #result .c17 a,
body:not(.mobile-viewport).classic-desktop-view #result .c18 a,
body:not(.mobile-viewport).classic-desktop-view #result .c19 a,
body:not(.mobile-viewport).classic-desktop-view #result .c20 a,
body:not(.mobile-viewport).classic-desktop-view #result .c21 a {
  color: inherit !important;
  font-weight: inherit !important;
  text-decoration: underline;
}

body:not(.mobile-viewport).classic-desktop-view #result .c01 *,
body:not(.mobile-viewport).classic-desktop-view #result .c02 *,
body:not(.mobile-viewport).classic-desktop-view #result .c03 *,
body:not(.mobile-viewport).classic-desktop-view #result .c04 *,
body:not(.mobile-viewport).classic-desktop-view #result .c05 *,
body:not(.mobile-viewport).classic-desktop-view #result .c06 *,
body:not(.mobile-viewport).classic-desktop-view #result .c07 *,
body:not(.mobile-viewport).classic-desktop-view #result .c08 *,
body:not(.mobile-viewport).classic-desktop-view #result .c09 *,
body:not(.mobile-viewport).classic-desktop-view #result .c10 *,
body:not(.mobile-viewport).classic-desktop-view #result .c11 *,
body:not(.mobile-viewport).classic-desktop-view #result .c12 *,
body:not(.mobile-viewport).classic-desktop-view #result .c13 *,
body:not(.mobile-viewport).classic-desktop-view #result .c14 *,
body:not(.mobile-viewport).classic-desktop-view #result .c15 *,
body:not(.mobile-viewport).classic-desktop-view #result .c16 *,
body:not(.mobile-viewport).classic-desktop-view #result .c17 *,
body:not(.mobile-viewport).classic-desktop-view #result .c18 *,
body:not(.mobile-viewport).classic-desktop-view #result .c19 *,
body:not(.mobile-viewport).classic-desktop-view #result .c20 *,
body:not(.mobile-viewport).classic-desktop-view #result .c21 * {
  color: inherit !important;
  font-weight: inherit !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .MSGpol {
  color: #9cf !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .mk {
  color: #3d9 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .label-long,
body:not(.mobile-viewport).classic-desktop-view #result .label-long *,
body:not(.mobile-viewport).classic-desktop-view #result .tablet-full-label,
body:not(.mobile-viewport).classic-desktop-view #result .tablet-full-label * {
  display: inline;
  white-space: normal;
  line-height: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .label-short,
body:not(.mobile-viewport).classic-desktop-view #result .label-compact-full,
body:not(.mobile-viewport).classic-desktop-view #result .label-compact-full *,
body:not(.mobile-viewport).classic-desktop-view #result .tablet-full-labels {
  display: none !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .classic-divider,
body:not(.mobile-viewport).classic-desktop-view #result .modern-divider {
  width: 100% !important;
  height: 1px;
  max-width: none !important;
  margin: 1px 0;
  background: #d6d6d6;
}

body:not(.mobile-viewport).classic-desktop-view #result hr {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 0;
  margin: 0.5em 0 !important;
  border: 1px inset;
}

body:not(.mobile-viewport).classic-desktop-view #result .classic-new-messages,
body:not(.mobile-viewport).classic-desktop-view #result .modern-new-messages,
body:not(.mobile-viewport).classic-desktop-view #result .new-messages {
  display: flex;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  margin: 0 !important;
  padding-top: 10px;
  color: #eee;
  text-shadow: 1px 1px 2px black;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: bold !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .classic-new-messages span,
body:not(.mobile-viewport).classic-desktop-view #result .modern-new-messages span,
body:not(.mobile-viewport).classic-desktop-view #result .new-messages span {
  padding: 2px 10px;
  margin-bottom: 19px;
  background: red;
  border: 2px solid #ddd;
  border-radius: 5px 5px 0 0;
  color: #eee;
  font-family: initial !important;
  font-size: medium !important;
  font-weight: inherit !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-shadow: inherit !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .classic-new-messages .newmsg-line,
body:not(.mobile-viewport).classic-desktop-view #result .modern-new-messages .newmsg-line,
body:not(.mobile-viewport).classic-desktop-view #result .newmsg-line {
  flex-grow: 1;
  border-top: 2px solid #ddd;
  margin: 0;
}

body:not(.mobile-viewport).classic-desktop-view #result tr.new td,
body:not(.mobile-viewport).classic-desktop-view #result .classic-result-card--new {
  background: rgba(0, 80, 56, 0.22) !important;
}

body:not(.mobile-viewport).classic-desktop-view #result,
body:not(.mobile-viewport).classic-desktop-view #result table,
body:not(.mobile-viewport).classic-desktop-view #result tbody,
body:not(.mobile-viewport).classic-desktop-view #result tr,
body:not(.mobile-viewport).classic-desktop-view #result td,
body:not(.mobile-viewport).classic-desktop-view #result span,
body:not(.mobile-viewport).classic-desktop-view #result a,
body:not(.mobile-viewport).classic-desktop-view #result .datetime,
body:not(.mobile-viewport).classic-desktop-view #result td.datetime,
body:not(.mobile-viewport).classic-desktop-view #result .type,
body:not(.mobile-viewport).classic-desktop-view #result td.type,
body:not(.mobile-viewport).classic-desktop-view #result .capcode,
body:not(.mobile-viewport).classic-desktop-view #result td.capcode,
body:not(.mobile-viewport).classic-desktop-view #result [class^="MSG"],
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"],
body:not(.mobile-viewport).classic-desktop-view #result [class*=" MSG"],
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"],
body:not(.mobile-viewport).classic-desktop-view #result [class^="c"],
body:not(.mobile-viewport).classic-desktop-view #result td[class^="c"],
body:not(.mobile-viewport).classic-desktop-view #result [class*=" c"],
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" c"],
body:not(.mobile-viewport).classic-desktop-view #result .new-messages,
body:not(.mobile-viewport).classic-desktop-view #result .new-messages span {
  font-family: Verdana, arial, helvetica, serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .extra_location,
body:not(.mobile-viewport).classic-desktop-view #result .extra_location a {
  font-family: Verdana, arial, helvetica, serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .classic-priority-code,
body:not(.mobile-viewport).classic-desktop-view #result .classic-priority-code *,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"] > .TIP.classic-priority-code,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"] > .TIP.classic-priority-code {
  font-weight: 700 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result td,
body:not(.mobile-viewport).classic-desktop-view #result td.datetime,
body:not(.mobile-viewport).classic-desktop-view #result td.type,
body:not(.mobile-viewport).classic-desktop-view #result td.capcode,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"],
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"],
body:not(.mobile-viewport).classic-desktop-view #result td[class^="c"],
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" c"] {
  padding: 1px !important;
  padding-top: 1px !important;
  padding-right: 1px !important;
  padding-bottom: 1px !important;
  padding-left: 1px !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .TIP,
body:not(.mobile-viewport).classic-desktop-view #result a.TIP,
body:not(.mobile-viewport).classic-desktop-view #result .tooltip-link.TIP,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="c"] .TIP,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" c"] .TIP,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"] .TIP,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"] .TIP {
  color: inherit !important;
  font-family: Verdana, arial, helvetica, serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  text-decoration: none !important;
  border-bottom: 1px dotted currentColor !important;
}

body:not(.mobile-viewport).classic-desktop-view #result .TIP a,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="c"] .TIP a,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" c"] .TIP a,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"] .TIP a,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"] .TIP a {
  color: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"] a,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"] a,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="c"] a,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" c"] a {
  font-family: Verdana, arial, helvetica, serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

body:not(.mobile-viewport).classic-desktop-view #result td.datetime,
body:not(.mobile-viewport).classic-desktop-view #result td.type,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"],
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"] {
  display: table-cell !important;
  vertical-align: top !important;
  padding: 1px !important;
  padding-top: 1px !important;
  padding-right: 1px !important;
  padding-bottom: 1px !important;
  padding-left: 1px !important;
  line-height: normal !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
}

body:not(.mobile-viewport).classic-desktop-view #result td.datetime,
body:not(.mobile-viewport).classic-desktop-view #result td.type,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"],
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"] {
  font-weight: 700 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td.datetime,
body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td.type,
body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td[class^="MSG"],
body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td[class*=" MSG"],
body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td.datetime,
body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td.type,
body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td[class^="MSG"],
body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td[class*=" MSG"] {
  font-weight: 700 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result td.type a,
body:not(.mobile-viewport).classic-desktop-view #result td.type span,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"] a,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"] a,
body:not(.mobile-viewport).classic-desktop-view #result td[class^="MSG"] .TIP,
body:not(.mobile-viewport).classic-desktop-view #result td[class*=" MSG"] .TIP {
  display: inline !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  font-weight: 700 !important;
}

body:not(.mobile-viewport).classic-desktop-view #result.classic-mode tr:not(.message-row):not(.melding):not(.divider-row):not(.mobile-meta) > td[class^="MSG"]:last-child,
body:not(.mobile-viewport).classic-desktop-view #result.classic-mode tr:not(.message-row):not(.melding):not(.divider-row):not(.mobile-meta) > td[class*=" MSG"]:last-child {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

@media (min-width: 431px) and (max-width: 767px) {
  body:not(.mobile-viewport).classic-desktop-view #result table,
  body:not(.mobile-viewport).classic-desktop-view #result tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row,
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row,
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    column-gap: 8px !important;
    row-gap: 2px !important;
    align-items: baseline !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td.datetime,
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td.datetime,
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding > td.datetime,
  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td.type,
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td.type,
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding > td.type,
  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td[class^="MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td[class*=" MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td[class^="MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td[class*=" MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding > td[class^="MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding > td[class*=" MSG"] {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td.datetime,
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td.datetime,
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding > td.datetime {
    grid-column: 1 !important;
    white-space: nowrap !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td.type,
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td.type,
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding > td.type {
    grid-column: 2 !important;
    white-space: nowrap !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td[class^="MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-message-row > td[class*=" MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td[class^="MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.message-row > td[class*=" MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding > td[class^="MSG"],
  body:not(.mobile-viewport).classic-desktop-view #result tr.melding > td[class*=" MSG"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-capcode-row,
  body:not(.mobile-viewport).classic-desktop-view #result tr.sub-row {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    column-gap: 10px !important;
    row-gap: 1px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-capcode-row > td.MSGinc:empty,
  body:not(.mobile-viewport).classic-desktop-view #result tr.sub-row > td.MSGinc:empty {
    display: none !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-capcode-row > td.capcode,
  body:not(.mobile-viewport).classic-desktop-view #result tr.sub-row > td.capcode {
    display: block !important;
    grid-column: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  body:not(.mobile-viewport).classic-desktop-view #result tr.classic-capcode-row > td:not(.MSGinc):not(.capcode),
  body:not(.mobile-viewport).classic-desktop-view #result tr.sub-row > td:not(.MSGinc):not(.capcode) {
    display: block !important;
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
}

#monitor-desktop-footer {
  display: none;
}

body.monitor-desktop-view #desktop-view-switch {
  display: flex;
}

body.monitor-desktop-view #desktop-view-toggle.topbar-control {
  width: auto;
  min-width: var(--monitor-topbar-control-height, 42px);
  max-width: none;
  padding: 0 12px;
}

body.monitor-desktop-view .desktop-view-toggle__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

body:not(.mobile-viewport).monitor-desktop-view #desktop-view-toggle.topbar-control,
body:not(.mobile-viewport) #desktop-view-toggle.topbar-control,
body:not(.mobile-viewport) #classic-desktop-toggle.topbar-control {
  gap: 2px;
  min-width: auto;
  padding-left: 4px;
  padding-right: 4px;
}

body:not(.mobile-viewport) .topbar-hdb-indicator {
  gap: 2px;
  width: auto;
  min-width: auto;
  max-width: none;
  height: var(--monitor-topbar-control-height, 42px);
  min-height: var(--monitor-topbar-control-height, 42px);
  padding-left: 4px;
  padding-right: 4px;
  border-radius: var(--monitor-topbar-radius, 14px);
  color: #ffd28a;
  background: linear-gradient(180deg, rgba(92, 49, 0, 0.94), rgba(49, 27, 0, 0.98));
  border-color: rgba(255, 169, 53, 0.54);
  box-shadow: 0 14px 26px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,218,162,0.14), 0 0 0 1px rgba(255,169,53,0.12);
  font-size: 13.5px;
  font-weight: 750;
}

body:not(.mobile-viewport) .topbar-hdb-indicator.is-active {
  color: #ffd28a;
  background: linear-gradient(180deg, rgba(92, 49, 0, 0.94), rgba(49, 27, 0, 0.98));
  border-color: rgba(255, 169, 53, 0.54);
  box-shadow: 0 14px 26px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,218,162,0.14), 0 0 0 1px rgba(255,169,53,0.12);
}

body:not(.mobile-viewport) .topbar-hdb-indicator__label {
  min-height: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  text-shadow: none;
}

body:not(.mobile-viewport).staging-account-menu-fix .topbar-control.topbar-hdb-indicator:hover,
body:not(.mobile-viewport).staging-account-menu-fix .topbar-control.topbar-hdb-indicator:focus-visible,
body:not(.mobile-viewport) .topbar-hdb-indicator:hover,
body:not(.mobile-viewport) .topbar-hdb-indicator:focus-visible {
  color: #ffe1aa;
  background: linear-gradient(180deg, rgba(112, 61, 0, 0.98), rgba(62, 34, 0, 1));
  border-color: rgba(255, 192, 88, 0.72);
  box-shadow: 0 14px 26px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,231,188,0.18), 0 0 0 1px rgba(255,192,88,0.18);
}

body:not(.mobile-viewport) .topbar-hdb-indicator .topbar-hdb-visitors {
  background: linear-gradient(180deg, rgba(255, 176, 61, .30), rgba(162, 88, 0, .34));
  color: #fff2dc;
  box-shadow: inset 0 0 0 1px rgba(255, 223, 176, 0.24), 0 1px 3px rgba(36, 20, 0, .26);
}

body:not(.mobile-viewport) .topbar-hdb-indicator:hover .topbar-hdb-visitors,
body:not(.mobile-viewport) .topbar-hdb-indicator:focus-visible .topbar-hdb-visitors {
  background: linear-gradient(180deg, rgba(255, 192, 88, .38), rgba(184, 101, 0, .44));
  color: #ffffff;
}

body.monitor-desktop-view {
  max-width: 100%;
  overflow-x: hidden;
}

#monitor-desktop-footer.is-active {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
  overflow: visible;
  z-index: 9999;
  display: block;
  visibility: visible;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  padding: 1px 3px;
  background: var(--surface, rgba(9, 19, 30, 0.96));
  border-top: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, opacity 0.25s ease;
  will-change: transform, opacity;
  text-align: center;
  font-size: 12px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
}

#monitor-desktop-footer.is-active.is-pinned {
  border-top-color: rgba(103, 231, 255, 0.42);
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.22), 0 -1px 0 rgba(103, 231, 255, 0.22), 0 -8px 20px rgba(103, 231, 255, 0.08);
}

@media (hover: hover) and (pointer: fine) {
  #monitor-desktop-footer.is-active.is-hidden {
    transform: translateY(calc(100% + 6px));
    opacity: 0.98;
    pointer-events: none;
  }
}

body.theme-light #monitor-desktop-footer.is-active {
  background: var(--surface, rgba(255, 255, 255, 0.98));
  border-top-color: rgba(116, 146, 173, 0.2);
  box-shadow: 0 -4px 12px rgba(15, 23, 42, 0.1);
}

body.theme-light #monitor-desktop-footer.is-active.is-pinned {
  border-top-color: rgba(25, 118, 166, 0.36);
  box-shadow: 0 -4px 12px rgba(15, 23, 42, 0.1), 0 -1px 0 rgba(25, 118, 166, 0.2), 0 -8px 20px rgba(25, 118, 166, 0.08);
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__inner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 auto;
  padding: 0 2px;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}

#result.monitor-footer-active {
  padding-bottom: 48px;
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__label {
  display: none;
}

body.theme-light #monitor-desktop-footer.is-active .monitor-desktop-footer__label {
  color: rgba(15, 23, 42, 0.72);
}

#monitor-desktop-footer.is-active .monitor-footer__pin {
  position: absolute;
  top: -32px;
  right: 8px;
  z-index: 10001;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(156, 186, 218, 0.28);
  border-radius: 8px;
  background: rgba(9, 19, 30, 0.94);
  color: rgba(225, 238, 250, 0.86);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.24), inset 0 0 5px rgba(255, 255, 255, 0.04);
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  overflow: hidden;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}

#monitor-desktop-footer.is-active .monitor-footer__pin svg {
  display: block;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#monitor-desktop-footer.is-active .monitor-footer__pin .icon-unpinned,
#monitor-desktop-footer.is-active .monitor-footer__pin .icon-pinned {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-area: 1 / 1;
  transform-origin: 50% 55%;
  transition: opacity .16s ease, transform .16s ease, filter .16s ease;
}

#monitor-desktop-footer.is-active .monitor-footer__pin .icon-pinned {
  position: absolute;
  opacity: 0;
  transform: rotate(-20deg) scale(.72);
  filter: drop-shadow(0 0 0 rgba(103, 231, 255, 0));
}

#monitor-desktop-footer.is-active .monitor-footer__pin .icon-unpinned {
  opacity: .92;
  transform: rotate(-12deg) scale(.96);
}

#monitor-desktop-footer.is-active .monitor-footer__pin:hover,
#monitor-desktop-footer.is-active .monitor-footer__pin:focus-visible {
  transform: translateY(-1px) scale(1.04);
  border-color: rgba(103, 231, 255, 0.58);
  background: rgba(14, 34, 48, 0.96);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28), 0 0 0 2px rgba(103, 231, 255, 0.13);
  outline: none;
}

#monitor-desktop-footer.is-active .monitor-footer__pin:hover .icon-unpinned,
#monitor-desktop-footer.is-active .monitor-footer__pin:focus-visible .icon-unpinned {
  transform: rotate(-12deg) scale(1.08);
}

#monitor-desktop-footer.is-active .monitor-footer__pin.is-pinned {
  border-color: rgba(103, 231, 255, 0.88);
  background: linear-gradient(180deg, rgba(27, 105, 126, 0.98), rgba(9, 64, 86, 0.98));
  color: #eaffff;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(103, 231, 255, 0.2), 0 0 16px rgba(103, 231, 255, 0.34);
}

#monitor-desktop-footer.is-active .monitor-footer__pin.is-pinned .icon-unpinned {
  opacity: 0;
  transform: rotate(18deg) scale(.72);
}

#monitor-desktop-footer.is-active .monitor-footer__pin.is-pinned .icon-pinned {
  opacity: 1;
  transform: rotate(0deg) scale(1.08);
  filter: drop-shadow(0 0 6px rgba(103, 231, 255, .7));
}

#monitor-desktop-footer.is-active .monitor-footer__pin.is-pinned:hover .icon-pinned,
#monitor-desktop-footer.is-active .monitor-footer__pin.is-pinned:focus-visible .icon-pinned {
  transform: rotate(0deg) scale(1.16);
}

body.theme-light #monitor-desktop-footer.is-active .monitor-footer__pin {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(79, 116, 146, 0.28);
  color: #18344b;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.14);
}

body.theme-light #monitor-desktop-footer.is-active .monitor-footer__pin.is-pinned {
  border-color: rgba(25, 118, 166, 0.52);
  background: linear-gradient(180deg, rgba(219, 248, 255, 0.98), rgba(151, 222, 238, 0.98));
  color: #063246;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.14), 0 0 0 2px rgba(25, 118, 166, 0.13);
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__table {
  display: table;
  width: max-content;
  min-width: 100%;
  max-width: none;
  border-collapse: separate;
  border-spacing: 2px 1px;
  table-layout: auto;
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__row {
  display: table-row;
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__cell {
  display: table-cell;
  width: auto !important;
  min-width: 0;
  min-height: 18px;
  height: 18px;
  border: 0;
  border-radius: 7px;
  background: #c7d1db;
  color: #000;
  font-size: 10.5px;
  font-weight: 650;
  cursor: pointer;
  box-shadow: inset 0 0 3px rgba(40, 54, 68, 0.34);
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease, border-color 0.12s ease;
  white-space: nowrap;
  padding: 0 6px;
  letter-spacing: 0;
  line-height: 1;
  text-overflow: clip;
  overflow: visible;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
}

body.theme-light #monitor-desktop-footer.is-active .monitor-desktop-footer__cell {
  background: #d1dae3;
  color: #000;
  box-shadow: inset 0 0 3px rgba(80, 101, 122, 0.32);
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__cell:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 0 3px rgba(40, 54, 68, 0.34), 0 2px 7px rgba(0, 0, 0, 0.18);
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__cell.is-active,
#monitor-desktop-footer.is-active .monitor-desktop-footer__cell[aria-pressed="true"] {
  box-shadow: inset 0 0 7px #4f4f4f, inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 2px rgba(96, 165, 250, 0.3);
  filter: brightness(0.94);
  transform: translateY(0);
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__cell:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.5);
  outline-offset: 2px;
}

#monitor-desktop-footer.is-active .monitor-footer__toggle-hdb,
#monitor-desktop-footer.is-active .monitor-footer__toggle-live {
  min-width: 36px;
  height: 18px;
  min-height: 18px;
  padding: 0 7px;
  font-weight: 800;
  font-size: 10.5px;
  letter-spacing: 0;
  border: 1px solid transparent;
  border-radius: 7px;
}

#monitor-desktop-footer.is-active .monitor-footer__toggle-hdb {
  background: linear-gradient(180deg, #ffe08a 0%, #f6b23d 100%);
  border-color: rgba(255, 209, 102, 0.76);
  color: #2e1c00;
  box-shadow: inset 0 0 5px rgba(92, 55, 0, 0.22), 0 0 0 1px rgba(255, 194, 64, 0.14), 0 0 12px rgba(255, 176, 46, 0.24);
}

#monitor-desktop-footer.is-active .monitor-footer__toggle-live {
  background: linear-gradient(180deg, #7ee6c7 0%, #27a8d5 100%);
  border-color: rgba(95, 225, 201, 0.76);
  color: #001f27;
  box-shadow: inset 0 0 5px rgba(0, 55, 70, 0.24), 0 0 0 1px rgba(92, 225, 201, 0.14), 0 0 12px rgba(39, 168, 213, 0.24);
}

#monitor-desktop-footer.is-active .monitor-footer__toggle-hdb:hover {
  background: linear-gradient(180deg, #ffeba8 0%, #ffc152 100%);
  border-color: rgba(255, 229, 150, 0.92);
  box-shadow: inset 0 0 5px rgba(92, 55, 0, 0.2), 0 3px 9px rgba(0, 0, 0, 0.2), 0 0 14px rgba(255, 190, 66, 0.34);
}

#monitor-desktop-footer.is-active .monitor-footer__toggle-live:hover {
  background: linear-gradient(180deg, #9af0d8 0%, #38bce8 100%);
  border-color: rgba(155, 242, 221, 0.92);
  box-shadow: inset 0 0 5px rgba(0, 55, 70, 0.22), 0 3px 9px rgba(0, 0, 0, 0.2), 0 0 14px rgba(56, 188, 232, 0.34);
}

#monitor-desktop-footer.is-active .monitor-footer__toggle-hdb.is-active,
#monitor-desktop-footer.is-active .monitor-footer__toggle-hdb[aria-pressed="true"],
#monitor-desktop-footer.is-active .monitor-footer__toggle-live.is-active,
#monitor-desktop-footer.is-active .monitor-footer__toggle-live[aria-pressed="true"] {
  border-color: rgba(255, 255, 255, 0.54);
  filter: none;
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.22), 0 0 0 2px rgba(255, 255, 255, 0.18), 0 0 16px rgba(56, 188, 232, 0.3);
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__cell-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  width: 100%;
  height: 100%;
  line-height: 1;
  text-decoration: none;
}

#monitor-desktop-footer.is-active .monitor-desktop-footer__cell-link:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.5);
  outline-offset: 2px;
  border-radius: 6px;
}

#monitor-desktop-footer.is-active td.short {
  width: 18px !important;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  border-radius: 999px;
  line-height: 1;
  padding: 0;
  font-size: 10.5px;
  font-weight: 800;
}

#monitor-desktop-footer.is-active td.reg {
  background: #9cf;
  color: #000;
  min-height: 18px;
  height: 18px;
  padding-inline: 6px;
}

#monitor-desktop-footer.is-active td.brw {
  background: var(--color-brw, #f66);
  color: #000;
}

#monitor-desktop-footer.is-active td.amb {
  background: #ff6;
  color: #000;
}

#monitor-desktop-footer.is-active td.pol {
  background: #999;
  color: #00F;
  font-weight: 600;
}

#monitor-desktop-footer.is-active td.short.pol,
#monitor-desktop-footer.is-active td.short.amb,
#monitor-desktop-footer.is-active td.short.brw {
  font-weight: 800;
}

#monitor-desktop-footer.is-active td.med,
#monitor-desktop-footer.is-active td.ond,
#monitor-desktop-footer.is-active td.gri,
#monitor-desktop-footer.is-active td.stt {
  color: #000;
  min-height: 18px;
  height: 18px;
  padding-inline: 6px;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 750;
}

#monitor-desktop-footer.is-active td.med {
  background: #fc6;
}

#monitor-desktop-footer.is-active td.ond {
  background: #cf9;
}

#monitor-desktop-footer.is-active td.gri {
  background: #d9b3ff;
}

#monitor-desktop-footer.is-active td.stt {
  background: #fff;
}

#monitor-desktop-footer.is-active td.monitor-footer__spacer {
  width: 0 !important;
  min-width: 0;
  max-width: 0;
  height: 18px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}

@media (max-width: 1400px) and (min-width: 768px) {
  #monitor-desktop-footer.is-active {
    padding: 1px 3px;
  }

  #monitor-desktop-footer.is-active .monitor-desktop-footer__table {
    border-spacing: 2px 1px;
  }

  #monitor-desktop-footer.is-active .monitor-desktop-footer__cell {
    min-height: 18px;
    height: 18px;
    font-size: 10.5px;
    padding: 0 5px;
  }

  #monitor-desktop-footer.is-active td.short {
    width: 18px !important;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    min-height: 18px;
    border-radius: 999px;
    padding: 0;
  }

  #monitor-desktop-footer.is-active td.reg {
    min-height: 18px;
    height: 18px;
  }

  #result.monitor-footer-active {
    padding-bottom: 48px;
  }
}

body.mobile-viewport #desktop-view-switch {
  display: none !important;
}

body.mobile-viewport #monitor-desktop-footer {
  display: none !important;
}

.p2k-toast-container {
  position: fixed;
  top: 76px;
  right: 16px;
  z-index: 12000;
  display: grid;
  gap: 10px;
  width: min(420px, calc(100vw - 24px));
  pointer-events: none;
}

.p2k-toast {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(143, 178, 212, 0.22);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(14, 27, 42, 0.94), rgba(6, 13, 22, 0.96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #edf6ff;
  opacity: 0;
  transform: translate3d(18px, -8px, 0) scale(0.98);
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: auto;
  overflow: hidden;
}

.p2k-toast.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.p2k-toast.is-leaving {
  opacity: 0;
  transform: translate3d(18px, -8px, 0) scale(0.98);
}

.p2k-toast-logo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.p2k-toast-logo img {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: block;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

.p2k-toast-content {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.p2k-toast-header,
.p2k-toast-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.p2k-toast-header {
  justify-content: space-between;
}

.p2k-toast-title {
  font-size: 13px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: 0;
}

.p2k-toast-close {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(237, 246, 255, 0.76);
  cursor: pointer;
  line-height: 1;
}

.p2k-toast-close:hover,
.p2k-toast-close:focus-visible {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}

.p2k-toast-meta {
  flex-wrap: wrap;
  color: rgba(209, 226, 242, 0.82);
  font-size: 12px;
  line-height: 1.2;
}

.p2k-toast-time {
  font-variant-numeric: tabular-nums;
}

.p2k-toast-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(73, 161, 255, 0.16);
  color: #a8d8ff;
  border: 1px solid rgba(73, 161, 255, 0.28);
  font-size: 11px;
  font-weight: 800;
}

.p2k-toast-message {
  color: #ffffff;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.p2k-toast-label {
  color: rgba(225, 237, 248, 0.84);
  font-size: 12.5px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.p2k-toast-source {
  margin-top: 2px;
  color: rgba(154, 177, 198, 0.72);
  font-size: 11px;
  line-height: 1.2;
}

body.theme-light .p2k-toast {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(232, 240, 248, 0.98));
  color: #13283c;
  border-color: rgba(85, 118, 148, 0.18);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.theme-light .p2k-toast-message {
  color: #0f2437;
}

body.theme-light .p2k-toast-label,
body.theme-light .p2k-toast-meta {
  color: rgba(28, 48, 68, 0.78);
}

body.theme-light .p2k-toast-source {
  color: rgba(63, 85, 108, 0.72);
}

@media (max-width: 767px) {
  .p2k-toast-container {
    top: 62px;
    right: 12px;
    left: 12px;
    width: auto;
  }

  .p2k-toast {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
    border-radius: 14px;
  }

  .p2k-toast-logo img {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .p2k-toast-message {
    font-size: 13px;
  }
}