/* TS Helpdesk – portal styles. Brand colors come from --tsh-brand / --tsh-accent (Company settings). */

:root {
	--tsh-bg: #F5F6F8;
	--tsh-card: #FFFFFF;
	--tsh-border: #E3E5E9;
	--tsh-border-strong: #CDD1D8;
	--tsh-text: #1E2430;
	--tsh-muted: #5B6270;
	--tsh-soft: #EEF0F3;
	--tsh-danger: #8A2E1C;
	--tsh-danger-bg: #FFF4F2;
	--tsh-danger-border: #F3C7BE;
	--tsh-good: #2E8B57;
	--tsh-warn-bg: #FDF1DC;
	--tsh-warn: #633806;
	--tsh-radius: 12px;
}

body.tsh-dark {
	--tsh-bg: #12151B;
	--tsh-card: #1B2029;
	--tsh-border: #2C3340;
	--tsh-border-strong: #3A4352;
	--tsh-text: #E8EAEE;
	--tsh-muted: #A3AAB6;
	--tsh-soft: #252B36;
	--tsh-danger: #F2A08E;
	--tsh-danger-bg: #2E1C19;
	--tsh-danger-border: #5A3027;
	--tsh-good: #5CC08A;
	--tsh-warn-bg: #3A2B12;
	--tsh-warn: #F5C77A;
}

.tsh-portal {
	font-family: var(--tsh-font);
	color: var(--tsh-text);
	font-size: 15px;
	line-height: 1.5;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.tsh-portal *, .tsh-portal *::before, .tsh-portal *::after { box-sizing: border-box; }
.tsh-portal a { color: var(--tsh-brand); }
body.tsh-dark .tsh-portal a { color: var(--tsh-accent); }
.tsh-portal h1 { font-size: 26px; font-weight: 700; margin: 0; line-height: 1.25; }
.tsh-portal h2 { font-size: 17px; font-weight: 700; margin: 0 0 14px; }
.tsh-portal h3 { font-size: 14px; font-weight: 600; margin: 18px 0 10px; color: var(--tsh-muted); }
.tsh-muted { color: var(--tsh-muted); font-size: 13px; }
.tsh-danger { color: var(--tsh-danger) !important; font-weight: 700; }

/* Cards & layout */
.tsh-card {
	background: var(--tsh-card);
	border: 1px solid var(--tsh-border);
	border-radius: var(--tsh-radius);
	padding: 20px;
	min-width: 0;
}
.tsh-card__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.tsh-card__head h2 { margin: 0; }
.tsh-empty { text-align: center; padding: 40px 20px; }
.tsh-pagehead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; }
.tsh-pagehead p { margin: 4px 0 0; }
.tsh-pagehead__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.tsh-crumb { font-size: 13px; color: var(--tsh-muted); margin: 0 0 4px !important; }
.tsh-badges { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 8px !important; }
.tsh-cols { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.tsh-cols__main { flex: 3 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.tsh-cols__side { flex: 2 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.tsh-cols > .tsh-card.tsh-cols__main, .tsh-cols > .tsh-card.tsh-cols__side { display: block; }
.tsh-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.tsh-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.tsh-span-2 { grid-column: span 2; }

/* KPI cards */
.tsh-kpis { display: grid; gap: 14px; }
.tsh-kpis--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tsh-kpis--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.tsh-kpis--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.tsh-kpi { background: var(--tsh-card); border: 1px solid var(--tsh-border); border-radius: var(--tsh-radius); padding: 16px; }
.tsh-kpi__label { font-size: 13px; color: var(--tsh-muted); }
.tsh-kpi__value { font-size: 28px; font-weight: 700; margin-top: 4px; line-height: 1.2; }
.tsh-kpi__note { font-size: 12px; color: var(--tsh-muted); margin-top: 2px; }
.tsh-kpi--danger { background: var(--tsh-danger-bg); border-color: var(--tsh-danger-border); }
.tsh-kpi--danger .tsh-kpi__value, .tsh-kpi--danger .tsh-kpi__label { color: var(--tsh-danger); }
.tsh-kpi--warn { background: var(--tsh-warn-bg); border-color: transparent; }
.tsh-kpi--warn .tsh-kpi__value, .tsh-kpi--warn .tsh-kpi__label { color: var(--tsh-warn); }

/* Buttons */
.tsh-btn, .tsh-portal button.tsh-btn, .tsh-portal .tsh-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	min-height: 44px; padding: 10px 18px;
	background: var(--tsh-brand); color: #FFFFFF !important;
	border: 1px solid var(--tsh-brand); border-radius: var(--tsh-btn-radius);
	font: 600 14px/1.2 var(--tsh-font); text-decoration: none; cursor: pointer;
}
.tsh-btn:hover { filter: brightness(0.92); }
.tsh-btn:focus-visible, .tsh-tab:focus-visible, .tsh-pill:focus-visible { outline: 3px solid var(--tsh-accent); outline-offset: 2px; }
.tsh-btn--ghost, .tsh-portal .tsh-btn--ghost { background: var(--tsh-card); color: var(--tsh-brand) !important; }
body.tsh-dark .tsh-btn--ghost { color: var(--tsh-text) !important; border-color: var(--tsh-border-strong); }
.tsh-btn--danger, .tsh-portal .tsh-btn--danger { background: var(--tsh-card); color: var(--tsh-danger) !important; border-color: var(--tsh-danger-border); }
.tsh-btn--block { width: 100%; }

/* Forms */
.tsh-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; margin: 0 0 14px; }
.tsh-field input[type=text], .tsh-field input[type=email], .tsh-field input[type=url], .tsh-field input[type=tel],
.tsh-field input[type=number], .tsh-field input[type=search], .tsh-field input[type=date], .tsh-field input[type=datetime-local],
.tsh-field input[type=file], .tsh-field select, .tsh-field textarea {
	width: 100%; padding: 10px 12px; min-height: 44px;
	border: 1px solid var(--tsh-border-strong); border-radius: 8px;
	background: var(--tsh-card); color: var(--tsh-text);
	font: 400 14px/1.4 var(--tsh-font);
}
.tsh-field select[size] { min-height: 140px; }
.tsh-field textarea { resize: vertical; }
.tsh-field input:focus, .tsh-field select:focus, .tsh-field textarea:focus { outline: 2px solid var(--tsh-brand); outline-offset: 1px; border-color: var(--tsh-brand); }
.tsh-check { display: flex; align-items: center; gap: 10px; font-size: 14px; min-height: 44px; }
.tsh-check input { width: 18px; height: 18px; }
.tsh-form__actions { display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-wrap: wrap; }
.tsh-form__actions .tsh-check { margin-right: auto; }
.tsh-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; padding: 16px; }
.tsh-filters .tsh-field { margin: 0; flex: 1 1 160px; }
.tsh-inline { margin: 0; }
.tsh-inline select { min-height: 36px; padding: 6px 8px; border: 1px solid var(--tsh-border-strong); border-radius: 6px; background: var(--tsh-card); color: var(--tsh-text); font: 400 13px var(--tsh-font); }

