/*
 * Kenny Interactive Hosting Centova portal refresh.
 * This stylesheet is intentionally additive: core Centova templates, form names,
 * JavaScript hooks, and icon paths remain untouched.
 */

:root {
	color-scheme: light;
	--kih-bg: #f4f7fb;
	--kih-surface: #ffffff;
	--kih-surface-soft: #eef3f8;
	--kih-ink: #182230;
	--kih-muted: #667085;
	--kih-border: #d8e0ea;
	--kih-brand: #176b87;
	--kih-brand-dark: #0f4458;
	--kih-topbar: #122532;
	--kih-nav-ink: #d9eef5;
	--kih-accent: #d79c2f;
	--kih-danger: #b42318;
	--kih-success: #16714f;
	--kih-shadow: 0 18px 42px rgba(24, 34, 48, .12);
	--kih-field: #ffffff;
	--kih-table-alt: #f7f9fc;
	--kih-hover: #e9f4f8;
	--kih-login-card: rgba(255, 255, 255, .96);
	--kih-page-wash: linear-gradient(135deg, rgba(23, 107, 135, .10), rgba(215, 156, 47, .08) 45%, rgba(15, 68, 88, .08));
}

html[data-kih-theme="dark"] {
	color-scheme: dark;
	--kih-bg: #0d151c;
	--kih-surface: #14212c;
	--kih-surface-soft: #1b2c39;
	--kih-ink: #edf5f8;
	--kih-muted: #a9bac5;
	--kih-border: #2e4350;
	--kih-brand: #48a8c7;
	--kih-brand-dark: #7ed5ed;
	--kih-topbar: #071018;
	--kih-nav-ink: #d8f4ff;
	--kih-accent: #e2ad46;
	--kih-danger: #ff8a7c;
	--kih-success: #6bd4a7;
	--kih-shadow: 0 22px 52px rgba(0, 0, 0, .34);
	--kih-field: #0f1b24;
	--kih-table-alt: #182632;
	--kih-hover: #203746;
	--kih-login-card: rgba(20, 33, 44, .96);
	--kih-page-wash: linear-gradient(135deg, rgba(72, 168, 199, .12), rgba(226, 173, 70, .07) 45%, rgba(0, 0, 0, .18));
}

html {
	background: var(--kih-bg);
}

body {
	background:
		var(--kih-page-wash),
		var(--kih-bg) !important;
	color: var(--kih-ink);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.45;
	min-width: 980px;
}

body,
input,
select,
textarea,
td,
th,
optgroup,
button {
	font-family: Arial, Helvetica, sans-serif;
}

a:link,
a:visited,
a:active,
a:hover {
	color: var(--kih-brand-dark);
}

a:hover {
	color: var(--kih-brand);
}

#topbar {
	background: var(--kih-topbar) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .08) inset;
}

#topbar_admin,
#topbar_client {
	color: #d7e7ee;
	font-size: 12px;
}

#topbar_admin {
	line-height: 1.2;
	padding-top: 10px;
}

#topbar a,
#topbar a:link,
#topbar a:active,
#topbar a:visited,
#topbar a:hover {
	color: #ffffff;
}

#logobar {
	background: linear-gradient(90deg, #0f4458 0%, #176b87 54%, #223a4b 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .16);
	box-shadow: var(--kih-shadow);
	height: 64px;
}

#logobar img {
	display: block;
	max-height: 54px;
	max-width: 260px;
	padding: 5px 0 0 18px;
	object-fit: contain;
}

#kih-theme-toggle {
	background: rgba(255, 255, 255, .10);
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 6px;
	color: #ffffff;
	cursor: pointer;
	float: right;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	margin: 8px 10px 0 8px;
	padding: 6px 10px;
}

#kih-theme-toggle:hover,
#kih-theme-toggle:focus {
	background: rgba(255, 255, 255, .18);
	outline: none;
}

body > #kih-theme-toggle {
	background: var(--kih-brand);
	border-color: var(--kih-brand);
	box-shadow: var(--kih-shadow);
	position: fixed;
	right: 14px;
	top: 14px;
	z-index: 5;
}

#header {
	background: rgba(255, 255, 255, .88) !important;
	border-bottom: 1px solid var(--kih-border);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset;
	height: 74px;
}

html[data-kih-theme="dark"] #header {
	background: rgba(20, 33, 44, .92) !important;
}

#header #header_content {
	height: 68px;
	padding: 11px 0 0 25px;
	width: 360px;
}

#header #header_right {
	height: 68px;
	padding-top: 6px;
}

#header h1 {
	color: var(--kih-brand-dark);
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.1;
	margin-top: 6px;
	text-shadow: none;
}

#header h2 {
	color: var(--kih-muted);
	font-size: 11px;
	line-height: 1.25;
	margin-top: 3px;
}

#maincontent {
	margin: 18px 22px 0 306px;
}

#leftcolumn {
	float: none;
	left: 22px;
	margin: 0;
	width: 238px;
	position: absolute;
	top: 197px;
	z-index: 2;
}

#navigation {
	background: var(--kih-brand-dark) !important;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 8px;
	box-shadow: var(--kih-shadow);
	overflow: hidden;
}

#navigation #navigation-content {
	background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0)) !important;
	padding: 12px;
}

.navigation-section {
	background: transparent !important;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	height: auto;
	margin: 0;
	min-height: 54px;
	padding: 10px 4px;
}

.navigation-section.last {
	border-bottom: none;
}

.nav-section-icon {
	background: rgba(255, 255, 255, .12);
	border-radius: 7px;
	padding: 6px;
}

.nav-section-content {
	height: auto;
	margin-left: 58px;
	min-height: 48px;
}

.navigation-section h3 {
	color: #ffffff;
	font-size: 12px;
	padding: 2px 0 5px;
}

.navigation-links {
	color: rgba(255, 255, 255, .48);
	line-height: 1.55;
	margin-left: 0;
	padding-bottom: 0;
	width: auto;
}

.navigation-links a,
.navigation-links a:link,
.navigation-links a:active,
.navigation-links a:visited,
.navigation-links a:hover {
	color: var(--kih-nav-ink);
	font-size: 11px;
}

.content-top,
.content-top-inner,
.content-bottom,
.content-bottom-inner,
.content-container,
.content-container-inner,
.content-container-innermost {
	background-image: none !important;
}

.content-top {
	background: var(--kih-surface) !important;
	border: 1px solid var(--kih-border);
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	box-shadow: var(--kih-shadow);
	height: auto;
}

.content-top-inner {
	height: auto;
}

#heading {
	height: auto;
	min-height: 78px;
	padding: 0;
}

#heading #heading_content {
	height: auto;
	padding: 18px 18px 16px;
	width: 430px;
}

#heading #heading_right {
	color: var(--kih-muted);
	height: auto;
	padding: 18px;
}

#heading #heading_icon {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
	border-radius: 8px;
	padding: 8px;
}

#heading h1 {
	color: var(--kih-ink);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.15;
	margin: 9px 0 3px 76px;
}

#heading h2 {
	color: var(--kih-muted);
	font-size: 12px;
	line-height: 1.3;
	margin-left: 76px;
}

.content-container {
	background: var(--kih-surface) !important;
	border-left: 1px solid var(--kih-border);
	border-right: 1px solid var(--kih-border);
}

.content-area {
	padding: 4px 22px 24px;
}

.content-bottom {
	background: var(--kih-surface) !important;
	border: 1px solid var(--kih-border);
	border-top: none;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 18px 42px rgba(24, 34, 48, .10);
	height: 18px;
}

.box,
.tablewrapper {
	background: var(--kih-surface-soft) !important;
	border: 1px solid var(--kih-border);
	border-radius: 8px;
	box-shadow: none;
	padding: 4px;
}

.boxinner,
.listtable {
	background: var(--kih-surface) !important;
	border: 1px solid var(--kih-border);
	border-radius: 6px;
}

.boxtitle,
.listtable th {
	background: var(--kih-brand-dark);
	color: #ffffff;
}

.boxtitle {
	border-radius: 5px 5px 0 0;
	height: auto;
	min-height: 22px;
	padding: 7px 10px 5px;
}

.boxcontent {
	background: var(--kih-surface);
	border-color: var(--kih-border);
	border-radius: 0 0 5px 5px;
	padding: 10px;
}

.boxcontent h1,
.tabletitle,
.listcaption {
	color: var(--kih-ink);
	font-size: 12px;
}

.boxhighlight {
	background: var(--kih-surface);
	border: 1px solid rgba(215, 156, 47, .5);
	border-left: 4px solid var(--kih-accent);
	border-radius: 7px;
	color: var(--kih-ink);
}

.boxhighlight .innerbox {
	border-left: 0;
	padding: 9px 12px;
}

html[data-kih-theme="dark"] .boxhighlight {
	background: #182632;
	border-color: rgba(226, 173, 70, .62);
}

