/* SUVASA manual — reader chrome modelled on docs.frappe.io
   (top bar with centred search, app sections on the left, article,
   "On this page" on the right, next/previous, feedback).
   Scoped to wiki pages (body:has(.doc-sidebar)). Dark mode follows the
   Wiki's own toggle, which puts .dark on <body>. */

body:has(.doc-sidebar) {
	--sd-bar: 52px;
	--sd-bg: #ffffff;
	--sd-surface: #f3f3f3;
	--sd-hover: #f7f7f7;
	--sd-frame: #fafafa;
	--sd-line: #ededed;
	--sd-line-strong: #e2e2e2;
	--sd-ink: #171717;
	--sd-text: #383838;
	--sd-sub: #525252;
	--sd-muted: #7c7c7c;
	--sd-shadow: 0 16px 48px rgba(0, 0, 0, 0.14);
	background: var(--sd-bg);
	color: var(--sd-text);
}

body.dark:has(.doc-sidebar) {
	--sd-bg: #171717;
	--sd-surface: #262626;
	--sd-hover: #1f1f1f;
	--sd-frame: #1c1c1c;
	--sd-line: #2a2a2a;
	--sd-line-strong: #333333;
	--sd-ink: #f5f5f5;
	--sd-text: #d4d4d4;
	--sd-sub: #a3a3a3;
	--sd-muted: #8f8f8f;
	--sd-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
	--background-color: var(--sd-bg);
	--text-color: var(--sd-text);
}

/* ---------- Top bar ---------- */

body:has(.doc-sidebar) .wiki-navbar {
	min-height: var(--sd-bar);
	padding: 0 24px;
	background: var(--sd-bg);
	border-bottom: 1px solid var(--sd-line);
	position: sticky;
	top: 0;
	z-index: 30;
}

body:has(.doc-sidebar) .navbar-brand-container {
	background: transparent;
	position: static;
	padding: 0;
}

body:has(.doc-sidebar) .navbar-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--sd-ink) !important;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

body:has(.doc-sidebar) .navbar-brand img {
	width: 24px;
	height: 24px;
	max-height: 24px;
	border-radius: 6px;
	object-fit: cover;
	object-position: top center;
}

body:has(.doc-sidebar) .navbar-brand::after {
	content: "SUVASA";
}

body:has(.doc-sidebar) .navbar-nav > li:not(.search-item):not(.nav-item):not(.sun-moon-container),
body:has(.doc-sidebar) .navbar-nav .btn-login-area,
body:has(.doc-sidebar) .navbar-cta,
body:has(.doc-sidebar) #language-switcher {
	display: none !important;
}

body:has(.doc-sidebar) .navbar-nav .nav-item .navbar-link {
	color: var(--sd-sub);
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}

body:has(.doc-sidebar) .navbar-nav .nav-item .navbar-link:hover {
	color: var(--sd-ink);
}

body:has(.doc-sidebar) .sun-moon-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: 0;
	border-radius: 6px;
	color: var(--sd-sub);
	cursor: pointer;
}

body:has(.doc-sidebar) .sun-moon-container:hover {
	background: var(--sd-surface);
	color: var(--sd-ink);
}

body:has(.doc-sidebar) .sun-moon-container svg {
	width: 18px;
	height: 18px;
}

body:has(.doc-sidebar) #dropdownMenuSearch {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	height: 32px !important;
	padding: 0 10px;
	border: 0 !important;
	border-radius: 8px;
	background: var(--sd-surface);
	color: var(--sd-muted);
	box-shadow: none;
}

body:has(.doc-sidebar) #dropdownMenuSearch .search-icon {
	display: flex;
	color: var(--sd-muted);
}

body:has(.doc-sidebar) #dropdownMenuSearch .search-icon svg {
	width: 16px;
	height: 16px;
}

body:has(.doc-sidebar) #dropdownMenuSearch .text-muted {
	flex: 1;
	text-align: left;
	font-size: 14px;
	color: var(--sd-muted) !important;
}

body:has(.doc-sidebar) #dropdownMenuSearch kbd {
	padding: 0 !important;
	border: 0 !important;
	background: transparent;
	color: var(--sd-muted);
	font-family: inherit;
	line-height: 1;
	font-size: 12px;
	letter-spacing: 0.08em;
	box-shadow: none;
}