/* Route picker */
.tsh-route { border: 0; padding: 0; margin: 0 0 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.tsh-route legend { font-weight: 700; font-size: 15px; margin-bottom: 10px; padding: 0; }
.tsh-route__opt { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border: 1px solid var(--tsh-border-strong); border-radius: 10px; cursor: pointer; }
.tsh-route__opt:has(input:checked) { border: 2px solid var(--tsh-brand); padding: 13px; }
.tsh-route__opt input { margin-top: 3px; width: 18px; height: 18px; }
.tsh-route__opt span { display: flex; flex-direction: column; gap: 2px; }
.tsh-route__opt small { color: var(--tsh-muted); font-size: 12px; }

/* Tabs & pills */
.tsh-tabs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; border-bottom: 1px solid var(--tsh-border); padding-bottom: 0; }
.tsh-tab {
	display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 10px 14px;
	border: 0; border-bottom: 3px solid transparent; background: none; color: var(--tsh-muted) !important;
	font: 600 14px var(--tsh-font); text-decoration: none; cursor: pointer; margin-bottom: -1px;
}
.tsh-tab.is-active { color: var(--tsh-text) !important; border-bottom-color: var(--tsh-brand); }
.tsh-tabs__spacer { flex: 1; }
.tsh-pill { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 12px; border-radius: 999px; font-size: 13px; text-decoration: none; color: var(--tsh-muted) !important; border: 1px solid var(--tsh-border); }
.tsh-pill.is-active { background: var(--tsh-brand); color: #FFFFFF !important; border-color: var(--tsh-brand); }
.tsh-count { display: inline-block; min-width: 20px; padding: 1px 6px; border-radius: 999px; background: var(--tsh-soft); color: var(--tsh-text); font-size: 12px; font-weight: 700; text-align: center; }

/* Fallback nav (when the TS Portal theme is not active) */
.tsh-subnav { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; background: var(--tsh-brand); border-radius: var(--tsh-radius); }
.tsh-subnav a { color: #FFFFFF !important; text-decoration: none; padding: 10px 14px; border-radius: 8px; font-weight: 600; font-size: 14px; }
.tsh-subnav a.is-active { background: rgba(255, 255, 255, 0.18); }

/* Tables */
.tsh-table-wrap { overflow-x: auto; }
.tsh-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 620px; }
.tsh-table th { text-align: left; color: var(--tsh-muted); font-size: 12px; font-weight: 600; padding: 10px 8px; border-bottom: 1px solid var(--tsh-border); white-space: nowrap; }
.tsh-table td { padding: 12px 8px; border-bottom: 1px solid var(--tsh-soft); vertical-align: middle; }
.tsh-table .num { text-align: right; }
.tsh-rowlink { display: flex; flex-direction: column; text-decoration: none; color: var(--tsh-text) !important; }
.tsh-rowlink:hover strong { text-decoration: underline; }

/* Badges */
.tsh-badge, .tsh-prio, .tsh-chip { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.tsh-chip { background: var(--tsh-soft); color: var(--tsh-text); border-radius: 6px; }
.tsh-badge { background: var(--tsh-soft); color: var(--tsh-text); }
.tsh-badge--pending, .tsh-badge--approval { background: #FDF1DC; color: #633806; }
.tsh-badge--open, .tsh-badge--todo { background: #EEF0F3; color: #3A404C; }
.tsh-badge--in_progress { background: #E6F0FB; color: #0C447C; }
.tsh-badge--on_hold { background: #F1EFE8; color: #444441; }
.tsh-badge--resolved, .tsh-badge--closed, .tsh-badge--done { background: #E3F4EA; color: #1C5B36; }
.tsh-badge--rejected { background: #FFF4F2; color: #8A2E1C; }
.tsh-prio--urgent { background: #FFF4F2; color: #8A2E1C; }
.tsh-prio--high { background: #FDF1DC; color: #633806; }
.tsh-prio--medium { background: #E6F0FB; color: #0C447C; }
.tsh-prio--low { background: #EEF0F3; color: #3A404C; }
.tsh-due--late { color: var(--tsh-danger); font-weight: 600; }

/* Alerts */
.tsh-alert { padding: 12px 16px; border-radius: 10px; font-size: 14px; border: 1px solid; }
.tsh-alert--success { background: #E3F4EA; color: #1C5B36; border-color: #B7DFC6; }
.tsh-alert--error { background: #FFF4F2; color: #8A2E1C; border-color: #F3C7BE; }
.tsh-alert--info { background: #E6F0FB; color: #0C447C; border-color: #B5D4F4; }

/* Task list on dashboard */
.tsh-tasklist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.tsh-tasklist li { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border: 1px solid var(--tsh-soft); border-radius: 10px; }
.tsh-tasklist form { margin: 0; }
.tsh-tasklist a { display: flex; flex-direction: column; text-decoration: none; color: var(--tsh-text) !important; flex: 1; min-width: 0; }
.tsh-tick { width: 24px; height: 24px; border: 2px solid var(--tsh-border-strong); border-radius: 6px; background: var(--tsh-card); cursor: pointer; padding: 0; margin: 2px; }
.tsh-tick:hover { border-color: var(--tsh-good); background: #E3F4EA; }

/* Details / collapsible actions */
.tsh-details { border-top: 1px solid var(--tsh-soft); padding: 10px 0; }
.tsh-details summary { cursor: pointer; font-weight: 600; font-size: 14px; min-height: 32px; display: flex; align-items: center; }
.tsh-details[open] summary { margin-bottom: 10px; }
.tsh-actions form { margin: 0 0 10px; }
.tsh-actions .tsh-btn--block + .tsh-details { margin-top: 6px; }
.tsh-addtask { padding: 16px 20px; }
.tsh-addtask summary { min-height: 44px; }

/* Conversation */
.tsh-thread { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.tsh-thread li { display: flex; gap: 12px; }
.tsh-thread li.is-internal > div { background: var(--tsh-warn-bg); border-radius: 8px; padding: 8px 10px; }
.tsh-thread__meta { font-size: 13px; color: var(--tsh-muted); margin-bottom: 2px; }
.tsh-avatar { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: var(--tsh-accent); color: #1E2430; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }
.tsh-prose { font-size: 14px; line-height: 1.6; word-wrap: break-word; }
.tsh-file { display: inline-block; padding: 8px 12px; border: 1px solid var(--tsh-border); border-radius: 8px; font-size: 13px; }
.tsh-log { list-style: none; margin: 0; padding: 0; font-size: 13px; display: flex; flex-direction: column; gap: 8px; }
.tsh-dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0; font-size: 14px; }
.tsh-dl dt { color: var(--tsh-muted); }
.tsh-dl dd { margin: 0; text-align: right; }

/* Charts */
.tsh-legend { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; margin-bottom: 12px; }
.tsh-legend span { display: inline-flex; align-items: center; gap: 6px; }
.tsh-sw { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.tsh-sw--brand, .tsh-mix--brand, .tsh-hbar__fill.is-brand, .tsh-vbars__bar--brand { background: var(--tsh-brand); }
.tsh-sw--accent, .tsh-hbar__fill.is-accent, .tsh-vbars__bar--accent { background: var(--tsh-accent); }
.tsh-sw--good, .tsh-mix--good, .tsh-hbar__fill.is-good { background: var(--tsh-good); }
.tsh-sw--muted, .tsh-mix--muted, .tsh-hbar__fill.is-muted { background: #9AA1AD; }
.tsh-hbar__fill.is-danger { background: #B4451F; }
.tsh-hbar { margin-bottom: 12px; }
.tsh-hbar__top { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 6px; gap: 10px; }
.tsh-hbar__track { height: 8px; background: var(--tsh-soft); border-radius: 4px; overflow: hidden; }
.tsh-hbar__fill { height: 100%; border-radius: 4px; background: var(--tsh-brand); }
.tsh-mix { display: flex; gap: 2px; height: 10px; border-radius: 5px; overflow: hidden; background: var(--tsh-soft); }
.tsh-mix span { display: block; height: 100%; }
.tsh-vbars { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: 16px; align-items: end; }
.tsh-vbars__group { display: flex; flex-direction: column; gap: 8px; }
.tsh-vbars__bars { height: 200px; display: flex; gap: 6px; align-items: flex-end; justify-content: center; border-bottom: 1px solid var(--tsh-border); }
.tsh-vbars__bar { width: 36%; min-height: 2px; border-radius: 4px 4px 0 0; position: relative; }
.tsh-vbars__bar span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size: 12px; font-weight: 600; color: var(--tsh-text); }
.tsh-vbars__label { text-align: center; font-size: 12px; color: var(--tsh-muted); }

/* Overdue & notifications */
.tsh-overdue, .tsh-notes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.tsh-overdue li { display: flex; flex-direction: column; gap: 2px; padding: 12px; border: 1px solid var(--tsh-danger-border); background: var(--tsh-danger-bg); border-radius: 10px; }
.tsh-overdue__late { color: var(--tsh-danger); font-weight: 600; font-size: 13px; }
.tsh-notes li { display: flex; justify-content: space-between; gap: 12px; padding: 12px; border-bottom: 1px solid var(--tsh-soft); }
.tsh-notes li.is-unread { background: var(--tsh-soft); border-radius: 8px; font-weight: 600; }

/* Login */
.tsh-login { max-width: 440px; margin: 40px auto; width: 100%; }
.tsh-login form p { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; }
.tsh-login input[type=text], .tsh-login input[type=password] { padding: 10px 12px; min-height: 44px; border: 1px solid var(--tsh-border-strong); border-radius: 8px; font-size: 15px; background: var(--tsh-card); color: var(--tsh-text); }
.tsh-login .login-remember { flex-direction: row; align-items: center; }
.tsh-login input[type=submit] { min-height: 44px; padding: 10px 20px; background: var(--tsh-brand); color: #FFFFFF; border: 0; border-radius: var(--tsh-btn-radius); font-weight: 600; font-size: 15px; cursor: pointer; width: 100%; }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Responsive */
@media (max-width: 1000px) {
	.tsh-kpis--5, .tsh-kpis--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.tsh-grid-3 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
	.tsh-kpis--4, .tsh-kpis--5, .tsh-kpis--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tsh-grid-2, .tsh-route { grid-template-columns: minmax(0, 1fr); }
	.tsh-span-2 { grid-column: auto; }
	.tsh-portal h1 { font-size: 22px; }
}

/* Print = "Download PDF" */
@media print {
	.tsh-noprint, .tsh-pagehead__actions, .tsh-subnav, .tsh-site-header, .tsh-site-footer, #wpadminbar, #adminmenumain { display: none !important; }
	.tsh-card, .tsh-kpi { break-inside: avoid; border-color: #CCCCCC; }
	body { background: #FFFFFF !important; }
}

/* Respect the hidden attribute even on flex/grid elements. */
.tsh-portal [hidden], .tsh-admin [hidden] { display: none !important; }

/* Task / ticket ID chip in tables */
.tsh-portal a.tsh-idchip { text-decoration: none; white-space: nowrap; font-weight: 600; color: var(--tsh-text) !important; }
.tsh-portal a.tsh-idchip:hover { text-decoration: underline; }

/* v1.2 – reports & task workflow */
.tsh-badge--declined { background: #FFF4F2; color: #8A2E1C; }
.tsh-kpi--good .tsh-kpi__value { color: var(--tsh-good); }
.tsh-sw--good, .tsh-vbars__bar--good { background: var(--tsh-good); }
.tsh-filters__btns { display: flex; gap: 8px; align-items: flex-end; }
.tsh-btn--link, .tsh-portal .tsh-btn--link { background: none; border-color: transparent; color: var(--tsh-muted) !important; }
.tsh-table--compact { min-width: 0; }
.tsh-table--compact td, .tsh-table--compact th { padding: 8px 6px; }
.tsh-kpis + .tsh-kpis { margin-top: -6px; }
@media print {
	.tsh-vbars { min-width: 0 !important; }
	.tsh-table { min-width: 0; font-size: 11px; }
}
.tsh-vbars { gap: 8px; }
.tsh-vbars__bar { width: 40%; }

/* Report drill-down: click a number to see those tickets / tasks */
a.tsh-kpi--link { display: block; color: inherit !important; text-decoration: none; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
a.tsh-kpi--link:hover { border-color: var(--tsh-brand); box-shadow: 0 2px 10px rgba(0,0,0,.06); }
a.tsh-kpi--link:focus-visible { outline: 3px solid var(--tsh-accent); outline-offset: 2px; }
.tsh-kpi__open { display: block; margin-top: 8px; font-size: 12px; font-weight: 600; color: var(--tsh-brand); opacity: .75; }
a.tsh-kpi--link:hover .tsh-kpi__open { opacity: 1; text-decoration: underline; }
body.tsh-dark .tsh-kpi__open { color: var(--tsh-text); }
a.tsh-hbar--link { display: block; color: inherit !important; text-decoration: none; border-radius: 6px; padding: 4px 6px; margin: 0 -6px 8px; }
a.tsh-hbar--link:hover { background: var(--tsh-soft); }
a.tsh-hbar--link:hover .tsh-hbar__top span { text-decoration: underline; }
a.tsh-hbar--link:focus-visible { outline: 3px solid var(--tsh-accent); outline-offset: 1px; }
a.tsh-drill { color: var(--tsh-brand) !important; font-weight: 700; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; display: inline-block; min-width: 24px; padding: 2px 4px; border-radius: 4px; }
a.tsh-drill:hover { text-decoration-style: solid; background: var(--tsh-soft); }
.tsh-danger a.tsh-drill { color: var(--tsh-danger) !important; }
body.tsh-dark a.tsh-drill { color: var(--tsh-text) !important; }
.tsh-drillbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; border: 2px solid var(--tsh-brand); border-radius: var(--tsh-radius); background: var(--tsh-card); }
.tsh-drillbar__label { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--tsh-muted); margin-right: 6px; }
.tsh-drillbar__btns { display: flex; gap: 8px; flex-wrap: wrap; }
.tsh-btn--sm, .tsh-portal .tsh-btn--sm { min-height: 36px; padding: 6px 12px; font-size: 13px; }
.tsh-drill-target { scroll-margin-top: 40px; }
.tsh-drill-target:target { border-color: var(--tsh-brand); box-shadow: 0 0 0 2px var(--tsh-brand); }
@media print {
	.tsh-kpi__open { display: none; }
	a.tsh-drill, a.tsh-kpi--link, a.tsh-hbar--link { color: inherit !important; text-decoration: none; }
}