.listtable {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.listtable th {
	height: 28px;
	padding: 4px 8px;
}

.listtable td,
.itemtable td,
.itemtable th {
	border-color: var(--kih-border);
	padding: 6px 8px;
}

.roweven,
.grouptable .rowodd {
	background-color: var(--kih-table-alt);
}

.rowodd,
.grouptable .roweven {
	background-color: var(--kih-surface);
}

tr.highlight {
	background: var(--kih-hover) !important;
}

input,
select,
textarea {
	background: var(--kih-field);
	border: 1px solid #b8c4d1;
	border-radius: 5px;
	box-sizing: border-box;
	color: var(--kih-ink);
	padding: 4px 6px;
}

html[data-kih-theme="dark"] input,
html[data-kih-theme="dark"] select,
html[data-kih-theme="dark"] textarea {
	border-color: var(--kih-border);
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

input[type="submit"],
input[type="button"],
button,
.buttonbar li.buttonbar_enabled {
	border-radius: 6px;
}

input[type="submit"],
input[type="button"],
button {
	background: linear-gradient(180deg, #1d7896, #11536c);
	border: 1px solid #0e4559;
	color: #ffffff;
	cursor: pointer;
	font-weight: 700;
	padding: 5px 10px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	background: linear-gradient(180deg, #218aac, #176b87);
}

.buttonbar ul {
	min-height: 26px;
}

.buttonbar li {
	min-height: 19px;
	padding-top: 4px;
}

.buttonbar li.buttonbar_enabled:hover {
	background: var(--kih-surface) !important;
	border-color: var(--kih-border) !important;
}

.error,
.service_offline,
.multacctlog_failure,
.progresswindow_failure {
	color: var(--kih-danger);
}

.multacctlog_success,
.progresswindow_success {
	color: var(--kih-success);
}

body.kih-command-ui #centovaDialogImg {
	opacity: 0 !important;
	pointer-events: none !important;
	z-index: 10040 !important;
}

body.kih-command-ui [id^="expose_"] {
	z-index: 10030 !important;
}

.kih-command-ui #multacctdialog.overlay,
.kih-command-ui .progresswindow.dialogcontent.overlay {
	background:
		linear-gradient(135deg, rgba(18, 78, 93, .98), rgba(20, 42, 54, .98)) !important;
	background-image: none !important;
	border: 1px solid rgba(105, 210, 226, .34) !important;
	border-radius: 20px !important;
	box-shadow: 0 26px 70px rgba(0, 0, 0, .45) !important;
	box-sizing: border-box !important;
	color: var(--kih-text) !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	width: min(520px, calc(100vw - 28px)) !important;
	z-index: 10050 !important;
}

.kih-command-ui #multacctdialog.overlay .caption,
.kih-command-ui .progresswindow.dialogcontent.overlay .caption {
	background: transparent !important;
	border: 0 !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: 4px !important;
	grid-template-columns: 56px minmax(0, 1fr) !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 22px 24px 14px !important;
}

.kih-command-ui #multacctdialog.overlay img.dialogicon,
.kih-command-ui .progresswindow.dialogcontent.overlay img.dialogicon {
	align-self: center;
	background: rgba(255, 255, 255, .10);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 14px;
	float: none !important;
	height: 48px;
	padding: 8px;
	width: 48px;
}

.kih-command-ui #multacctdialog.overlay h1,
.kih-command-ui .progresswindow.dialogcontent.overlay h1 {
	align-self: end;
	color: var(--kih-text) !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	line-height: 1.1 !important;
	margin: 0 !important;
	min-width: 0;
	overflow-wrap: anywhere;
	text-shadow: none !important;
}

.kih-command-ui #multacctdialog.overlay h2,
.kih-command-ui .progresswindow.dialogcontent.overlay h2 {
	align-self: start;
	color: var(--kih-soft) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	min-width: 0;
	overflow-wrap: anywhere;
	text-shadow: none !important;
}

.kih-command-ui #multacctdialog.overlay #status,
.kih-command-ui .progresswindow.dialogcontent.overlay .progresswindow_status {
	background: rgba(8, 18, 27, .36);
	border-block: 1px solid rgba(255, 255, 255, .10);
	color: var(--kih-soft);
	margin: 0 !important;
	padding: 14px 24px !important;
}

.kih-command-ui #multacctlog,
.kih-command-ui .progresswindow_log {
	background: rgba(5, 13, 20, .34) !important;
	border: 0 !important;
	color: var(--kih-soft) !important;
	height: auto !important;
	margin: 0 !important;
	min-height: 88px;
	overflow: visible !important;
	padding: 12px 24px !important;
}

.kih-command-ui #multacctlog > div,
.kih-command-ui .progresswindow_log > div {
	border-top: 1px solid rgba(255, 255, 255, .10);
	line-height: 1.35;
	padding: 9px 0;
	white-space: normal;
}

.kih-command-ui #multacctlog > div:first-child,
.kih-command-ui .progresswindow_log > div:first-child {
	border-top: 0;
}

.kih-command-ui .multacctlog_failure,
.kih-command-ui .progresswindow_failure {
	color: #ff8b83 !important;
}

.kih-command-ui .multacctlog_success,
.kih-command-ui .progresswindow_success {
	color: #90efb2 !important;
}

.kih-command-ui .multacctlog_info,
.kih-command-ui .progresswindow_info {
	color: #bfe6ef !important;
}

.kih-command-ui #multacctprogressbar,
.kih-command-ui .progresswindow_bar {
	display: block;
	margin: 14px auto 6px !important;
	max-width: calc(100% - 48px);
}

.kih-command-ui #multacctdialog.overlay .buttons,
.kih-command-ui .progresswindow.dialogcontent.overlay .buttons {
	background: rgba(5, 13, 20, .24);
	border-top: 1px solid rgba(255, 255, 255, .10);
	box-sizing: border-box !important;
	height: auto !important;
	padding: 16px 24px 22px !important;
	position: relative;
	text-align: right !important;
	z-index: 2;
}

.kih-command-ui #multacctokbtn,
.kih-command-ui .progresswindow.dialogcontent.overlay button,
.kih-command-ui .progresswindow.dialogcontent.overlay input[type="button"] {
	border-radius: 8px !important;
	cursor: pointer !important;
	min-width: 96px;
	pointer-events: auto !important;
	position: relative;
	padding: 8px 14px !important;
	z-index: 3;
}

.streamstatus,
.headermetergroup {
	color: var(--kih-brand-dark);
}

.headermetergroup {
	display: flex;
	float: right;
	gap: 12px;
	height: auto;
	margin: 6px 8px 0 0;
	overflow: visible;
}

.headermeter {
	border-right: 1px solid var(--kih-border);
	color: var(--kih-muted);
	min-width: 136px;
	padding: 0 12px 0 0;
}

.headermeter strong {
	color: var(--kih-ink);
	display: inline-block;
	font-size: 12px;
	margin-bottom: 4px;
}

.headermeter.last {
	border-right: 0;
	margin-right: 0;
}

.kih-meterbar {
	background: var(--kih-field);
	border: 1px solid var(--kih-border);
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .12);
	height: 10px;
	overflow: hidden;
	width: 132px;
}

.kih-meterbar span {
	background: repeating-linear-gradient(90deg, var(--kih-brand) 0 5px, #79d4ec 5px 8px);
	display: block;
	height: 100%;
}

.kih-kpis {
	color: var(--kih-muted);
	float: right;
	font-size: 11px;
	line-height: 1.35;
	padding: 2px 0 0 12px;
	text-align: right;
}

.accountslist {
	width: 100%;
}

.accountslist td {
	vertical-align: middle;
}

.accountslist input[type="checkbox"] {
	border: 1px solid var(--kih-border);
}

.account-actions {
	text-align: right;
	white-space: nowrap;
}

.icon-cell {
	text-align: center;
	width: 24px;
}

#footer {
	background: transparent !important;
	clear: both;
	color: var(--kih-muted);
	padding: 14px 22px 24px;
}

#footer #footer_content,
#footer center {
	color: var(--kih-muted);
	text-align: center;
	text-shadow: none;
}

#footer font {
	color: var(--kih-muted) !important;
}

#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover {
	color: var(--kih-brand-dark);
}

#loginform {
	display: flex;
	justify-content: center;
	padding-top: 10vh;
}

#login_block {
	background: var(--kih-login-card) !important;
	border: 1px solid var(--kih-border);
	border-radius: 8px;
	box-shadow: var(--kih-shadow);
	height: auto;
	margin: 0 auto;
	min-height: 246px;
	padding: 24px 28px 22px;
	text-align: center;
	width: 360px;
}

html[data-kih-theme="dark"] #login_logo,
html[data-kih-theme="dark"] #logobar img {
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .24));
}

#login_logo {
	margin: 0 auto 18px;
	max-width: 260px;
}

#login_table {
	margin: 0 auto;
	width: 260px;
}

#login_table th {
	color: var(--kih-muted);
	font-size: 12px;
	padding-right: 8px;
}

#login_table td {
	padding: 4px 0;
}

.loginfield {
	width: 170px;
}

#login_remember {
	color: var(--kih-muted);
	margin-top: 10px;
}

.login_sep {
	background: var(--kih-border) !important;
	height: 1px;
	margin: 14px 0;
}

#loginerror {
	color: var(--kih-danger);
	font-weight: 700;
}

@media (max-width: 1100px) {
	body {
		min-width: 760px;
	}

	#maincontent {
		margin-left: 292px;
		margin-right: 14px;
	}

	#heading #heading_content {
		width: 360px;
	}
}

/* Full visual overhaul layer */
:root {
	--kih-bg: #f6f8fb;
	--kih-surface: #ffffff;
	--kih-surface-soft: #f1f5f9;
	--kih-ink: #17202a;
	--kih-muted: #5d6978;
	--kih-border: #d7e0ea;
	--kih-brand: #007d8f;
	--kih-brand-dark: #124653;
	--kih-topbar: #141922;
	--kih-nav-ink: #e9fbff;
	--kih-accent: #ef9b3a;
	--kih-danger: #d63d2f;
	--kih-success: #008f63;
	--kih-shadow: 0 20px 55px rgba(31, 45, 61, .14);
	--kih-field: #ffffff;
	--kih-table-alt: #f7fafc;
	--kih-hover: #e9f7fa;
	--kih-login-card: rgba(255, 255, 255, .97);
	--kih-page-wash:
		radial-gradient(circle at 8% 8%, rgba(0, 125, 143, .16), transparent 27%),
		linear-gradient(135deg, rgba(239, 155, 58, .09), rgba(0, 125, 143, .08) 52%, rgba(112, 122, 134, .06));
	--kih-hero: linear-gradient(135deg, #123f4b 0%, #007d8f 54%, #2d3340 100%);
	--kih-sidebar: linear-gradient(180deg, #123f4b 0%, #182331 100%);
}

html[data-kih-theme="dark"] {
	--kih-bg: #0b1016;
	--kih-surface: #111b25;
	--kih-surface-soft: #172431;
	--kih-ink: #eef6f8;
	--kih-muted: #a9b9c3;
	--kih-border: #2b3d4b;
	--kih-brand: #57c3d5;
	--kih-brand-dark: #99e8f4;
	--kih-topbar: #080c12;
	--kih-nav-ink: #f2fdff;
	--kih-accent: #ffb65c;
	--kih-danger: #ff786c;
	--kih-success: #55d6a2;
	--kih-shadow: 0 24px 65px rgba(0, 0, 0, .42);
	--kih-field: #0d151e;
	--kih-table-alt: #142130;
	--kih-hover: #1f3845;
	--kih-login-card: rgba(17, 27, 37, .97);
	--kih-page-wash:
		radial-gradient(circle at 8% 8%, rgba(87, 195, 213, .18), transparent 27%),
		linear-gradient(135deg, rgba(255, 182, 92, .07), rgba(87, 195, 213, .09) 52%, rgba(0, 0, 0, .22));
	--kih-hero: linear-gradient(135deg, #0f2733 0%, #155d6c 54%, #171c26 100%);
	--kih-sidebar: linear-gradient(180deg, #154958 0%, #101822 100%);
}

body {
	background: var(--kih-page-wash), var(--kih-bg) !important;
	font-size: 12px;
}

#topbar {
	height: 42px;
}

#topbar_admin {
	padding: 12px 18px 0;
}

#kih-theme-toggle {
	margin: 8px 14px 0 10px;
	padding: 7px 12px;
}

#logobar {
	background: var(--kih-hero) !important;
	height: 76px;
}

#logobar img {
	max-height: 62px;
	padding: 7px 0 0 24px;
}

#header {
	background: var(--kih-surface) !important;
	border-bottom: 1px solid var(--kih-border);
	height: 88px;
}

html[data-kih-theme="dark"] #header {
	background: #101922 !important;
}

#header #header_content {
	height: 82px;
	padding: 16px 0 0 30px;
	width: 460px;
}

#header #header_right {
	height: 82px;
	padding: 13px 18px 0 0;
}

#header #section_icon {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
	border-radius: 8px;
	padding: 8px;
}

#header h1 {
	color: var(--kih-ink);
	font-size: 24px;
	margin-left: 72px;
	margin-top: 2px;
}

#header h2 {
	color: var(--kih-muted);
	font-size: 12px;
	margin-left: 73px;
}

#leftcolumn {
	left: 24px;
	top: 230px;
	width: 266px;
}

#navigation {
	background: var(--kih-sidebar) !important;
	border: 0;
	border-radius: 12px;
	box-shadow: var(--kih-shadow);
}

#navigation #navigation-content {
	padding: 14px;
}

.navigation-section {
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	border-radius: 8px;
	min-height: 58px;
	padding: 12px 8px;
}

.navigation-section:hover {
	background: rgba(255, 255, 255, .07) !important;
}

.nav-section-icon {
	background: rgba(255, 255, 255, .13);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 10px;
	padding: 8px;
	width: 32px;
}

.nav-section-content {
	margin-left: 64px;
	min-height: 56px;
}

.navigation-section h3 {
	font-size: 13px;
	padding-top: 1px;
}

.navigation-links {
	line-height: 1.7;
}

#maincontent {
	margin: 24px 24px 0 326px;
}

.content-top {
	border-radius: 12px 12px 0 0;
}

#heading {
	min-height: 96px;
}

#heading #heading_content {
	padding: 24px 24px 18px;
	width: 520px;
}

#heading #heading_right {
	padding: 22px 24px 0 0;
}

#heading #heading_icon {
	border-radius: 12px;
	padding: 10px;
}

#heading h1 {
	font-size: 23px;
	margin-left: 84px;
}

#heading h2 {
	font-size: 12px;
	margin-left: 84px;
}

.content-area {
	padding: 8px 24px 28px;
}

.content-bottom {
	border-radius: 0 0 12px 12px;
}

.headermetergroup {
	gap: 14px;
}

.headermeter {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
	border-radius: 10px;
	min-width: 160px;
	padding: 10px;
}

.headermeter strong {
	font-size: 12px;
}

.kih-meterbar {
	border-radius: 999px;
	height: 8px;
	width: 154px;
}