@media (min-width: 992px) {
	body:has(.doc-sidebar) .wiki-navbar {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		height: var(--sd-bar);
	}

	body:has(.doc-sidebar) .wiki-navbar-container {
		display: flex !important;
		flex: 1;
		justify-content: flex-end;
		margin: 0;
		padding: 0;
		box-shadow: none;
		background: transparent;
	}

	body:has(.doc-sidebar) .navbar-nav {
		flex-direction: row;
		align-items: center;
		gap: 20px;
		background: transparent;
	}

	body:has(.doc-sidebar) .search-item {
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		width: min(432px, 36vw);
		margin: 0 !important;
	}

	body:has(.doc-sidebar) #search-container {
		width: 100%;
	}
}

/* ---------- Search palette ---------- */

body:has(.doc-sidebar) #searchModal .modal-dialog {
	max-width: 576px;
	margin: 10vh auto 0;
	padding: 0 16px;
}

body:has(.doc-sidebar) #searchModal .modal-content {
	border: 1px solid var(--sd-line);
	border-radius: 14px;
	background: var(--sd-bg);
	box-shadow: var(--sd-shadow);
	overflow: hidden;
}

body:has(.doc-sidebar) #searchModal .modal-header {
	position: relative;
	padding: 0;
	border-bottom: 1px solid var(--sd-line);
	border-radius: 0;
}

body:has(.doc-sidebar) #searchModal input {
	height: 48px;
	padding-left: 44px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--sd-ink);
	font-size: 15px;
	box-shadow: none;
}

body:has(.doc-sidebar) #searchModal input::placeholder {
	color: var(--sd-muted);
}

body:has(.doc-sidebar) #searchModal .search-icon {
	top: 0;
	left: 0;
	padding: 15px 0 0 16px;
}

body:has(.doc-sidebar) #searchModal .search-icon svg {
	width: 16px;
	height: 16px;
	color: var(--sd-muted);
}

body:has(.doc-sidebar) #searchModal .modal-body {
	max-height: 60vh;
	overflow: auto;
	padding: 8px;
}

body:has(.doc-sidebar) #searchModal .modal-body:not(:has(.dropdown-item)) {
	padding: 0;
}

body:has(.doc-sidebar) #searchModal .dropdown-item {
	margin: 0;
	padding: 8px 10px;
	border-radius: 8px;
	color: var(--sd-sub);
}

body:has(.doc-sidebar) #searchModal .dropdown-item:hover,
body:has(.doc-sidebar) #searchModal .dropdown-item:focus {
	background: var(--sd-surface);
}

body:has(.doc-sidebar) #searchModal .dropdown-item h6 {
	margin-bottom: 2px;
	color: var(--sd-ink);
	font-size: 14px;
	font-weight: 500;
}

body:has(.doc-sidebar) #searchModal .dropdown-border {
	display: none;
}

body:has(.doc-sidebar) #searchModal mark {
	color: var(--sd-ink);
	font-weight: 600;
}

/* ---------- Left sidebar ----------
   Measured from docs.frappe.io: 28px rows, 8px radius, Inter 14px at
   weight 420 with 0.02em tracking; the open page is grey, not bold; a
   2.5-stroke chevron in a 20px box; the guide line runs down from the
   chevron's centre and children start 8px after it. */

body:has(.doc-sidebar) .sidebar-column {
	margin-top: 0;
	background: var(--sd-bg);
	border-right: 1px solid var(--sd-line);
}

body:has(.doc-sidebar) .doc-sidebar {
	height: calc(100vh - var(--sd-bar));
	position: sticky;
	top: var(--sd-bar);
	overflow: auto;
	background: var(--sd-bg);
	scrollbar-width: thin;
}

body:has(.doc-sidebar) .doc-sidebar .web-sidebar {
	margin: 0;
	padding: 10px 12px 32px;
}

body:has(.doc-sidebar) .doc-sidebar .sidebar-items {
	width: 100%;
	padding: 0;
}

body:has(.doc-sidebar) .web-sidebar .list-unstyled:first-child > *::before {
	display: none;
}

