/* iService screenshare toggle: hide .screenshare-hide elements + private bugnotes + the footer toggle pill. Pairs with modules/screenshare-toggle.js. */
/* -- Screenshare privacy: hide every element that opted in with .screenshare-hide
   (Harvest info + time estimations) while the toggle is on. Global, works on any
   skin; the attribute is stamped pre-paint by theme-init.js so nothing flashes. */
[data-iservice-screenshare="on"] .screenshare-hide {
	display: none !important;
}

/* Private bugnotes: hide the whole note row during screenshare. Core renders
   these (no plugin hook to tag the row), but the note cell already carries
   .bugnote-private — :has() keys off it, so the row hides pre-paint with no flash
   and no core edit. */
[data-iservice-screenshare="on"] tr.bugnote:has(.bugnote-private) {
	display: none !important;
}

/* The toggle itself — a rounded pill in the footer, mirroring the light/dark
   theme switch (pill shape + accent fill when active), but coloured for the light
   footer. The screen icon stays; the fill shows on/off. */
.iservice-ss-toggle {
	align-items: center;
	background: rgba(0, 0, 0, .05);
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 999px;
	color: #888;
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	justify-content: center;
	line-height: 1;
	margin-left: 8px;
	min-width: 40px;
	padding: 4px 10px;
	transition: background-color .12s ease, border-color .12s ease, color .12s ease;
	vertical-align: middle;
}

.iservice-ss-toggle:hover {
	color: #555;
}

/* Active (hiding) — accent fill like the theme switch's active segment. */
.iservice-ss-toggle.is-on {
	background: #2d7ff9;
	border-color: #2d7ff9;
	color: #fff;
}