.box,
.tablewrapper {
	border-radius: 10px;
	padding: 5px;
}

.box.buttonbar {
	background: var(--kih-surface) !important;
}

.buttonbar ul {
	min-height: 32px;
}

.buttonbar li {
	border-radius: 7px;
	min-height: 22px;
	padding: 6px 9px 3px;
}

.buttonbar li div a {
	color: var(--kih-ink);
}

.buttonbar li.buttonbar_enabled {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
}

.buttonbar li.buttonbar_enabled:hover {
	background: var(--kih-hover) !important;
}

.buttonbar li.buttonbar_box input,
.buttonbar li.buttonbar_box select {
	height: 24px;
	width: 138px;
}

.listtable {
	border-radius: 9px;
}

.listtable th {
	background: #102f3a;
	font-size: 11px;
	height: 34px;
	letter-spacing: 0;
	padding: 7px 10px;
}

html[data-kih-theme="dark"] .listtable th {
	background: #73d2e3;
	color: #071018;
}

.listtable td,
.itemtable td,
.itemtable th {
	padding: 9px 10px;
}

.accountslist tr.roweven,
.accountslist tr.rowodd {
	transition: background-color .12s ease;
}

.accountslist tr.roweven:hover,
.accountslist tr.rowodd:hover {
	background: var(--kih-hover);
}

.account-actions a {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
	border-radius: 6px;
	display: inline-block;
	margin-left: 4px;
	padding: 4px 7px;
}

input,
select,
textarea {
	min-height: 26px;
}

input[type="submit"],
input[type="button"],
button {
	border-radius: 7px;
}

#footer {
	padding-top: 22px;
}

#footer #footer_content,
.kih-footer {
	font-size: 11px;
}

#login_block {
	border-radius: 14px;
	padding: 30px 34px;
	width: 390px;
}

@media (max-width: 1100px) {
	#leftcolumn {
		left: 18px;
		width: 252px;
	}

	#maincontent {
		margin-left: 294px;
	}
}

/* Non-Centova command-center shell */
.kih-command-ui {
	background:
		radial-gradient(circle at 15% 0%, rgba(0, 125, 143, .20), transparent 28%),
		linear-gradient(180deg, #f8fafc 0%, #eef3f7 100%) !important;
	min-width: 1180px;
	padding: 0;
}

html[data-kih-theme="dark"] .kih-command-ui {
	background:
		radial-gradient(circle at 15% 0%, rgba(87, 195, 213, .18), transparent 28%),
		linear-gradient(180deg, #081016 0%, #0d141d 100%) !important;
}

.kih-shell {
	display: grid;
	grid-template-columns: 292px minmax(0, 1fr);
	min-height: 100vh;
}

.kih-command-ui #leftcolumn,
.kih-sidebar {
	background: #101821;
	background-image:
		linear-gradient(180deg, rgba(0, 125, 143, .22), transparent 34%),
		linear-gradient(180deg, #101821 0%, #0d131a 100%);
	border-right: 1px solid rgba(255, 255, 255, .08);
	box-shadow: 18px 0 55px rgba(15, 23, 42, .18);
	float: none;
	left: auto;
	margin: 0;
	min-height: 100vh;
	padding: 22px 18px;
	position: relative;
	top: auto;
	width: auto;
	z-index: 1;
}

.kih-brandmark {
	align-items: center;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 16px;
	display: flex;
	min-height: 76px;
	padding: 14px;
}

.kih-brandmark img {
	display: block;
	max-height: 54px;
	max-width: 210px;
	object-fit: contain;
	padding: 0;
}

.kih-sidebar-label,
.kih-eyebrow {
	color: var(--kih-accent);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.kih-sidebar-label {
	margin: 18px 4px 10px;
}

.kih-command-ui #navigation {
	background: transparent !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

.kih-command-ui #navigation #navigation-content {
	background: transparent !important;
	padding: 0;
}

.kih-command-ui .navigation-section {
	background: transparent !important;
	border: 0;
	border-radius: 14px;
	margin: 0 0 8px;
	min-height: 0;
	padding: 0;
}

.kih-nav-primary {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 14px;
	color: #f7fbfc !important;
	display: flex;
	gap: 12px;
	padding: 12px;
	text-decoration: none !important;
}

.kih-nav-primary:hover {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .10);
}

.kih-command-ui .nav-section-icon {
	background: rgba(255, 255, 255, .10);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
	height: 30px;
	padding: 8px;
	width: 30px;
}

.kih-command-ui .nav-section-content {
	height: auto;
	margin: -4px 0 10px 62px;
	min-height: 0;
}

.kih-command-ui .navigation-section h3 {
	display: none;
}

.kih-command-ui .navigation-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	width: auto;
}

.kih-command-ui .navigation-links a,
.kih-command-ui .navigation-links a:link,
.kih-command-ui .navigation-links a:visited,
.kih-command-ui .navigation-links a:active,
.kih-command-ui .navigation-links a:hover {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 999px;
	color: #d7edf2;
	font-size: 10px;
	font-weight: 700;
	padding: 5px 8px;
	text-decoration: none;
}

.kih-workspace {
	min-width: 0;
}

.kih-command-ui #topbar,
.kih-topbar {
	background: rgba(255, 255, 255, .76) !important;
	backdrop-filter: blur(18px);
	border-bottom: 1px solid var(--kih-border);
	height: 52px;
	position: sticky;
	top: 0;
	z-index: 5;
}

html[data-kih-theme="dark"] .kih-command-ui #topbar {
	background: rgba(13, 20, 29, .78) !important;
}

.kih-command-ui #topbar_admin,
.kih-command-ui #topbar_client {
	color: var(--kih-muted);
	padding: 17px 22px 0;
}

.kih-command-ui #topbar a,
.kih-command-ui #topbar a:link,
.kih-command-ui #topbar a:active,
.kih-command-ui #topbar a:visited,
.kih-command-ui #topbar a:hover {
	color: var(--kih-ink);
}

.kih-command-ui #kih-theme-toggle {
	background: var(--kih-ink);
	border: 0;
	border-radius: 999px;
	color: var(--kih-surface);
	margin: 11px 18px 0;
	padding: 9px 14px;
}

.kih-command-ui #logobar,
.kih-logobar {
	display: none;
}

.kih-command-ui #header,
.kih-hero {
	background: transparent !important;
	border: 0;
	box-shadow: none;
	display: flex;
	gap: 18px;
	height: auto;
	padding: 34px 38px 18px;
}

.kih-command-ui #header #header_content,
.kih-hero-title {
	align-items: center;
	display: flex;
	gap: 16px;
	height: auto;
	padding: 0;
	width: auto;
}

.kih-command-ui #header #section_icon,
.kih-command-ui #heading #heading_icon {
	background: var(--kih-surface);
	border: 1px solid var(--kih-border);
	border-radius: 18px;
	box-shadow: var(--kih-shadow);
	float: none;
	margin: 0;
	padding: 14px;
}

.kih-command-ui #header h1,
.kih-command-ui #heading h1 {
	color: var(--kih-ink);
	font-size: 32px;
	font-weight: 800;
	line-height: 1.05;
	margin: 4px 0 0;
	white-space: normal;
}

.kih-command-ui #header h2,
.kih-command-ui #heading h2 {
	color: var(--kih-muted);
	font-size: 13px;
	line-height: 1.4;
	margin: 5px 0 0;
	white-space: normal;
}

.kih-command-ui #header #header_right,
.kih-hero-meta {
	flex: 1;
	height: auto;
	margin-left: auto;
	overflow: visible;
	padding: 0;
}

.kih-command-ui .headermetergroup {
	justify-content: flex-end;
	margin: 0;
}

.kih-command-ui .headermeter {
	background: var(--kih-surface);
	border: 1px solid var(--kih-border);
	border-radius: 18px;
	box-shadow: var(--kih-shadow);
	min-width: 168px;
	padding: 14px;
}

.kih-command-ui #maincontent,
.kih-main {
	margin: 0 38px 0;
}

.kih-command-ui .content-top,
.kih-content-header {
	background: transparent !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.kih-command-ui #heading {
	align-items: center;
	background: var(--kih-surface);
	border: 1px solid var(--kih-border);
	border-radius: 22px;
	box-shadow: var(--kih-shadow);
	display: flex;
	min-height: 0;
	padding: 18px;
}

.kih-command-ui #heading #heading_content {
	align-items: center;
	display: flex;
	gap: 16px;
	height: auto;
	padding: 0;
	width: auto;
}

.kih-command-ui #heading #heading_right {
	flex: 1;
	height: auto;
	margin-left: auto;
	padding: 0;
}

.kih-command-ui .content-container,
.kih-content-card {
	background: var(--kih-surface) !important;
	border: 1px solid var(--kih-border);
	border-radius: 22px;
	box-shadow: var(--kih-shadow);
	margin-top: 18px;
}

.kih-command-ui .content-container-inner,
.kih-command-ui .content-container-innermost {
	background: transparent !important;
}

.kih-command-ui .content-area {
	padding: 22px;
}

.kih-command-ui .content-bottom {
	display: none;
}

.kih-command-ui .box,
.kih-command-ui .tablewrapper {
	background: var(--kih-surface-soft) !important;
	border: 1px solid var(--kih-border);
	border-radius: 18px;
	box-shadow: none;
	margin-bottom: 16px;
	padding: 6px;
}

.kih-command-ui .boxinner,
.kih-command-ui .listtable {
	background: var(--kih-surface) !important;
	border: 1px solid var(--kih-border);
	border-radius: 14px;
}