body:has(.doc-sidebar) .web-sidebar .list-unstyled {
	min-height: 0 !important;
	margin: 0;
	padding: 0;
}

body:has(.doc-sidebar) .doc-sidebar .web-sidebar .sidebar-items .sidebar-group {
	margin: 0 0 2px;
	padding: 0;
}

body:has(.doc-sidebar) .sidebar-group .collapsible,
body:has(.doc-sidebar) .sidebar-item a {
	font-family: InterVariable, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	font-weight: 420;
	line-height: 19px;
	letter-spacing: 0.02em;
	color: var(--sd-text);
}

body:has(.doc-sidebar) .sidebar-group .collapsible {
	display: flex;
	align-items: center;
	height: 28px;
	margin: 0;
	padding: 0 8px 0 4px;
	border-radius: 8px;
	cursor: pointer;
}

body:has(.doc-sidebar) .sidebar-group .collapsible:hover,
body:has(.doc-sidebar) .sidebar-item a:hover {
	background: var(--sd-hover);
	color: var(--sd-ink);
}

body:has(.doc-sidebar) .sidebar-group .collapsible .h6 {
	flex: 1;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	font: inherit;
	letter-spacing: inherit;
	color: inherit;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* Chevron: right when closed, down when open (the Wiki adds .rotate when closed). */
body:has(.doc-sidebar) .sidebar-group .drop-icon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	order: -1;
	width: 20px;
	height: 20px;
	margin: 0;
	color: var(--sd-muted);
	transform: rotate(90deg);
	transition: transform 0.15s ease;
}

body:has(.doc-sidebar) .sidebar-group .drop-icon.rotate {
	transform: rotate(0deg);
}

body:has(.doc-sidebar) .sidebar-group .drop-icon svg {
	display: none;
}

body:has(.doc-sidebar) .sidebar-group .drop-icon::before {
	content: "";
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

body:has(.doc-sidebar) .doc-sidebar .web-sidebar .sidebar-group > ul.list-unstyled {
	margin: 2px 0 2px 13px;
	padding-left: 8px;
	border-left: 1px solid var(--sd-line-strong);
}

body:has(.doc-sidebar) .sidebar-item {
	margin: 0 0 2px;
}

/* Rows are flex boxes; let long titles shrink so they end in "…". */
body:has(.doc-sidebar) .doc-sidebar .sidebar-items,
body:has(.doc-sidebar) .sidebar-item > div {
	flex: 1 1 auto;
	min-width: 0;
}

body:has(.doc-sidebar) .sidebar-item a {
	display: block;
	height: 28px;
	padding: 0 8px;
	border-radius: 8px;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
}

body:has(.doc-sidebar) .sidebar-item.active a,
body:has(.doc-sidebar) .sidebar-item a.active {
	background: var(--sd-surface);
	color: var(--sd-ink);
	font-weight: 420;
}

body:has(.doc-sidebar) .sidebar-options,
body:has(.doc-sidebar) .add-sidebar-page {
	display: none !important;
}

@media (min-width: 992px) {
	body:has(.doc-sidebar) .sidebar-column {
		flex: 0 0 288px;
		max-width: 288px;
	}
}

/* ---------- Article ---------- */

body:has(.doc-sidebar) .main-column {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 56px 52px 80px;
	background: var(--sd-bg);
}

body:has(.doc-sidebar) .wiki-page-content {
	max-width: 748px;
	margin: 0;
}

body:has(.doc-sidebar) .from-markdown > .d-flex {
	align-items: center;
	gap: 16px;
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--sd-line);
}

body:has(.doc-sidebar) .wiki-title {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--sd-ink);
}

/* Only admins edit the manual. The body class comes from
   suvasa.utils.wiki_access; saving is also blocked by permissions. */
body:has(.doc-sidebar):not(.suvasa-docs-can-edit) .wiki-options,
body:has(.doc-sidebar):not(.suvasa-docs-can-edit) .sidebar-edit-mode-btn,
body:has(.doc-sidebar):not(.suvasa-docs-can-edit) .edit-wiki-btn {
	display: none !important;
}

body:has(.doc-sidebar) .wiki-options {
	flex: none;
	width: auto;
	height: auto;
	margin: 0;
}

body:has(.doc-sidebar) .wiki-options:hover {
	background: transparent;
}

body:has(.doc-sidebar) .wiki-options .dropdown-toggle {
	display: inline-flex;
	align-items: stretch;
	height: 34px;
	padding: 0;
	border: 1px solid var(--sd-line-strong);
	border-radius: 8px;
	background: var(--sd-bg);
	color: var(--sd-ink);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

body:has(.doc-sidebar) .wiki-options .dropdown-toggle::after,
body:has(.doc-sidebar) .wiki-options .dropdown-toggle > svg {
	display: none;
}

body:has(.doc-sidebar) .suvasa-docs-edit-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
}

body:has(.doc-sidebar) .suvasa-docs-edit-label svg {
	width: 16px;
	height: 16px;
	color: var(--sd-sub);
}

body:has(.doc-sidebar) .suvasa-docs-edit-caret {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	border-left: 1px solid var(--sd-line-strong);
	color: var(--sd-sub);
}

body:has(.doc-sidebar) .suvasa-docs-edit-caret svg {
	width: 14px;
	height: 14px;
	pointer-events: none;
}

body:has(.doc-sidebar) .wiki-options .dropdown-menu {
	border: 1px solid var(--sd-line);
	border-radius: 10px;
	background: var(--sd-bg);
	box-shadow: var(--sd-shadow);
}

body:has(.doc-sidebar) .wiki-options .dropdown-item {
	color: var(--sd-text);
	font-size: 14px;
}

body:has(.doc-sidebar) .wiki-options .dropdown-item:hover {
	background: var(--sd-surface);
}

body:has(.doc-sidebar) .wiki-content {
	font-size: 16px;
	line-height: 1.65;
	letter-spacing: 0.005em;
	color: var(--sd-text);
}

/* The Wiki bundle loads after this file and sets content margins with
   !important, so the spacing here has to match that. */
body:has(.doc-sidebar) .wiki-content p {
	margin: 0 0 10px !important;
	line-height: 1.65;
}

body:has(.doc-sidebar) .wiki-content h2,
body:has(.doc-sidebar) .wiki-content h3,
body:has(.doc-sidebar) .wiki-content h4 {
	padding-top: 0;
	border-top: 0;
	color: var(--sd-ink);
	letter-spacing: -0.005em;
	scroll-margin-top: calc(var(--sd-bar) + 24px);
}

body:has(.doc-sidebar) .wiki-content h2 {
	margin: 40px 0 12px !important;
	font-size: 20px;
	font-weight: 600;
}

body:has(.doc-sidebar) .wiki-content h3 {
	margin: 28px 0 10px !important;
	font-size: 17px;
	font-weight: 600;
}

body:has(.doc-sidebar) .wiki-content > h2:first-child,
body:has(.doc-sidebar) .wiki-content > h3:first-child {
	margin-top: 0 !important;
	margin-bottom: 12px !important;
}

/* Heading anchor links added by the Wiki: show on hover only. */
body:has(.doc-sidebar) .wiki-content :is(h2, h3, h4) > a.no-underline {
	margin-left: 6px;
	color: var(--sd-muted);
	opacity: 0;
	text-decoration: none;
}

body:has(.doc-sidebar) .wiki-content :is(h2, h3, h4):hover > a.no-underline {
	opacity: 1;
}

body:has(.doc-sidebar) .wiki-content a:not(.no-underline) {
	color: var(--sd-ink);
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: var(--sd-muted);
	text-underline-offset: 4px;
}

body:has(.doc-sidebar) .wiki-content a:not(.no-underline):hover {
	text-decoration-color: var(--sd-ink);
}

body:has(.doc-sidebar) .wiki-content strong {
	color: var(--sd-ink);
	font-weight: 600;
}

body:has(.doc-sidebar) .wiki-content ol,
body:has(.doc-sidebar) .wiki-content ul {
	margin: 0 0 12px;
	padding-left: 28px;
}

body:has(.doc-sidebar) .wiki-content li {
	margin: 6px 0 !important;
	line-height: 1.65;
	padding-left: 4px;
}

body:has(.doc-sidebar) .wiki-content li::marker {
	color: var(--sd-muted);
}