.kih-command-ui .boxtitle,
.kih-command-ui .listtable th {
	background: transparent;
	border-bottom: 1px solid var(--kih-border);
	color: var(--kih-muted);
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.kih-command-ui .boxcontent {
	background: var(--kih-surface);
	border: 0;
	border-radius: 14px;
	padding: 12px;
}

.kih-command-ui .buttonbar ul {
	align-items: center;
	display: flex;
	gap: 8px;
	height: auto;
	min-height: 0;
}

.kih-command-ui .buttonbar li,
.kih-command-ui .buttonbar li.buttonbar_right {
	float: none;
	margin: 0;
}

.kih-command-ui .buttonbar li.buttonbar_enabled {
	background: var(--kih-ink);
	border: 0;
	border-radius: 999px;
	opacity: 1;
	padding: 8px 12px;
}

.kih-command-ui .buttonbar li.buttonbar_enabled div a {
	color: var(--kih-surface);
	font-weight: 800;
}

.kih-command-ui .buttonbar li.buttonbar_box {
	margin-left: auto;
	opacity: 1;
	padding: 0;
}

.kih-command-ui .buttonbar li.buttonbar_box input {
	border-radius: 999px;
	height: 34px;
	width: 190px;
}

.kih-command-ui .listtable {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.kih-command-ui .listtable td {
	border-bottom: 1px solid var(--kih-border);
	color: var(--kih-ink);
	padding: 12px 10px;
}

.kih-command-ui .listtable tr:last-child td {
	border-bottom: 0;
}

.kih-command-ui .roweven,
.kih-command-ui .rowodd,
.kih-command-ui .grouptable .roweven,
.kih-command-ui .grouptable .rowodd {
	background: var(--kih-surface);
}

.kih-command-ui tr.highlight,
.kih-command-ui .accountslist tr.roweven:hover,
.kih-command-ui .accountslist tr.rowodd:hover {
	background: var(--kih-hover) !important;
}

.kih-command-ui .account-actions a {
	background: var(--kih-surface-soft);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	padding: 6px 9px;
}

.kih-command-ui #footer,
.kih-footer-shell {
	background: transparent !important;
	margin: 26px 38px 38px;
	padding: 0;
}

.kih-command-ui #footer #footer_content,
.kih-command-ui .kih-footer {
	color: var(--kih-muted);
	text-align: left;
}

.kih-command-ui #login_block {
	border-radius: 24px;
}

/* Product-console direction: intentionally unlike the stock Centova chrome */
.kih-command-ui {
	background:
		linear-gradient(135deg, rgba(246, 149, 64, .10), transparent 32%),
		linear-gradient(180deg, #fbfcfe 0%, #edf3f7 100%) !important;
	color: var(--kih-ink);
}

html[data-kih-theme="dark"] .kih-command-ui {
	background:
		linear-gradient(135deg, rgba(246, 149, 64, .08), transparent 32%),
		linear-gradient(180deg, #0c1117 0%, #111923 100%) !important;
}

.kih-command-ui #leftcolumn,
.kih-sidebar {
	background: rgba(255, 255, 255, .84);
	border-right: 1px solid rgba(19, 48, 60, .10);
	box-shadow: 16px 0 60px rgba(31, 45, 61, .08);
}

html[data-kih-theme="dark"] .kih-command-ui #leftcolumn,
html[data-kih-theme="dark"] .kih-sidebar {
	background: rgba(11, 17, 24, .88);
	border-right-color: rgba(255, 255, 255, .08);
}

.kih-brandmark {
	background: #ffffff;
	border-color: rgba(19, 48, 60, .10);
	box-shadow: 0 18px 45px rgba(31, 45, 61, .10);
}

html[data-kih-theme="dark"] .kih-brandmark {
	background: #141f2a;
}

.kih-sidebar-label {
	color: var(--kih-muted);
}

.kih-nav-primary {
	background: transparent;
	color: var(--kih-ink) !important;
}

html[data-kih-theme="dark"] .kih-nav-primary {
	color: #f7fbfc !important;
}

.kih-nav-primary:hover {
	background: #ffffff;
	border-color: rgba(19, 48, 60, .10);
	box-shadow: 0 10px 25px rgba(31, 45, 61, .08);
}

html[data-kih-theme="dark"] .kih-nav-primary:hover {
	background: rgba(255, 255, 255, .08);
}

.kih-command-ui .nav-section-icon {
	background: linear-gradient(135deg, rgba(0, 125, 143, .14), rgba(246, 149, 64, .16));
	border-color: rgba(0, 125, 143, .18);
}

html[data-kih-theme="dark"] .kih-command-ui .nav-section-icon {
	background: rgba(255, 255, 255, .10);
	border-color: rgba(255, 255, 255, .12);
}

.kih-command-ui .navigation-links a,
.kih-command-ui .navigation-links a:link,
.kih-command-ui .navigation-links a:visited,
.kih-command-ui .navigation-links a:active,
.kih-command-ui .navigation-links a:hover {
	background: rgba(0, 125, 143, .08);
	border-color: rgba(0, 125, 143, .12);
	color: var(--kih-brand-dark);
}

html[data-kih-theme="dark"] .kih-command-ui .navigation-links a,
html[data-kih-theme="dark"] .kih-command-ui .navigation-links a:link,
html[data-kih-theme="dark"] .kih-command-ui .navigation-links a:visited,
html[data-kih-theme="dark"] .kih-command-ui .navigation-links a:active,
html[data-kih-theme="dark"] .kih-command-ui .navigation-links a:hover {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .10);
	color: #d7edf2;
}

.kih-command-ui #topbar,
.kih-topbar {
	background: rgba(251, 252, 254, .86) !important;
}

.kih-command-ui #header,
.kih-hero {
	background:
		linear-gradient(135deg, rgba(0, 125, 143, .94), rgba(18, 70, 83, .94) 58%, rgba(246, 149, 64, .88)) !important;
	border-radius: 28px;
	box-shadow: 0 24px 70px rgba(0, 125, 143, .22);
	margin: 30px 38px 20px;
	padding: 28px;
}

html[data-kih-theme="dark"] .kih-command-ui #header,
html[data-kih-theme="dark"] .kih-hero {
	background:
		linear-gradient(135deg, rgba(15, 39, 51, .98), rgba(21, 93, 108, .94) 58%, rgba(246, 149, 64, .72)) !important;
}

.kih-command-ui #header h1,
.kih-command-ui #header h2,
.kih-command-ui #header .kih-eyebrow {
	color: #ffffff;
}

.kih-command-ui #header #section_icon {
	background: rgba(255, 255, 255, .16);
	border-color: rgba(255, 255, 255, .22);
	box-shadow: none;
}

.kih-command-ui .headermeter {
	background: rgba(255, 255, 255, .18);
	border-color: rgba(255, 255, 255, .24);
	box-shadow: none;
	color: rgba(255, 255, 255, .78);
}

.kih-command-ui .headermeter strong {
	color: #ffffff;
}

.kih-command-ui .kih-meterbar {
	background: rgba(255, 255, 255, .22);
	border-color: rgba(255, 255, 255, .28);
}

.kih-command-ui #maincontent,
.kih-main {
	margin: 0 38px;
}

.kih-command-ui #heading {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 4px 0 0;
}

.kih-command-ui #heading #heading_icon {
	background: #ffffff;
}

html[data-kih-theme="dark"] .kih-command-ui #heading #heading_icon {
	background: #141f2a;
}

.kih-command-ui .content-container,
.kih-content-card {
	background: rgba(255, 255, 255, .74) !important;
	backdrop-filter: blur(14px);
	border: 1px solid rgba(19, 48, 60, .10);
	border-radius: 26px;
	box-shadow: 0 24px 70px rgba(31, 45, 61, .10);
}

html[data-kih-theme="dark"] .kih-command-ui .content-container,
html[data-kih-theme="dark"] .kih-content-card {
	background: rgba(17, 27, 37, .82) !important;
	border-color: rgba(255, 255, 255, .08);
}

.kih-command-ui .buttonbar {
	background: transparent !important;
	border: 0;
	padding: 0;
}

.kih-command-ui .buttonbar .boxcontent {
	background: transparent;
	padding: 0;
}

.kih-command-ui .buttonbar li.buttonbar_enabled {
	background: #ffffff;
	border: 1px solid rgba(19, 48, 60, .10);
	box-shadow: 0 10px 24px rgba(31, 45, 61, .08);
}

.kih-command-ui .buttonbar li.buttonbar_enabled div a {
	color: var(--kih-ink);
}

html[data-kih-theme="dark"] .kih-command-ui .buttonbar li.buttonbar_enabled {
	background: #172431;
	border-color: rgba(255, 255, 255, .08);
}

html[data-kih-theme="dark"] .kih-command-ui .buttonbar li.buttonbar_enabled div a {
	color: #eef6f8;
}

.kih-command-ui .ctooltip,
.kih-command-ui .ctooltip * {
	color: var(--kih-ink) !important;
	text-shadow: none !important;
}

.kih-command-ui .ctooltip_pc,
.kih-command-ui .ctooltip_tl,
.kih-command-ui .ctooltip_tr,
.kih-command-ui .ctooltip_ml,
.kih-command-ui .ctooltip_mr,
.kih-command-ui .ctooltip_bl,
.kih-command-ui .ctooltip_br,
.kih-command-ui .ctooltip_tab {
	background-image: none !important;
	background-color: transparent !important;
}

.kih-command-ui .ctooltip {
	background:
		linear-gradient(135deg, rgba(19, 31, 43, .98), rgba(18, 70, 83, .96)) !important;
	border: 1px solid rgba(87, 195, 213, .28);
	border-radius: 16px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .32);
	box-sizing: border-box;
	max-width: min(420px, calc(100vw - 36px));
	min-width: 340px;
	overflow: visible;
	pointer-events: auto;
}

.kih-command-ui .ctooltip input,
.kih-command-ui .ctooltip button,
.kih-command-ui .ctooltip a,
.kih-command-ui .ctooltip .ctipcontent {
	pointer-events: auto !important;
}

.kih-command-ui .ctooltip:before {
	background: inherit;
	border-left: 1px solid rgba(87, 195, 213, .28);
	border-top: 1px solid rgba(87, 195, 213, .28);
	content: "";
	height: 20px;
	left: 50%;
	position: absolute;
	top: -11px;
	transform: translateX(-50%) rotate(45deg);
	width: 20px;
}

.kih-command-ui .ctooltip_tl,
.kih-command-ui .ctooltip_tr,
.kih-command-ui .ctooltip_bl,
.kih-command-ui .ctooltip_br {
	display: none !important;
}

.kih-command-ui .ctooltip_mr {
	float: none !important;
	max-width: 420px !important;
	width: auto !important;
}

.kih-command-ui .ctiptitle {
	color: #ffffff !important;
	font-size: 12px;
	letter-spacing: .08em;
	padding: 18px 22px 6px !important;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}

.kih-command-ui .ctipcontent {
	color: rgba(238, 246, 248, .78) !important;
	font-size: 13px;
	line-height: 1.4;
	margin: 0 !important;
	padding: 8px 22px 22px !important;
	position: relative;
	white-space: normal !important;
	z-index: 1;
}

.kih-command-ui .tablewrapper {
	background: transparent !important;
	border: 0;
	padding: 0;
}

.kih-command-ui .accountslist {
	background: transparent !important;
	border: 0;
	border-collapse: separate;
	border-spacing: 0 10px;
}

.kih-command-ui .accountslist th {
	background: transparent;
	border: 0;
	color: var(--kih-muted);
	padding: 0 10px 4px;
}

.kih-command-ui .accountslist tr.roweven,
.kih-command-ui .accountslist tr.rowodd {
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 12px 32px rgba(31, 45, 61, .08);
}

html[data-kih-theme="dark"] .kih-command-ui .accountslist tr.roweven,
html[data-kih-theme="dark"] .kih-command-ui .accountslist tr.rowodd {
	background: #131f2b;
}

.kih-command-ui .accountslist td {
	border: 0;
	padding: 14px 10px;
}

.kih-command-ui .accountslist td:first-child {
	border-radius: 16px 0 0 16px;
}

.kih-command-ui .accountslist td:last-child {
	border-radius: 0 16px 16px 0;
}

.kih-command-ui .accountslist .acct_divider {
	background: var(--kih-surface-soft) !important;
	border: 1px solid var(--kih-border) !important;
	border-radius: 16px !important;
	color: var(--kih-muted) !important;
	padding: 12px 18px !important;
}

.kih-command-ui .accountslist .acct_divider div {
	color: var(--kih-ink) !important;
	font-weight: 800;
	padding-left: 20px;
}

.kih-command-ui .accountslist tr:has(.acct_divider) {
	background: transparent !important;
	box-shadow: none !important;
}

.kih-command-ui .accountslist tr:has(.acct_divider) td:first-child,
.kih-command-ui .accountslist tr:has(.acct_divider) td:last-child {
	border-radius: 16px !important;
}

.kih-command-ui #rowover {
	display: none !important;
	height: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
}

.kih-command-ui #rowovertab {
	background:
		linear-gradient(135deg, rgba(19, 31, 43, .98), rgba(18, 70, 83, .96)) !important;
	background-image: none !important;
	border: 1px solid rgba(87, 195, 213, .24) !important;
	border-radius: 18px !important;
	box-shadow: 0 22px 55px rgba(0, 0, 0, .34) !important;
	box-sizing: border-box !important;
	color: #eef6f8 !important;
	left: auto !important;
	max-width: min(420px, calc(100vw - 64px)) !important;
	min-height: 0 !important;
	overflow: visible !important;
	padding: 14px 16px !important;
	position: fixed !important;
	right: 34px !important;
	top: 148px !important;
	width: 420px !important;
	z-index: 1000 !important;
}

.kih-command-ui #rowovertab,
.kih-command-ui #rowovertab * {
	color: #eef6f8 !important;
	text-shadow: none !important;
}

.kih-command-ui #rowovertab_loading {
	padding-top: 24px !important;
	text-align: center;
}

.kih-command-ui #rowovertab_details {
	display: block !important;
	max-width: 100% !important;
	overflow: visible !important;
	padding: 0 !important;
}

.kih-command-ui #rowovertab_streamtitle,
.kih-command-ui #rowovertab_resellername {
	color: #ffffff !important;
	font-size: 14px;
	line-height: 1.3;
	overflow: visible;
	padding: 0 58px 8px 0 !important;
	text-overflow: clip;
	white-space: normal !important;
	word-break: break-word;
}