body:has(.doc-sidebar) .wiki-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 20px 0 24px;
	padding: 20px;
	border: 1px solid var(--sd-line-strong);
	border-radius: 12px;
	background: var(--sd-frame);
}

body:has(.doc-sidebar) .wiki-content blockquote {
	margin: 16px 0 !important;
	padding: 2px 0 2px 16px;
	border: 0;
	border-left: 2px solid var(--sd-line-strong);
	border-radius: 0;
	font-size: inherit;
	font-weight: 400;
	background: transparent;
	color: var(--sd-sub);
}

body:has(.doc-sidebar) .wiki-content code {
	padding: 1px 5px;
	border-radius: 5px;
	background: var(--sd-surface);
	color: var(--sd-ink);
	font-size: 0.875em;
}

body:has(.doc-sidebar) .wiki-content pre {
	border: 1px solid var(--sd-line);
	border-radius: 10px;
	background: var(--sd-frame);
}

body:has(.doc-sidebar) .wiki-content pre code {
	padding: 0;
	background: transparent;
}

body:has(.doc-sidebar) .wiki-content table {
	width: 100%;
	margin: 16px 0 20px;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--sd-line);
	border-radius: 10px;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.55;
}

body:has(.doc-sidebar) .wiki-content th,
body:has(.doc-sidebar) .wiki-content td {
	padding: 9px 12px;
	border: 0;
	border-bottom: 1px solid var(--sd-line);
	vertical-align: top;
	color: var(--sd-text);
}

body:has(.doc-sidebar) .wiki-content th {
	background: var(--sd-frame);
	color: var(--sd-ink);
	font-weight: 500;
}

body:has(.doc-sidebar) .wiki-content tr:last-child td {
	border-bottom: 0;
}

body:has(.doc-sidebar) .wiki-content hr {
	margin: 32px 0;
	border-color: var(--sd-line);
}

/* ---------- Next / previous, last updated, feedback ---------- */

body:has(.doc-sidebar) .wiki-footer {
	margin-top: 40px;
	border-top: 0;
}

body:has(.doc-sidebar) .wiki-footer .forward-back {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

body:has(.doc-sidebar) .wiki-footer .btn {
	display: inline-flex;
	align-items: center;
	width: auto;
	max-width: 48%;
	height: auto;
	margin: 0;
	padding: 6px 12px;
	border: 0;
	border-radius: 8px;
	background: var(--sd-surface);
	box-shadow: none;
}

body:has(.doc-sidebar) .wiki-footer .btn:hover {
	border: 0;
	background: var(--sd-line-strong);
}

body:has(.doc-sidebar) .wiki-footer .btn p:first-child {
	display: none;
}

body:has(.doc-sidebar) .wiki-footer .btn p:last-child {
	overflow: hidden;
	color: var(--sd-ink);
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
}

body:has(.doc-sidebar) .wiki-footer .btn.left p:last-child::before {
	content: "←\00a0\00a0";
	color: var(--sd-muted);
}

body:has(.doc-sidebar) .wiki-footer .btn.right {
	margin-left: auto;
}

body:has(.doc-sidebar) .wiki-footer .btn.right p:last-child::after {
	content: "\00a0\00a0→";
	color: var(--sd-muted);
}

body:has(.doc-sidebar) .wiki-page-meta {
	display: flex !important;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	margin: 24px 0 0 !important;
	color: var(--sd-muted);
	font-size: 14px;
}

body:has(.doc-sidebar) .user-contributions {
	margin: 0;
}

body:has(.doc-sidebar) .user-contributions::first-letter {
	text-transform: uppercase;
}

body:has(.doc-sidebar) .suvasa-docs-helpful {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
}

body:has(.doc-sidebar) .suvasa-docs-helpful-icons {
	display: flex;
	gap: 2px;
}

body:has(.doc-sidebar) .suvasa-docs-helpful button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--sd-surface);
	color: var(--sd-sub);
	cursor: pointer;
}

body:has(.doc-sidebar) .suvasa-docs-helpful button svg {
	width: 16px;
	height: 16px;
}

body:has(.doc-sidebar) .suvasa-docs-helpful button:hover,
body:has(.doc-sidebar) .suvasa-docs-helpful button.is-picked {
	background: var(--sd-line-strong);
	color: var(--sd-ink);
}

/* ---------- On this page ---------- */

body:has(.doc-sidebar) .page-toc {
	flex: 0 0 300px;
	max-width: 300px;
	height: calc(100vh - var(--sd-bar));
	top: var(--sd-bar);
	padding: 32px 24px 24px 0;
	background: var(--sd-bg);
	font-size: 14px;
}

body:has(.doc-sidebar) .page-toc .list-unstyled {
	border-left: 1px solid var(--sd-line-strong);
}

body:has(.doc-sidebar) .page-toc h5 {
	margin: 0 0 8px;
	padding-left: 16px;
	color: var(--sd-ink);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 22px;
}

body:has(.doc-sidebar) .page-toc ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body:has(.doc-sidebar) .page-toc li {
	margin: 0;
}

body:has(.doc-sidebar) .page-toc a {
	display: block;
	margin-left: -1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 1px solid transparent;
	color: var(--sd-muted);
	font-size: 14px;
	line-height: 21px;
	text-decoration: none;
}

body:has(.doc-sidebar) .page-toc a:hover {
	color: var(--sd-ink);
}

body:has(.doc-sidebar) .page-toc a.active {
	border-left-color: var(--sd-ink);
	color: var(--sd-ink);
}

/* ---------- Phone ---------- */

@media (max-width: 991.98px) {
	body:has(.doc-sidebar) .wiki-navbar {
		padding: 0 16px;
	}

	body:has(.doc-sidebar) .main-column {
		padding: 28px 16px 64px;
	}

	body:has(.doc-sidebar) .wiki-content img {
		padding: 8px;
	}

	body:has(.doc-sidebar) .wiki-content table {
		display: block;
		overflow-x: auto;
	}

	body:has(.doc-sidebar) .wiki-page-meta {
		flex-direction: column;
	}

	body:has(.doc-sidebar) .suvasa-docs-helpful {
		align-items: flex-start;
	}
}

/* ---------- Flow diagrams (app introductions) ----------
   Plain HTML inside the manual markdown. The Wiki keeps class and data-*
   attributes but strips SVG paths, so each icon is a CSS mask chosen by
   data-icon (list at the end of this file). Markup:

   <div class="sd-flow">
   <p class="sd-flow-title">Optional title</p>
   <div class="sd-lane">
   <div class="sd-lane-label" data-icon="factory">In-house</div>
   <div class="sd-steps">
   <div class="sd-step" data-icon="order"><strong>Work Order</strong><span>Caption</span></div>
   </div>
   </div>
   <div class="sd-handoff">Label on the dashed link to the next lane</div>
   </div>

   Lane labels are optional. Add is-optional (dashed card) or is-other-app
   (grey card, a step another app does) to a card's class. */

body:has(.doc-sidebar) {
	--sd-tile: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%225.5%22%20fill%3D%22%23f3f3f3%22%2F%3E%3C%2Fsvg%3E");
}

body.dark:has(.doc-sidebar) {
	--sd-tile: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%225.5%22%20fill%3D%22%232e2e2e%22%2F%3E%3C%2Fsvg%3E");
}

body:has(.doc-sidebar) .wiki-content .sd-flow {
	container-type: inline-size;
	margin: 20px 0 24px;
	padding: 20px;
	border: 1px solid var(--sd-line-strong);
	border-radius: 12px;
	background: var(--sd-frame);
}

body:has(.doc-sidebar) .wiki-content .sd-flow-title {
	margin: 0 0 14px !important;
	color: var(--sd-ink);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

body:has(.doc-sidebar) .sd-lane {
	display: grid;
	grid-template-columns: 124px minmax(0, 1fr);
	align-items: center;
	gap: 20px;
}

body:has(.doc-sidebar) .sd-flow:not(:has(.sd-lane-label)) .sd-lane {
	grid-template-columns: minmax(0, 1fr);
}

body:has(.doc-sidebar) .sd-lane-label {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 10px 12px 10px 48px;
	border: 1px solid var(--sd-line-strong);
	border-radius: 10px;
	background: var(--sd-bg);
	color: var(--sd-ink);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}

/* Dark tile with the icon knocked out in the page colour. */
body:has(.doc-sidebar) .sd-lane-label::before,
body:has(.doc-sidebar) .sd-lane-label::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	width: 26px;
	height: 26px;
	margin-top: -13px;
}