.kih-command-ui #rowovertab_online,
.kih-command-ui #rowovertab_offline,
.kih-command-ui #rowovertab_isreseller,
.kih-command-ui #rowovertab_resinfo,
.kih-command-ui #rowovertab_error {
	color: rgba(238, 246, 248, .76) !important;
	font-size: 12px;
	line-height: 1.5;
	overflow-wrap: anywhere;
	white-space: normal !important;
}

.kih-command-ui #rowovertab_icons {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 14px;
	display: grid;
	float: right;
	gap: 5px;
	padding: 7px !important;
}

.kih-command-ui #rowovertab_icons img {
	display: block;
	height: 18px;
	width: 18px;
}

.kih-command-ui .account-actions a {
	background: rgba(0, 125, 143, .09);
	border: 0;
	color: var(--kih-brand-dark);
}

.kih-command-ui #userclassident {
	align-items: center;
	background: var(--kih-surface-soft) !important;
	border: 1px solid var(--kih-border);
	border-radius: 16px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
	box-sizing: border-box;
	color: var(--kih-muted);
	display: grid;
	gap: 4px 12px;
	grid-template-columns: 42px minmax(0, 1fr);
	margin: 16px 18px 0;
	padding: 12px;
	width: auto;
}

.kih-command-ui #userclassident img {
	grid-row: 1 / span 3;
	height: 38px;
	width: 38px;
}

.kih-command-ui #userclassident div {
	color: var(--kih-ink);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
}

.kih-command-ui #userclassident span {
	color: var(--kih-muted);
	display: block;
	font-size: 11px;
	margin-top: 2px;
}

html[data-kih-theme="dark"] .kih-command-ui .account-actions a {
	background: rgba(87, 195, 213, .12);
	color: var(--kih-brand-dark);
}

.kih-client-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
}

.kih-client-grid.lower {
	grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
	margin-top: 18px;
}

.kih-feature-card,
.kih-stat-tile {
	background: #ffffff;
	border: 1px solid rgba(19, 48, 60, .10);
	border-radius: 24px;
	box-shadow: 0 16px 45px rgba(31, 45, 61, .08);
}

html[data-kih-theme="dark"] .kih-feature-card,
html[data-kih-theme="dark"] .kih-stat-tile {
	background: #131f2b;
	border-color: rgba(255, 255, 255, .08);
}

.kih-station-card {
	background:
		linear-gradient(135deg, rgba(0, 125, 143, .94), rgba(18, 70, 83, .92) 55%, rgba(246, 149, 64, .82)),
		#124653;
	color: #ffffff;
	min-height: 230px;
	padding: 26px;
}

.kih-station-card .kih-eyebrow,
.kih-station-card h2,
.kih-station-card p {
	color: #ffffff;
	margin: 0;
}

.kih-station-card h2 {
	font-size: 34px;
	line-height: 1.05;
	margin-top: 10px;
}

.kih-station-card p {
	font-size: 16px;
	opacity: .82;
}

.kih-waveform {
	align-items: end;
	display: flex;
	gap: 8px;
	height: 64px;
	margin: 28px 0;
}

.kih-waveform span {
	background: rgba(255, 255, 255, .78);
	border-radius: 999px;
	display: block;
	width: 12px;
}

.kih-control-row {
	display: flex;
	gap: 10px;
}

.kih-control-row input[type="button"] {
	background: rgba(255, 255, 255, .18);
	border-color: rgba(255, 255, 255, .30);
	color: #ffffff;
	min-width: 96px;
}

.kih-status-stack {
	display: grid;
	gap: 12px;
}

.kih-stat-tile {
	padding: 18px;
}

.kih-stat-tile span {
	color: var(--kih-muted);
	display: block;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.kih-stat-tile strong {
	color: var(--kih-ink);
	display: block;
	font-size: 24px;
	line-height: 1.1;
	margin-top: 6px;
}

.kih-stat-tile em {
	color: var(--kih-muted);
	display: block;
	font-style: normal;
	margin-top: 5px;
}

.kih-link-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kih-link-grid a {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
	border-radius: 14px;
	color: var(--kih-ink);
	font-weight: 800;
	padding: 14px;
	text-decoration: none;
}

.kih-link-grid a:hover {
	background: var(--kih-hover);
	text-decoration: none;
}

/* Client-side audio player redesign */
.kih-command-ui #topbar_client {
	align-items: center;
	display: flex;
	gap: 14px;
	height: 52px;
	padding: 0 22px;
}

.kih-command-ui #topbar_client > img {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
	border-radius: 12px;
	height: 22px;
	padding: 6px;
	width: 22px;
}

.kih-command-ui #topbar_client_tunein {
	align-items: center;
	background: var(--kih-surface);
	border: 1px solid var(--kih-border);
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(31, 45, 61, .08);
	display: flex;
	float: none;
	gap: 8px;
	height: auto;
	margin-left: auto;
	padding: 8px 12px;
}

.kih-command-ui #client-audio {
	align-items: center;
	background: var(--kih-surface);
	border: 1px solid var(--kih-border);
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(31, 45, 61, .08);
	color: var(--kih-ink);
	display: flex;
	gap: 8px;
	height: auto;
	padding: 6px 10px;
	position: static;
	width: auto;
}

.kih-command-ui #client-audio a {
	color: var(--kih-brand-dark);
}

.kih-command-ui #client-tunein {
	background:
		linear-gradient(135deg, rgba(0, 125, 143, .14), rgba(246, 149, 64, .16));
	border: 1px solid rgba(0, 125, 143, .16);
	border-radius: 999px;
	float: none;
	height: 28px;
	width: 28px;
}

.kih-command-ui #client-player {
	float: none;
}

.kih-command-ui .centovaplayer {
	align-items: center;
	background: transparent;
	color: var(--kih-ink);
	display: flex;
	gap: 8px;
	justify-content: flex-start;
	min-width: 190px;
}

.kih-command-ui .centovaplayer .cell {
	padding: 0;
}

.kih-command-ui .centovaplayer .cell-expand {
	min-width: 84px;
}

.kih-command-ui .centovaplayer .mainbutton,
.kih-command-ui .centovaplayer.clientheader .mainbutton {
	background: linear-gradient(135deg, var(--kih-brand), var(--kih-accent));
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(0, 125, 143, .22);
	color: #ffffff;
	font-size: 18px;
	height: 34px;
	width: 34px;
}

.kih-command-ui .centovaplayer .mainbutton:after,
.kih-command-ui .centovaplayer.clientheader .mainbutton::after {
	border-color: rgba(255, 255, 255, .42);
	border-radius: 999px;
	height: 34px;
	left: 0;
	margin: 0;
	top: 0;
	width: 34px;
}

.kih-command-ui .centovaplayer .mainbutton::before,
.kih-command-ui .centovaplayer.clientheader .mainbutton::before {
	border-left-color: #ffffff;
	left: 13px;
	top: 9px;
}

.kih-command-ui .centovaplayer .mainbutton.stop::before,
.kih-command-ui .centovaplayer.clientheader .mainbutton.stop::before {
	background: #ffffff;
	border: 0;
	height: 12px;
	left: 11px;
	top: 11px;
	width: 12px;
}

.kih-command-ui .centovaplayer .playtime,
.kih-command-ui .centovaplayer.clientheader .playtime {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
	border-radius: 999px;
	color: var(--kih-muted);
	font-size: 11px;
	font-weight: 800;
	min-width: 58px;
	padding: 6px 8px;
	text-align: center;
}

.kih-command-ui .centovaplayer .range-slider {
	background-color: var(--kih-border);
	background-image: linear-gradient(to right, var(--kih-brand) 0 48%, var(--kih-border) 48% 100%);
	border-radius: 999px;
	height: 6px;
}

.kih-command-ui .centovaplayer .range-slider > .range-slider-limiter > .range-slider-handle {
	background: var(--kih-surface);
	border-color: var(--kih-brand);
	box-shadow: 0 6px 16px rgba(0, 125, 143, .20);
	color: var(--kih-brand);
	height: 16px;
	top: -8px;
	width: 16px;
}

.kih-command-ui #client-tunein-menu {
	background: var(--kih-surface);
	border: 1px solid var(--kih-border);
	border-radius: 14px;
	box-shadow: var(--kih-shadow);
	color: var(--kih-ink);
	overflow: hidden;
}

.kih-command-ui #client-tunein-menu div,
.kih-command-ui #client-tunein-menu ul li {
	color: var(--kih-muted);
}

.kih-command-ui #client-tunein-menu ul li.hover,
.kih-command-ui #client-tunein-menu ul li:hover {
	background: var(--kih-hover);
	color: var(--kih-ink);
}

.kih-player-showcase {
	background:
		linear-gradient(135deg, rgba(0, 125, 143, .95), rgba(18, 70, 83, .92) 50%, rgba(246, 149, 64, .88)),
		#124653;
	border-radius: 26px;
	box-shadow: 0 24px 70px rgba(0, 125, 143, .18);
	color: #ffffff;
	display: grid;
	gap: 22px;
	grid-template-columns: 118px minmax(0, 1fr) 260px;
	padding: 26px;
}

.kih-player-art {
	background: rgba(255, 255, 255, .16);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 22px;
	display: grid;
	min-height: 118px;
	place-items: center;
}

.kih-player-art img {
	border-radius: 16px;
	max-height: 86px;
	max-width: 86px;
}

.kih-player-copy h2,
.kih-player-copy p {
	color: #ffffff;
	margin: 0;
}

.kih-player-copy h2 {
	font-size: 32px;
	line-height: 1.05;
	margin-top: 8px;
}

.kih-player-copy p {
	font-size: 15px;
	opacity: .82;
}

.kih-player-controls {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-top: 22px;
}

.kih-player-play {
	background: #ffffff;
	border: 0;
	border-radius: 999px;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
	color: #124653;
	height: 56px;
	position: relative;
	width: 56px;
}

.kih-player-play:before {
	border-bottom: 11px solid transparent;
	border-left: 16px solid currentColor;
	border-top: 11px solid transparent;
	content: "";
	left: 23px;
	position: absolute;
	top: 17px;
}

.kih-player-track {
	background: rgba(255, 255, 255, .20);
	border-radius: 999px;
	flex: 1;
	height: 10px;
	overflow: hidden;
}

.kih-player-track span {
	background: #ffffff;
	border-radius: 999px;
	display: block;
	height: 100%;
	width: 42%;
}

.kih-player-time {
	color: rgba(255, 255, 255, .82);
	font-weight: 800;
}

.kih-player-side {
	align-content: center;
	display: grid;
	gap: 12px;
}

.kih-player-side div {
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 16px;
	padding: 12px;
}

.kih-player-side span {
	color: rgba(255, 255, 255, .70);
	display: block;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.kih-player-side strong {
	color: #ffffff;
	display: block;
	font-size: 18px;
	margin-top: 4px;
}

.kih-command-ui #coverfloat,
.kih-command-ui #coverfloat_gloss {
	background-image: none !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .08)) !important;
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 22px;
	box-shadow: 0 20px 44px rgba(0, 0, 0, .14);
	box-sizing: border-box;
	height: 112px;
	padding: 12px;
	position: absolute;
	right: 66px;
	top: 116px;
	width: 390px;
	z-index: 3;
}

.kih-command-ui #coverfloat_gloss {
	display: none;
}

.kih-command-ui #trackinfo {
	align-items: center;
	color: #ffffff;
	display: grid;
	gap: 8px;
	grid-template-columns: 74px minmax(0, 1fr);
	height: 100%;
}

.kih-command-ui #trackinfo:before {
	color: rgba(255, 255, 255, .70);
	content: "Now Playing";
	display: block;
	font-size: 10px;
	font-weight: 900;
	grid-column: 2;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.kih-command-ui #trackinfo img {
	background: rgba(255, 255, 255, .18);
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 16px;
	float: none;
	grid-row: 1 / span 4;
	height: 70px;
	object-fit: cover;
	padding: 0;
	width: 70px;
}