body:has(.doc-sidebar) .sd-lane-label::before {
	border-radius: 6px;
	background: var(--sd-ink);
}

body:has(.doc-sidebar) .sd-lane-label::after {
	background: var(--sd-bg);
	-webkit-mask: var(--sd-icon) center / 15px no-repeat;
	mask: var(--sd-icon) center / 15px no-repeat;
}

body:has(.doc-sidebar) .sd-steps {
	display: flex;
	align-items: stretch;
	gap: 28px;
}

body:has(.doc-sidebar) .sd-step {
	position: relative;
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	padding: 10px 12px 12px;
	border: 1px solid var(--sd-line-strong);
	border-radius: 10px;
	background: var(--sd-bg);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body:has(.doc-sidebar) .sd-step[data-icon] {
	padding-top: 46px;
	background: var(--sd-tile) 12px 10px / 26px 26px no-repeat, var(--sd-bg);
}

body:has(.doc-sidebar) .sd-step.is-optional {
	border-style: dashed;
}

body:has(.doc-sidebar) .sd-step.is-other-app {
	background-color: var(--sd-surface);
}

body:has(.doc-sidebar) .sd-step[data-icon].is-other-app {
	background: var(--sd-tile) 12px 10px / 26px 26px no-repeat, var(--sd-surface);
}

body:has(.doc-sidebar) .sd-step[data-icon]::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 12px;
	width: 26px;
	height: 26px;
	background: var(--sd-sub);
	-webkit-mask: var(--sd-icon) center / 15px no-repeat;
	mask: var(--sd-icon) center / 15px no-repeat;
}

/* Arrow from the previous card. */
body:has(.doc-sidebar) .sd-step + .sd-step::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	width: 20px;
	height: 14px;
	margin-top: -7px;
	background: var(--sd-muted);
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%2012h19M15%206l6%206-6%206%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%2012h19M15%206l6%206-6%206%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

body:has(.doc-sidebar) .sd-step strong {
	overflow-wrap: anywhere;
	color: var(--sd-ink);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}

body:has(.doc-sidebar) .sd-step span {
	color: var(--sd-muted);
	font-size: 12px;
	line-height: 1.4;
}

body:has(.doc-sidebar) .sd-handoff {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 12px 0 12px 144px;
	color: var(--sd-muted);
	font-size: 12px;
	line-height: 1.4;
}

body:has(.doc-sidebar) .sd-flow:not(:has(.sd-lane-label)) .sd-handoff {
	margin-left: 0;
}

body:has(.doc-sidebar) .sd-handoff::before,
body:has(.doc-sidebar) .sd-handoff::after {
	content: "";
	flex: 1 1 24px;
	min-width: 18px;
	border-top: 1px dashed var(--sd-muted);
}

@container (max-width: 620px) {
	body:has(.doc-sidebar) .sd-lane {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	body:has(.doc-sidebar) .sd-steps {
		flex-direction: column;
		gap: 24px;
	}

	body:has(.doc-sidebar) .sd-step + .sd-step::before {
		top: -19px;
		left: 50%;
		width: 14px;
		height: 14px;
		margin: 0 0 0 -7px;
		transform: rotate(90deg);
	}

	body:has(.doc-sidebar) .sd-handoff {
		margin-left: 0;
	}
}

/* Icons (Lucide, ISC licence), used by data-icon. */
body:has(.doc-sidebar) .sd-flow [data-icon="setup"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%204h-7M10%204H3M21%2012h-9M8%2012H3M21%2020h-5M12%2020H3M14%202v4M8%2010v4M16%2018v4%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="tag"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.586%202.586A2%202%200%200%200%2011.172%202H4a2%202%200%200%200-2%202v7.172a2%202%200%200%200%20.586%201.414l8.704%208.704a2.426%202.426%200%200%200%203.42%200l6.58-6.58a2.426%202.426%200%200%200%200-3.42z%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="shirt"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.38%203.46%2016%202a4%204%200%200%201-8%200L3.62%203.46a2%202%200%200%200-1.34%202.23l.58%203.47a1%201%200%200%200%20.99.84H6v10c0%201.1.9%202%202%202h8a2%202%200%200%200%202-2V10h2.15a1%201%200%200%200%20.99-.84l.58-3.47a2%202%200%200%200-1.34-2.23z%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="bom"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012h-8M21%206H8M21%2018h-8M3%206v4c0%201.1.9%202%202%202h3M3%2010v6c0%201.1.9%202%202%202h3%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="factory"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2020a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V8l-7%205V8l-7%205V4a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202Z%22%2F%3E%3Cpath%20d%3D%22M17%2018h1M12%2018h1M7%2018h1%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="order"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2M12%2011h4M12%2016h4M8%2011h.01M8%2016h.01%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="start"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%226%203%2020%2012%206%2021%206%203%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="receive"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%2016%202%202%204-4M21%2010V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l2-1.14M7.5%204.27l9%205.15%22%2F%3E%3Cpath%20d%3D%22M3.29%207%2012%2012l8.71-5M12%2022V12%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="box"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73zM12%2022V12%22%2F%3E%3Cpath%20d%3D%22m3.3%207%207.7%204.73a2%202%200%200%200%202%200L20.7%207%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="send"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11zM21.854%202.147l-10.94%2010.939%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="vendor"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="bill"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%202v20l2-1%202%201%202-1%202%201%202-1%202%201%202-1%202%201V2l-2%201-2-1-2%201-2-1-2%201-2-1-2%201Z%22%2F%3E%3Cpath%20d%3D%22M16%208h-6a2%202%200%201%200%200%204h4a2%202%200%201%201%200%204H8M12%2017.5v-11%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="check"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="truck"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2M15%2018H9M19%2018h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.624l-3.48-4.35A1%201%200%200%200%2017.52%208H14%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="warehouse"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%208.35V20a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V8.35A2%202%200%200%201%203.26%206.5l8-3.2a2%202%200%200%201%201.48%200l8%203.2A2%202%200%200%201%2022%208.35ZM6%2018h12M6%2014h12%22%2F%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20x%3D%226%22%20y%3D%2210%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="gate"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%204h3a2%202%200%200%201%202%202v14M2%2020h3M13%2020h9M10%2012v.01M13%204.562v16.157a1%201%200%200%201-1.242.97L5%2020V5.562a2%202%200%200%201%201.515-1.94l4-1A2%202%200%200%201%2013%204.561Z%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="cart"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M2.05%202.05h2l2.66%2012.42a2%202%200%200%200%202%201.58h9.78a2%202%200%200%200%201.95-1.57l1.65-7.43H5.12%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="doc"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7ZM14%202v4a2%202%200%200%200%202%202h4M10%209H8M16%2013H8M16%2017H8%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="chart"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16M19%209l-5%205-4-4-3%203%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="store"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%207%204.41-4.41A2%202%200%200%201%207.83%202h8.34a2%202%200%200%201%201.42.59L22%207M4%2012v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-8M15%2022v-4a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202v4M2%207h20M22%207v3a2%202%200%200%201-2%202%202.7%202.7%200%200%201-4-0%202.7%202.7%200%200%201-4%200%202.7%202.7%200%200%201-4%200%202.7%202.7%200%200%201-4%200%202%202%200%200%201-2-2V7%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="rework"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208M3%203v5h5%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="user"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="card"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2010h20%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="printer"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2M6%209V3a1%201%200%200%201%201-1h10a1%201%200%200%201%201%201v6%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%2212%22%20height%3D%228%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="percent"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%205%205%2019%22%2F%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2217.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="gift"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M12%208v13M19%2012v7a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2v-7M7.5%208a2.5%202.5%200%200%201%200-5A4.8%208%200%200%201%2012%208a4.8%208%200%200%201%204.5-5%202.5%202.5%200%200%201%200%205%22%2F%3E%3C%2Fsvg%3E"); }
body:has(.doc-sidebar) .sd-flow [data-icon="shield"] { --sd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%3C%2Fsvg%3E"); }