.kih-command-ui #trackinfo div {
	text-align: left;
	text-shadow: none;
	white-space: normal;
}

.kih-command-ui .trackinfo_artist {
	color: #ffffff;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.15;
	padding: 0;
}

.kih-command-ui .trackinfo_title {
	color: rgba(255, 255, 255, .86);
	font-size: 13px;
	font-weight: 700;
}

.kih-command-ui .trackinfo_album {
	color: rgba(255, 255, 255, .66);
	font-size: 11px;
	opacity: 1;
}

.kih-command-ui .streamstatus {
	align-items: center;
	background: rgba(255, 255, 255, .16);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	display: flex;
	float: none;
	gap: 7px;
	margin: 0;
	padding: 9px 11px;
	text-align: left;
}

.kih-command-ui .streamstatus img {
	height: 24px;
	width: 24px;
}

.kih-command-ui #header #header_right:has(.streamstatus) {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: flex-end;
	padding-right: 438px;
}

.kih-command-ui #header:has(#coverfloat) {
	min-height: 118px;
	position: relative;
}

body.kih-command-ui:has(#top_countries) #coverfloat,
body.kih-command-ui:has(#top_countries) #coverfloat_gloss,
body.kih-command-ui:has(#top_agents) #coverfloat,
body.kih-command-ui:has(#top_agents) #coverfloat_gloss,
body.kih-command-ui:has(#top_countries) #header #trackinfo,
body.kih-command-ui:has(#top_agents) #header #trackinfo {
	display: none !important;
}

body.kih-command-ui:has(#top_countries) #header #header_right,
body.kih-command-ui:has(#top_agents) #header #header_right {
	padding-right: 0 !important;
}

body.kih-command-ui:has(#top_countries) #header:has(#coverfloat),
body.kih-command-ui:has(#top_agents) #header:has(#coverfloat) {
	min-height: 0;
}

.kih-command-ui #topbar_client {
	color: var(--kih-ink);
	overflow: hidden;
}

.kih-command-ui #topbar_client_tunein {
	order: 3;
}

.kih-player-showcase + .kih-client-grid {
	grid-template-columns: 1fr;
	margin-top: 18px;
}

.kih-player-showcase + .kih-client-grid .kih-status-stack {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kih-client-dashboard-live #coverfloat,
.kih-client-dashboard-live #coverfloat_gloss,
.kih-client-dashboard-live #header #coverfloat,
.kih-client-dashboard-live #header #coverfloat_gloss,
.kih-client-dashboard-live #header #trackinfo,
.kih-client-dashboard-live #header #header_right .streamstatus {
	display: none !important;
}

.kih-client-dashboard-live #header #header_right {
	padding-right: 0 !important;
}

.kih-client-dashboard-live .kih-live-dashboard-player {
	margin-bottom: 18px;
}

body.kih-command-ui.kih-client-dashboard-live .content-area {
	display: block !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player {
	background:
		linear-gradient(135deg, rgba(0, 125, 143, .96), rgba(18, 70, 83, .93) 52%, rgba(246, 149, 64, .90)),
		#124653 !important;
	border: 0 !important;
	border-radius: 26px !important;
	box-shadow: 0 24px 70px rgba(0, 125, 143, .18) !important;
	box-sizing: border-box !important;
	color: #ffffff !important;
	display: grid !important;
	gap: 22px !important;
	grid-template-columns: 118px minmax(0, 1fr) 260px !important;
	min-height: 180px !important;
	padding: 26px !important;
	width: 100% !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player * {
	box-sizing: border-box;
	color: inherit;
	float: none !important;
	position: static;
	text-align: left;
	text-shadow: none !important;
	white-space: normal;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-art {
	align-self: stretch !important;
	background: rgba(255, 255, 255, .16) !important;
	border: 1px solid rgba(255, 255, 255, .22) !important;
	border-radius: 22px !important;
	display: grid !important;
	min-height: 118px !important;
	place-items: center !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-art img {
	border-radius: 16px !important;
	display: block !important;
	float: none !important;
	height: 86px !important;
	max-height: 86px !important;
	max-width: 86px !important;
	object-fit: cover !important;
	padding: 0 !important;
	width: 86px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-copy {
	align-self: center !important;
	min-width: 0 !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-copy h2 {
	color: #ffffff !important;
	font-size: 32px !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	margin: 8px 0 0 !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-copy p {
	color: rgba(255, 255, 255, .82) !important;
	font-size: 15px !important;
	margin: 6px 0 0 !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-controls {
	align-items: center !important;
	display: flex !important;
	gap: 12px !important;
	margin-top: 22px !important;
}

body.kih-command-ui.kih-client-dashboard-live > #client-audio {
	display: none !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot {
	display: block !important;
	flex: 0 0 56px !important;
	height: 56px !important;
	width: 56px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot #client-audio,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot #client-player,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer .cell {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	float: none !important;
	height: 56px !important;
	margin: 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
	position: static !important;
	width: 56px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot #client-tunein,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer audio,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer .playtime,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer .cell-expand {
	display: none !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-play {
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .18) !important;
	color: #124653 !important;
	flex: 0 0 56px !important;
	height: 56px !important;
	position: relative !important;
	width: 56px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-play:before {
	border-bottom: 11px solid transparent;
	border-left: 16px solid currentColor;
	border-top: 11px solid transparent;
	content: "";
	left: 23px;
	position: absolute;
	top: 17px;
}

body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer .mainbutton,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer.clientheader .mainbutton {
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .18) !important;
	color: #124653 !important;
	cursor: pointer !important;
	flex: 0 0 56px !important;
	font-size: 18px !important;
	height: 56px !important;
	margin: 0 !important;
	position: relative !important;
	width: 56px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer .mainbutton:after,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer.clientheader .mainbutton:after {
	border: 0 !important;
	content: "" !important;
	height: 56px !important;
	left: 0 !important;
	margin: 0 !important;
	position: absolute !important;
	top: 0 !important;
	width: 56px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer .mainbutton:before,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer.clientheader .mainbutton:before {
	background: transparent !important;
	border-bottom: 11px solid transparent !important;
	border-left: 16px solid currentColor !important;
	border-right: 0 !important;
	border-top: 11px solid transparent !important;
	content: "" !important;
	height: 0 !important;
	left: 23px !important;
	margin: 0 !important;
	position: absolute !important;
	top: 17px !important;
	width: 0 !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer .mainbutton.stop:before,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer.clientheader .mainbutton.stop:before {
	background: #124653 !important;
	border: 0 !important;
	border-radius: 2px !important;
	box-shadow: 10px 0 0 #124653 !important;
	height: 20px !important;
	left: 18px !important;
	top: 18px !important;
	width: 7px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-track {
	background: rgba(255, 255, 255, .20) !important;
	border-radius: 999px !important;
	flex: 1 1 auto !important;
	height: 10px !important;
	overflow: hidden !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-track span {
	background: #ffffff !important;
	border-radius: 999px !important;
	display: block !important;
	height: 100% !important;
	width: 42% !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-time {
	color: rgba(255, 255, 255, .82) !important;
	font-weight: 800 !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-side {
	align-content: center !important;
	display: grid !important;
	gap: 12px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-side div {
	background: rgba(255, 255, 255, .14) !important;
	border: 1px solid rgba(255, 255, 255, .18) !important;
	border-radius: 16px !important;
	padding: 12px !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-side span {
	color: rgba(255, 255, 255, .70) !important;
	display: block !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: .10em !important;
	text-transform: uppercase !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-side strong {
	color: #ffffff !important;
	display: block !important;
	font-size: 18px !important;
	margin-top: 4px !important;
}

body.kih-command-ui.kih-client-dashboard-live .content-area > .kih-client-grid {
	display: block !important;
	grid-template-columns: 1fr !important;
	margin-top: 0 !important;
}

body.kih-command-ui.kih-client-dashboard-live .content-area > .kih-client-grid .kih-status-stack {
	display: grid !important;
	gap: 14px !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.kih-command-ui.kih-client-dashboard-live .content-area > .kih-client-grid.lower {
	display: grid !important;
	gap: 18px !important;
	grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr) !important;
	margin-top: 18px !important;
}

.kih-client-dashboard-live .kih-dashboard-existing {
	min-width: 0;
}

.kih-client-dashboard-live .kih-dashboard-existing .box,
.kih-client-dashboard-live .kih-dashboard-existing .boxinner,
.kih-client-dashboard-live .kih-dashboard-existing .boxcontent {
	background: var(--kih-surface) !important;
	border-color: var(--kih-border) !important;
	color: var(--kih-ink) !important;
}

.kih-client-dashboard-live .kih-dashboard-existing .boxtitle {
	background: var(--kih-brand) !important;
	border: 0 !important;
	color: #071018 !important;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.kih-client-dashboard-live .kih-dashboard-existing table {
	background: var(--kih-surface) !important;
	border-collapse: collapse;
	color: var(--kih-ink) !important;
	width: 100%;
}

.kih-client-dashboard-live .kih-dashboard-existing tr,
.kih-client-dashboard-live .kih-dashboard-existing td,
.kih-client-dashboard-live .kih-dashboard-existing th {
	background: transparent !important;
	border-color: rgba(127, 160, 180, .22) !important;
	color: var(--kih-ink) !important;
}

.kih-client-dashboard-live .kih-dashboard-existing tr:nth-child(even) td {
	background: var(--kih-surface-soft) !important;
}

.kih-client-dashboard-live .kih-dashboard-existing img {
	border-radius: 8px;
}

.kih-client-dashboard-live .kih-dashboard-quick-actions .boxcontent {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kih-client-dashboard-live .kih-dashboard-quick-actions .boxcontent a {
	background: var(--kih-surface-soft);
	border: 1px solid var(--kih-border);
	border-radius: 12px;
	color: var(--kih-ink);
	display: flex;
	font-weight: 800;
	min-height: 44px;
	padding: 14px 16px;
	text-decoration: none;
}

.kih-client-dashboard-live .kih-dashboard-quick-actions .boxcontent a:hover {
	background: var(--kih-hover);
	border-color: var(--kih-brand);
}

/* Compatibility fixes for Centova's full-screen tools and legacy module panels. */
body.kih-command-ui:has(#filemanagerlayout),
body.kih-command-ui:has(#librarylayout) {
	min-width: 980px;
	overflow: hidden;
}

body.kih-command-ui:has(#filemanagerlayout) .kih-shell,
body.kih-command-ui:has(#librarylayout) .kih-shell {
	display: block;
}

body.kih-command-ui:has(#filemanagerlayout) #leftcolumn,
body.kih-command-ui:has(#librarylayout) #leftcolumn,
body.kih-command-ui:has(#filemanagerlayout) #header,
body.kih-command-ui:has(#librarylayout) #header,
body.kih-command-ui:has(#filemanagerlayout) #footer,
body.kih-command-ui:has(#librarylayout) #footer {
	display: none !important;
}

body.kih-command-ui:has(#filemanagerlayout) .kih-workspace,
body.kih-command-ui:has(#librarylayout) .kih-workspace {
	display: block;
	min-height: 100vh;
	width: 100vw;
}

body.kih-command-ui:has(#filemanagerlayout) #topbar,
body.kih-command-ui:has(#librarylayout) #topbar {
	border-radius: 0;
	position: relative;
}

body.kih-command-ui:has(#filemanagerlayout) #rawcontent,
body.kih-command-ui:has(#librarylayout) #rawcontent {
	background: var(--kih-bg);
	border: 0;
	margin: 0;
	padding: 0;
}

body.kih-command-ui:has(#filemanagerlayout) #filemanagerlayout,
body.kih-command-ui:has(#librarylayout) #librarylayout {
	left: 0 !important;
	right: 0 !important;
	width: auto !important;
}

html[data-kih-theme="dark"] #filemanagerlayout,
html[data-kih-theme="dark"] #librarylayout {
	background: var(--kih-bg);
	color: var(--kih-ink);
}

html[data-kih-theme="dark"] #filemanagerlayout #folderbrowser,
html[data-kih-theme="dark"] #filemanagerlayout #filebrowser,
html[data-kih-theme="dark"] #librarylayout #playlists,
html[data-kih-theme="dark"] #librarylayout #artists,
html[data-kih-theme="dark"] #librarylayout #albums,
html[data-kih-theme="dark"] #librarylayout #tracks,
html[data-kih-theme="dark"] #librarylayout #folders,
html[data-kih-theme="dark"] #librarylayout .playlistscover,
html[data-kih-theme="dark"] #librarylayout .artistscover,
html[data-kih-theme="dark"] #librarylayout .albumscover,
html[data-kih-theme="dark"] #librarylayout .trackscover,
html[data-kih-theme="dark"] #librarylayout .folderscover,
html[data-kih-theme="dark"] .tvt,
html[data-kih-theme="dark"] .lbt,
html[data-kih-theme="dark"] .lbt_content {
	background: #101a24 !important;
	border-color: var(--kih-border) !important;
	color: var(--kih-ink) !important;
}

html[data-kih-theme="dark"] .lbt_row,
html[data-kih-theme="dark"] .lbt_row_folder,
html[data-kih-theme="dark"] .lbt_row_page,
html[data-kih-theme="dark"] .lbt_row_track,
html[data-kih-theme="dark"] .lbt_row_playlist,
html[data-kih-theme="dark"] .playlistfolderitem,
html[data-kih-theme="dark"] .playlisttrackitem,
html[data-kih-theme="dark"] .treenode_caption {
	color: var(--kih-ink) !important;
}

html[data-kih-theme="dark"] .lbt_row_stripe {
	background: #152232 !important;
}

html[data-kih-theme="dark"] .lbt_row_selected,
html[data-kih-theme="dark"] .treenode_caption_selected {
	background: var(--kih-brand) !important;
	color: #071018 !important;
}

.kih-command-ui .tab_page,
.kih-command-ui .tab_page_list,
.kih-command-ui .accordion_container,
.kih-command-ui fieldset,
.kih-command-ui .tablewrapper .tab_page,
.kih-command-ui .box .tab_page {
	background: var(--kih-surface) !important;
	border-color: var(--kih-border) !important;
	color: var(--kih-ink) !important;
}

.kih-command-ui .tab_page *,
.kih-command-ui .tab_page_list *,
.kih-command-ui fieldset *,
.kih-command-ui .accordion_container * {
	color: inherit;
}

.kih-command-ui .tab_page label,
.kih-command-ui .tab_page th,
.kih-command-ui .tab_page td,
.kih-command-ui .formtable th,
.kih-command-ui .formtable td,
.kih-command-ui .settingstable th,
.kih-command-ui .settingstable td {
	color: var(--kih-ink) !important;
}

.kih-command-ui .tab_page input,
.kih-command-ui .tab_page select,
.kih-command-ui .tab_page textarea,
.kih-command-ui .accordion_container input,
.kih-command-ui .accordion_container select,
.kih-command-ui .accordion_container textarea {
	background: var(--kih-field) !important;
	border-color: var(--kih-border) !important;
	color: var(--kih-ink) !important;
}

.kih-command-ui .tabset,
.kih-command-ui .tabs,
.kih-command-ui ul.tabset {
	border-color: var(--kih-border) !important;
}

.kih-command-ui .tabset a,
.kih-command-ui .tabs a,
.kih-command-ui .tab {
	background: var(--kih-surface-soft) !important;
	border-color: var(--kih-border) !important;
	color: var(--kih-brand-dark) !important;
}

.kih-command-ui .tabset a:hover,
.kih-command-ui .tabs a:hover {
	background: var(--kih-hover) !important;
}

.kih-command-ui .kih-statistics-report {
	box-sizing: border-box;
	max-width: none;
	width: 100%;
}

.kih-command-ui .kih-statistics-report .boxhighlight {
	background: transparent !important;
	border: 0;
	margin: 0 0 18px;
	padding: 0;
	width: 100%;
}

.kih-command-ui .kih-statistics-report .innerbox,
.kih-command-ui .kih-statistics-report #periodsummary,
.kih-command-ui .kih-statistics-report #periodselect,
.kih-command-ui .kih-statistics-report #periodchooser {
	box-sizing: border-box;
	width: 100%;
}

.kih-command-ui .kih-statistics-report #periodsummary,
.kih-command-ui .kih-statistics-report #periodselect,
.kih-command-ui .kih-statistics-report #periodchooser {
	background: var(--kih-surface-soft);
	border: 1px solid rgba(226, 173, 70, .55);
	border-radius: 10px;
	color: var(--kih-ink);
	padding: 12px 16px;
}

.kih-command-ui .kih-statistics-report #pagetabs {
	margin-top: 14px;
	width: 100%;
}

.kih-command-ui .kih-statistics-report .tab_page,
.kih-command-ui .kih-statistics-report .tab_page_list {
	box-sizing: border-box;
	min-height: 0;
	overflow: visible !important;
	padding: 18px !important;
	width: 100% !important;
}

.kih-command-ui .kih-statistics-report .tab_page > table,
.kih-command-ui .kih-statistics-report .tab_page_list > table {
	table-layout: fixed;
	width: 100% !important;
}

.kih-command-ui .kih-statistics-report .recent_activity_table {
	background: var(--kih-surface) !important;
	border: 1px solid var(--kih-border) !important;
	border-radius: 16px;
	overflow: hidden;
	padding: 0 !important;
}

.kih-command-ui .kih-statistics-report .recent_activity_table .listtable {
	background: transparent !important;
	border: 0 !important;
	border-collapse: collapse;
	width: 100%;
}

.kih-command-ui .kih-statistics-report .recent_activity_table th {
	background: var(--kih-brand) !important;
	color: #071018 !important;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.kih-command-ui .kih-statistics-report .recent_activity_table td {
	background: transparent !important;
	border-color: var(--kih-border) !important;
	color: var(--kih-ink) !important;
	padding: 13px 12px !important;
}

.kih-command-ui .kih-statistics-report .narrowgraphmargin,
.kih-command-ui .kih-statistics-report [id^="graph_"] {
	box-sizing: border-box;
	margin: 24px auto 0;
	max-width: 560px;
	width: 100%;
}

body.kih-command-ui:has(select[name="config[charset]"]) .content-container,
body.kih-command-ui:has(select[name="config[charset]"]) .content-container-inner,
body.kih-command-ui:has(select[name="config[charset]"]) .content-container-innermost,
body.kih-command-ui:has(select[name="config[charset]"]) .content-area {
	overflow: visible !important;
}

body.kih-command-ui:has(select[name="config[charset]"]) form {
	display: flow-root;
	padding-bottom: 22px;
}

body.kih-command-ui:has(select[name="config[charset]"]) .tab_page,
body.kih-command-ui:has(select[name="config[charset]"]) .tab_page_list,
body.kih-command-ui:has(select[name="config[charset]"]) .smalltabs.tab_page,
body.kih-command-ui:has(select[name="config[charset]"]) .smalltabs.tab_page_list {
	height: auto !important;
	min-height: 360px;
	overflow: visible !important;
	padding-bottom: 30px !important;
}

body.kih-command-ui:has(select[name="config[charset]"]) .tab_page table,
body.kih-command-ui:has(select[name="config[charset]"]) .tab_page_list table {
	margin-bottom: 12px;
}

body.kih-command-ui:has(select[name="config[charset]"]) form > br {
	display: none;
}

body.kih-command-ui:has(select[name="config[charset]"]) form > div[style*="float: right"] {
	clear: both;
	float: right !important;
	margin-top: 18px;
	position: relative;
	z-index: 2;
}

body.kih-command-ui:has(select[name="config[charset]"]) form > input[type="submit"],
body.kih-command-ui:has(select[name="config[charset]"]) form > input[type="button"] {
	margin-top: 18px;
	position: relative;
	z-index: 2;
}

.kih-command-ui .ccgraph_wrapper,
.kih-command-ui .ccgraph_placeholder,
.kih-command-ui .reportgraph,
.kih-command-ui .graph {
	background-color: var(--kih-surface-soft) !important;
	background-image: none !important;
	color: var(--kih-ink);
}

.kih-command-ui .ccgraph_title {
	color: var(--kih-ink);
	font-weight: 900;
	margin: 0 0 8px !important;
	text-align: center;
	width: auto !important;
}

.kih-command-ui .ccgraph_wrapper {
	border: 1px solid var(--kih-border);
	border-radius: 16px;
	box-sizing: border-box;
	height: 210px;
	margin: 0 auto !important;
	max-width: 520px;
	overflow: hidden;
	padding: 12px !important;
	width: 100% !important;
}

.kih-command-ui .ccgraph_placeholder {
	height: 170px !important;
	width: 100% !important;
}

.kih-command-ui .ccgraph_overview {
	background-color: var(--kih-surface-soft) !important;
	background-image: none !important;
	border: 1px solid var(--kih-border);
	border-radius: 8px;
	box-sizing: border-box;
	height: 28px !important;
	margin: 10px auto 0 !important;
	max-width: 420px;
	padding: 0 !important;
	width: 100% !important;
}

.kih-command-ui .ccgraph_placeholder canvas,
.kih-command-ui .ccgraph_overview canvas {
	border-radius: 12px;
}

body.kih-command-ui:has(#top_countries) .tablewrapper,
body.kih-command-ui:has(#top_agents) .tablewrapper {
	background: var(--kih-surface) !important;
	border: 1px solid var(--kih-border) !important;
	border-radius: 18px !important;
	box-shadow: none !important;
	overflow: hidden;
	padding: 0 !important;
}

body.kih-command-ui:has(#top_countries) .listtable,
body.kih-command-ui:has(#top_agents) .listtable {
	background: transparent !important;
	border: 0 !important;
	border-collapse: collapse !important;
	border-radius: 0 !important;
}

body.kih-command-ui:has(#top_countries) .listtable th,
body.kih-command-ui:has(#top_agents) .listtable th {
	background: var(--kih-brand) !important;
	color: #071018 !important;
	letter-spacing: .10em;
	text-transform: uppercase;
}

body.kih-command-ui:has(#top_countries) .listtable td,
body.kih-command-ui:has(#top_agents) .listtable td {
	background: transparent !important;
	border-color: var(--kih-border) !important;
	color: var(--kih-ink) !important;
	padding: 14px 12px !important;
}

body.kih-command-ui:has(#top_countries) .statspiecell,
body.kih-command-ui:has(#top_agents) .statspiecell {
	background: var(--kih-surface-soft) !important;
	border-right: 1px solid var(--kih-border);
	min-width: 320px;
}

body.kih-command-ui:has(#top_countries) .piechart,
body.kih-command-ui:has(#top_agents) .piechart {
	background: var(--kih-surface-soft) !important;
	border: 1px solid var(--kih-border);
	border-radius: 16px;
	box-sizing: border-box;
	margin: 10px;
	overflow: hidden;
}

html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .statspiecell,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .statspiecell,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .piechart,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .piechart,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .ccgraph_wrapper,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .ccgraph_placeholder,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .reportgraph,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .graph,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .ccgraph_wrapper,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .ccgraph_placeholder,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .reportgraph,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .graph {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .piechart,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .piechart {
	border-color: transparent;
	margin: 10px 0;
}

body.kih-command-ui:has(#top_countries) .piechart canvas,
body.kih-command-ui:has(#top_agents) .piechart canvas {
	border-radius: 16px;
}

body.kih-command-ui:has(#top_countries) .ccgraph_wrapper,
body.kih-command-ui:has(#top_countries) .ccgraph_placeholder,
body.kih-command-ui:has(#top_countries) .reportgraph,
body.kih-command-ui:has(#top_countries) .graph,
body.kih-command-ui:has(#top_agents) .ccgraph_wrapper,
body.kih-command-ui:has(#top_agents) .ccgraph_placeholder,
body.kih-command-ui:has(#top_agents) .reportgraph,
body.kih-command-ui:has(#top_agents) .graph {
	background-color: var(--kih-surface-soft) !important;
	background-image: none !important;
	border-radius: 16px;
	color: var(--kih-ink) !important;
}

html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) img.kih-transparent-chart,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) img.kih-transparent-chart {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report img.kih-transparent-chart,
html[data-kih-theme="dark"] .kih-command-ui #pagetabs img.kih-transparent-chart,
html[data-kih-theme="dark"] .kih-command-ui .tab_page img.kih-transparent-chart,
html[data-kih-theme="dark"] .kih-command-ui .tab_page_list img.kih-transparent-chart,
html[data-kih-theme="dark"] .kih-command-ui .recent_activity_table img.kih-transparent-chart {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) img.kih-chart-blend-fallback,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) img.kih-chart-blend-fallback {
	mix-blend-mode: multiply;
}

html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report img.kih-chart-blend-fallback,
html[data-kih-theme="dark"] .kih-command-ui #pagetabs img.kih-chart-blend-fallback,
html[data-kih-theme="dark"] .kih-command-ui .tab_page img.kih-chart-blend-fallback,
html[data-kih-theme="dark"] .kih-command-ui .tab_page_list img.kih-chart-blend-fallback {
	mix-blend-mode: multiply;
}

html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .tab,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .tabs a,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .tabset a,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .tab,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .tabs a,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .tabset a {
	background: rgba(255, 255, 255, .07) !important;
	background-image: none !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 999px !important;
	color: #d7edf2 !important;
	margin-right: 6px;
	padding: 7px 10px !important;
}

html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .activetab,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_countries) .tabactive,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .activetab,
html[data-kih-theme="dark"] body.kih-command-ui:has(#top_agents) .tabactive {
	background: rgba(87, 195, 213, .22) !important;
	border-color: rgba(87, 195, 213, .38) !important;
	color: #ffffff !important;
}

.kih-command-ui pre,
.kih-command-ui code,
.kih-command-ui .execlog,
.kih-command-ui textarea[readonly] {
	background: var(--kih-field) !important;
	border-color: var(--kih-border) !important;
	color: var(--kih-ink) !important;
}

.kih-command-ui .centovaplayer,
.kih-command-ui .centovaplayer * {
	box-sizing: content-box;
}

/* Keep Centova's native client player from appearing as a stray footer control. */
body.kih-command-ui #client-audio {
	display: none !important;
}

body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot #client-audio,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot #client-player,
body.kih-command-ui.kih-client-dashboard-live .kih-native-player-slot .centovaplayer {
	display: flex !important;
}

/* Responsive polish: keep the redesign usable on tablets and phones. */
@media (max-width: 1180px) {
	body.kih-command-ui {
		min-width: 0 !important;
		overflow-x: hidden;
	}

	.kih-shell {
		display: block;
		min-height: 0;
	}

	.kih-command-ui #leftcolumn,
	.kih-sidebar {
		border-right: 0;
		box-shadow: none;
		min-height: 0;
		padding: 16px;
		position: static;
		width: auto;
	}

	.kih-brandmark {
		max-width: 260px;
	}

	.kih-command-ui #navigation,
	.kih-nav-list {
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kih-command-ui .navigation-section,
	.kih-nav-item {
		min-height: 0;
	}

	.kih-command-ui #maincontent,
	.kih-main {
		margin: 0 !important;
		width: auto !important;
	}

	.kih-workspace,
	.content-area,
	.kih-command-ui #header,
	.kih-hero {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.kih-command-ui #header,
	.kih-hero {
		border-radius: 22px;
	}

	.kih-command-ui #header #heading_right,
	.kih-command-ui #header #header_right {
		padding-right: 20px !important;
	}

	.kih-command-ui .headermetergroup {
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kih-command-ui .headermeter {
		min-width: 0;
		width: auto;
	}

	.kih-command-ui .buttonbar ul {
		align-items: stretch;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.kih-command-ui .buttonbar li.buttonbar_box {
		margin-left: 0;
	}

	.kih-command-ui .tablewrapper,
	.kih-command-ui .content-container,
	.kih-content-card {
		max-width: 100%;
		overflow-x: visible !important;
	}

	.kih-command-ui .accountslist,
	.kih-command-ui .listtable {
		min-width: 0;
	}

	body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player {
		grid-template-columns: 96px minmax(0, 1fr) !important;
	}

	body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-side {
		grid-column: 1 / -1;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.kih-command-ui.kih-client-dashboard-live .content-area > .kih-client-grid.lower {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 720px) {
	.kih-command-ui #navigation,
	.kih-nav-list {
		grid-template-columns: 1fr;
	}

	.kih-workspace,
	.content-area,
	.kih-command-ui #header,
	.kih-hero {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.kih-command-ui #header,
	.kih-hero,
	.kih-content-card,
	.kih-command-ui .content-container {
		border-radius: 18px !important;
	}

	.kih-command-ui #header #heading_icon,
	.kih-command-ui #heading #heading_icon {
		height: 56px;
		width: 56px;
	}

	.kih-command-ui #header h1,
	.kih-command-ui #heading h1 {
		font-size: 26px !important;
		line-height: 1.08 !important;
		margin-left: 74px !important;
	}

	.kih-command-ui #header h2,
	.kih-command-ui #heading h2 {
		margin-left: 74px !important;
	}

	.kih-command-ui .headermetergroup,
	body.kih-command-ui.kih-client-dashboard-live .content-area > .kih-client-grid .kih-status-stack,
	.kih-client-dashboard-live .kih-dashboard-quick-actions .boxcontent {
		grid-template-columns: 1fr !important;
	}

	.kih-command-ui #header {
		min-height: 0 !important;
		padding: 18px !important;
	}

	.kih-command-ui #header #heading_content,
	.kih-command-ui #heading #heading_content {
		padding: 0 !important;
		width: auto !important;
	}

	.kih-command-ui #header #header_right,
	.kih-command-ui #heading #heading_right {
		float: none !important;
		padding: 14px 0 0 !important;
		position: static !important;
		width: auto !important;
	}

	.kih-command-ui .headermeter {
		max-width: 100%;
	}

	.kih-command-ui .kih-meterbar,
	.kih-command-ui .headermeter img {
		max-width: 100%;
	}

	.kih-command-ui .accountslist {
		border-spacing: 0 12px !important;
		display: block !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.kih-command-ui .accountslist thead,
	.kih-command-ui .accountslist th {
		display: none !important;
	}

	.kih-command-ui .accountslist tbody,
	.kih-command-ui .accountslist tr,
	.kih-command-ui .accountslist td {
		display: block !important;
		width: 100% !important;
	}

	.kih-command-ui .accountslist tr.roweven,
	.kih-command-ui .accountslist tr.rowodd {
		border: 1px solid var(--kih-border);
		border-radius: 18px !important;
		box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
		margin-bottom: 12px;
		overflow: visible;
		padding: 12px;
	}

	.kih-command-ui .accountslist td {
		border: 0 !important;
		border-radius: 0 !important;
		display: grid !important;
		gap: 8px;
		grid-template-columns: 96px minmax(0, 1fr);
		min-height: 30px;
		padding: 7px 0 !important;
	}

	.kih-command-ui .accountslist td:before {
		color: var(--kih-muted);
		content: "";
		font-size: 10px;
		font-weight: 900;
		letter-spacing: .10em;
		text-transform: uppercase;
	}

	.kih-command-ui .accountslist td > * {
		min-width: 0;
	}

	.kih-command-ui .accountslist td,
	.kih-command-ui .accountslist td a,
	.kih-command-ui .accountslist td div {
		overflow-wrap: anywhere;
	}

	.kih-command-ui .accountslist td:nth-child(1):before { content: "Select"; }
	.kih-command-ui .accountslist td:nth-child(2):before { content: "Status"; }
	.kih-command-ui .accountslist td:nth-child(3):before { content: "Username"; }
	.kih-command-ui .accountslist td:nth-child(4):before { content: "Title"; }
	.kih-command-ui .accountslist td:nth-child(5):before { content: "Server"; }
	.kih-command-ui .accountslist td:nth-child(6):before { content: "Port"; }
	.kih-command-ui .accountslist td:nth-child(7):before { content: "Type"; }
	.kih-command-ui .accountslist td:nth-child(8):before { content: "Clients"; }
	.kih-command-ui .accountslist td:nth-child(9):before { content: "Bitrate"; }
	.kih-command-ui .accountslist td:nth-child(10):before { content: "Data"; }
	.kih-command-ui .accountslist td:nth-child(11):before { content: "Disk"; }
	.kih-command-ui .accountslist td:nth-child(12):before { content: "Actions"; }

	.kih-command-ui .accountslist .acct_divider {
		display: block !important;
		margin: 0 0 10px !important;
		width: 100% !important;
	}

	.kih-command-ui .accountslist tr:has(.acct_divider) {
		border: 0 !important;
		box-shadow: none !important;
		padding: 0 !important;
	}

	.kih-command-ui #rowovertab {
		display: none !important;
	}

	.kih-command-ui #rowovertab_icons {
		float: none !important;
		grid-template-columns: repeat(3, 18px);
		margin: 8px 0 0;
		width: max-content;
	}

	body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player {
		grid-template-columns: 1fr !important;
		padding: 20px !important;
	}

	body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-art {
		height: 112px !important;
		width: 112px !important;
	}

	body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-copy h2 {
		font-size: 26px !important;
		overflow-wrap: anywhere;
	}

	body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-controls {
		display: grid !important;
		grid-template-columns: 56px minmax(0, 1fr);
	}

	body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-time {
		grid-column: 2;
	}

	body.kih-command-ui.kih-client-dashboard-live .kih-live-dashboard-player .kih-player-side {
		grid-template-columns: 1fr !important;
	}

	.kih-command-ui #footer,
	.kih-footer-shell {
		margin: 20px 12px 28px !important;
	}
}

@media (max-width: 480px) {
	.kih-command-ui #leftcolumn,
	.kih-sidebar {
		padding: 12px;
	}

	.kih-brandmark {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.kih-command-ui .navigation-links {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	.kih-command-ui .buttonbar li,
	.kih-command-ui .buttonbar li.buttonbar_enabled {
		width: 100%;
	}

	.kih-command-ui .buttonbar li.buttonbar_box input {
		width: 100%;
	}

	.kih-command-ui #header h1,
	.kih-command-ui #heading h1 {
		font-size: 22px !important;
	}
}

/* Final transparency pass for dark mode: remove legacy white boards, not content. */
html[data-kih-theme="dark"] .kih-command-ui .kih-transparent-chart-wrap,
html[data-kih-theme="dark"] .kih-command-ui .kih-transparent-chart-wrap > *,
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report .statspiecell,
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report .piechart,
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report .graph,
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report .reportgraph,
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report .ccgraph_wrapper,
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report .ccgraph_placeholder,
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report .narrowgraphmargin,
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report td:has(img.kih-transparent-chart),
html[data-kih-theme="dark"] .kih-command-ui .kih-statistics-report div:has(> img.kih-transparent-chart),
html[data-kih-theme="dark"] .kih-command-ui #pagetabs td:has(img.kih-transparent-chart),
html[data-kih-theme="dark"] .kih-command-ui #pagetabs div:has(> img.kih-transparent-chart) {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

html[data-kih-theme="dark"] .kih-command-ui img.kih-transparent-chart {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html[data-kih-theme="dark"] .kih-command-ui .boxcontent,
html[data-kih-theme="dark"] .kih-command-ui .innerbox,
html[data-kih-theme="dark"] .kih-command-ui .tablewrapper {
	background-image: none !important;
}

html[data-kih-theme="dark"] .kih-command-ui .content-container,
html[data-kih-theme="dark"] .kih-command-ui .kih-content-card {
	background-color: rgba(17, 27, 37, .82) !important;
}

html[data-kih-theme="dark"] .kih-command-ui .ctooltip,
html[data-kih-theme="dark"] .kih-command-ui #rowovertab {
	background-color: rgba(13, 29, 39, .96) !important;
}