body.numerik-applet-modern {
	height: 100vh;
	min-height: 100vh;
	margin: 0;
	background:
		linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px),
		linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
		#f5f7f8;
	background-size: 34px 34px, 34px 34px, auto;
	color: #172033;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	overflow: hidden;
}

body.numerik-applet-modern>h1,
body.numerik-applet-modern>h2 {
	display: none !important;
}

body.numerik-applet-modern *,
body.numerik-applet-modern *::before,
body.numerik-applet-modern *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

body.numerik-applet-modern a,
body.numerik-applet-modern a:hover {
	color: inherit;
	text-decoration: none;
}

.numerik-runtime-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 348px;
	gap: 10px;
	width: 100vw;
	height: 100vh;
	min-height: 0;
	padding: 10px;
}

body.numerik-topic-root .numerik-runtime-shell {
	grid-template-columns: minmax(0, 1fr) 392px;
	grid-template-rows: minmax(0, 1fr) auto;
}

body.numerik-applet-spl .numerik-runtime-shell {
	grid-template-columns: minmax(0, 1fr) 392px;
}

body.numerik-applet-spl {
	height: auto;
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

body.numerik-applet-spl .numerik-runtime-shell {
	height: auto;
	min-height: 100vh;
	align-content: start;
}

body.numerik-topic-partition {
	height: auto;
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

body.numerik-topic-partition .numerik-runtime-shell {
	align-items: start;
	height: auto;
	min-height: 100vh;
}

body.numerik-topic-partition .numerik-graph-panel {
	align-self: start;
	height: calc(100vh - 20px);
	min-height: 520px;
}

body.numerik-topic-partition .numerik-control-panel {
	align-self: start;
	height: auto;
	min-height: calc(100vh - 20px);
	overflow: visible;
}

body.numerik-topic-partition .numerik-panel-body {
	overflow: visible;
}

body.numerik-topic-pdb {
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
}

body.numerik-topic-pdb .numerik-runtime-shell {
	align-items: stretch;
	height: 100vh;
	min-height: 0;
}

body.numerik-topic-pdb .numerik-graph-panel,
body.numerik-topic-pdb .numerik-control-panel {
	height: calc(100vh - 20px);
	max-height: calc(100vh - 20px);
	min-height: 0;
}

body.numerik-topic-pdb .numerik-control-panel {
	overflow: hidden;
}

body.numerik-topic-pdb .numerik-panel-body {
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-right: 5px;
	scrollbar-color: #94a3b8 #edf2f7;
	scrollbar-width: thin;
}

body.numerik-topic-pdb .numerik-panel-body::-webkit-scrollbar {
	width: 10px;
}

body.numerik-topic-pdb .numerik-panel-body::-webkit-scrollbar-track {
	border-radius: 999px;
	background: #edf2f7;
}

body.numerik-topic-pdb .numerik-panel-body::-webkit-scrollbar-thumb {
	border: 2px solid #edf2f7;
	border-radius: 999px;
	background: #94a3b8;
}

body.numerik-applet-spl .numerik-graph-panel {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	gap: 10px;
	place-items: stretch;
	padding: 10px;
	overflow: visible;
}

body.numerik-applet-spl .numerik-applet-frame {
	place-items: stretch;
	height: auto;
	min-height: 0;
	overflow: visible;
}

body.numerik-applet-spl .numerik-work-area {
	padding: 14px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	height: auto;
	min-height: 0;
	overflow: visible;
}

body.numerik-applet-spl .spl-stage-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 10px;
	border: 1px solid rgba(15, 23, 42, 0.11);
	border-radius: 8px;
	background: linear-gradient(90deg, rgba(15, 118, 110, 0.12), rgba(255, 255, 255, 0.96) 62%);
}

body.numerik-applet-spl .spl-stage-label {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.numerik-applet-spl .spl-stage-kicker {
	color: #0f766e;
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
}

body.numerik-applet-spl .spl-stage-label strong {
	color: #0f172a;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.1;
}

body.numerik-applet-spl .spl-focus-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 36px;
	padding: 0 14px;
	border: 1px solid rgba(15, 23, 42, 0.16);
	border-radius: 999px;
	background: #ffffff;
	color: #0f172a;
	font-size: 0.82rem;
	font-weight: 900;
	cursor: pointer;
	transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

body.numerik-applet-spl .spl-focus-toggle:hover {
	border-color: rgba(15, 118, 110, 0.48);
	background: #f0fdfa;
	color: #0f766e;
}

body.numerik-applet-spl .spl-workspace {
	display: grid;
	gap: 12px;
	align-content: start;
	min-height: 100%;
}

body.numerik-applet-spl .spl-lead {
	margin: 0;
	color: #0f172a;
	font-size: 0.9rem;
	font-weight: 850;
	line-height: 1.3;
}

body.numerik-applet-spl .spl-surface {
	position: relative;
	min-width: 0;
	padding: 42px 12px 12px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

body.numerik-applet-spl .spl-surface::before {
	content: attr(data-spl-caption);
	position: absolute;
	top: 11px;
	left: 12px;
	right: 12px;
	color: #0f766e;
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0;
}

body.numerik-applet-spl .spl-matrix-card {
	overflow-x: auto;
	overflow-y: visible;
}

body.numerik-applet-spl .spl-matrix-card table {
	width: 100%;
	max-width: none;
	border-collapse: separate;
	border-spacing: 4px;
}

body.numerik-applet-spl .spl-matrix-card input {
	width: 100% !important;
	min-width: 52px;
	min-height: 34px;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	background: #f8fafc !important;
	color: #0f172a !important;
	font-weight: 800 !important;
	text-align: center;
}

body.numerik-applet-spl .spl-latex-card {
	padding-top: 50px;
	max-height: none;
	overflow: visible;
}

body.numerik-applet-spl #areaLaTeX.spl-surface.spl-latex-card {
	padding: 56px 14px 14px !important;
	line-height: 1.35;
}

body.numerik-applet-spl .spl-latex-card > :first-child {
	margin-top: 4px !important;
}

body.numerik-applet-spl .spl-latex-card table {
	width: 100%;
	max-width: none;
	border-collapse: separate !important;
	border-spacing: 0 10px;
}

body.numerik-applet-spl .spl-latex-card td,
body.numerik-applet-spl .spl-latex-card th {
	padding: 8px 10px;
	border: 0 !important;
	font-size: 0.92rem;
	line-height: 1.35;
	background: transparent !important;
}

body.numerik-applet-spl .spl-latex-card th {
	color: #0f766e;
	font-weight: 900;
}

body.numerik-applet-spl .spl-latex-card .MathJax {
	font-size: 1.05em !important;
}

body.numerik-applet-spl .spl-latex-card #judulTabelIterasi {
	margin: 0 0 12px !important;
	padding-top: 0 !important;
	line-height: 1.2;
	font-size: 1.05rem;
	font-weight: 900;
	text-align: left;
}

body.numerik-applet-spl .spl-latex-card #tabelLU td,
body.numerik-applet-spl .spl-latex-card #tabelGauss td {
	border: 0 !important;
	background: transparent !important;
}

body.numerik-applet-spl .spl-latex-card #tabelGauss td:first-child {
	width: 34%;
	min-width: 200px;
	color: #0f766e;
	font-weight: 900;
	text-align: right;
	vertical-align: middle;
	padding-right: 14px;
}

body.numerik-applet-spl .spl-step-table-wrap {
	width: 100%;
	max-width: 100%;
	margin-top: 12px;
	overflow-x: auto;
	scrollbar-color: #94a3b8 #eef2f7;
	scrollbar-width: thin;
}

body.numerik-applet-spl .spl-step-table-wrap::-webkit-scrollbar {
	height: 10px;
}

body.numerik-applet-spl .spl-step-table-wrap::-webkit-scrollbar-track {
	background: #eef2f7;
	border-radius: 999px;
}

body.numerik-applet-spl .spl-step-table-wrap::-webkit-scrollbar-thumb {
	background: #94a3b8;
	border: 2px solid #eef2f7;
	border-radius: 999px;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table {
	display: block;
	width: 100%;
	min-width: 760px;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: transparent;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table tbody {
	display: grid;
	gap: 10px;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table tr {
	width: 100%;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-matrix-row {
	position: relative;
	display: grid;
	padding-top: 33px;
	border: 1px solid #dbe5ee;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
	overflow: hidden;
	margin-top: 20px;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-gauss-step {
	grid-template-columns: minmax(24px, 1fr) minmax(190px, max-content) minmax(0, max-content) minmax(24px, 1fr);
	column-gap: 22px;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-two-matrix-step {
	width: max-content;
	min-width: 100%;
	grid-template-columns: minmax(48px, 1.18fr) max-content max-content minmax(24px, 0.82fr);
	column-gap: 14px;
	overflow: visible;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-matrix-row::before {
	content: attr(data-step);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	min-height: 33px;
	align-items: center;
	padding: 0 14px;
	border-bottom: 1px solid #dbe5ee;
	background: linear-gradient(90deg, rgba(15, 118, 110, 0.1), rgba(255, 255, 255, 0));
	color: #0f766e;
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-action,
body.numerik-applet-spl .spl-latex-card #tabelLU.spl-modern-step-table .spl-step-action,
body.numerik-applet-spl .spl-latex-card #tabelGauss.spl-modern-step-table .spl-step-action {
	grid-column: 1 / -1;
	display: block;
	padding: 13px 16px 13px 20px !important;
	border: 0 !important;
	/* border-bottom: 1px solid #dbe5ee !important; */
	/* border-left: 5px solid #0f766e !important; */
	background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
	color: #0f172a;
	font-size: 0.92rem;
	font-weight: 820;
	line-height: 1.35;
	text-align: left !important;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-operation,
body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-matrix,
body.numerik-applet-spl .spl-latex-card #tabelGauss.spl-modern-step-table td,
body.numerik-applet-spl .spl-latex-card #tabelLU.spl-modern-step-table td {
	width: auto !important;
	min-width: 0 !important;
	padding: 13px 15px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 0.92rem;
	line-height: 1.35;
	vertical-align: middle;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-operation {
	display: grid;
	grid-column: 2;
	place-items: center end;
	border-right: 0 !important;
	background: transparent !important;
	color: #0f766e;
	font-weight: 900;
	text-align: right;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-operation[data-empty-operation]::before {
	content: attr(data-empty-operation);
	color: #64748b;
	font-size: 0.78rem;
	font-style: italic;
	font-weight: 800;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-initial-operation {
	color: transparent;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-initial-operation::before {
	content: "Matriks awal";
	color: #64748b;
	font-size: 0.78rem;
	font-style: italic;
	font-weight: 800;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-matrix {
	display: grid;
	grid-column: 3;
	min-width: 0;
	place-items: center start;
	overflow-x: auto;
	color: #0f172a;
	text-align: left;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-two-matrix-step .spl-step-matrix:not(:last-child) {
	border-right: 0 !important;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-two-matrix-step .spl-step-matrix {
	grid-column: auto;
	min-width: max-content !important;
	place-items: center;
	overflow: visible;
	padding-right: 12px !important;
	padding-left: 12px !important;
	text-align: center;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-two-matrix-step .spl-left-matrix {
	grid-column: 2;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-two-matrix-step .spl-right-matrix {
	grid-column: 3;
	border: 1px solid rgba(37, 99, 235, 0.16) !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, rgba(239, 246, 255, 0.92), rgba(248, 250, 252, 0.72)) !important;
	color: #1d4ed8;
	/* box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.28); */
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-note-row {
	display: block;
	margin: 10px 0;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-step-table .spl-step-note,
body.numerik-applet-spl .spl-latex-card #tabelGauss.spl-modern-step-table .spl-step-note,
body.numerik-applet-spl .spl-latex-card #tabelLU.spl-modern-step-table .spl-step-note {
	display: block;
	width: 100% !important;
	padding: 12px 14px 12px 16px !important;
	border: 1px solid #dbe5ee !important;
	border-left: 5px solid #0f766e !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
	color: #0f172a;
	font-size: 0.92rem;
	font-weight: 760;
	line-height: 1.35;
	text-align: left !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

body.numerik-applet-spl .spl-modern-table-wrap {
	width: 100%;
	max-width: 100%;
	margin-top: 12px;
	overflow-x: auto;
	border: 1px solid #d7e4ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
	scrollbar-color: #94a3b8 #eef2f7;
	scrollbar-width: thin;
}

body.numerik-applet-spl .spl-modern-table-wrap::-webkit-scrollbar {
	height: 10px;
}

body.numerik-applet-spl .spl-modern-table-wrap::-webkit-scrollbar-track {
	background: #eef2f7;
	border-radius: 999px;
}

body.numerik-applet-spl .spl-modern-table-wrap::-webkit-scrollbar-thumb {
	background: #94a3b8;
	border: 2px solid #eef2f7;
	border-radius: 999px;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table {
	width: 100%;
	min-width: max(860px, calc(100vw - 560px));
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: #ffffff;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	table-layout: auto;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table th,
body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table td {
	padding: 13px 16px;
	border: 0 !important;
	border-right: 1px solid #dfe8f0 !important;
	border-bottom: 1px solid #dfe8f0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #172033;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 0.92rem;
	font-variant-numeric: tabular-nums;
	line-height: 1.25;
	text-align: right;
	white-space: nowrap;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #eef6f9 !important;
	color: #0f766e !important;
	font-size: 0.82rem;
	font-weight: 900;
	text-transform: uppercase;
	box-shadow: inset 0 -1px 0 rgba(15, 118, 110, 0.2);
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table th:first-child,
body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table td:first-child {
	width: 86px;
	min-width: 86px;
	text-align: center;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table th:first-child {
	background: #e7f8f4 !important;
	color: #0f766e;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table td:first-child {
	color: #0f172a;
	font-weight: 760;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table td:not(:first-child) {
	color: #0f172a;
	font-weight: 520;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table tr:nth-child(odd) {
	background: #ffffff !important;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table tr:nth-child(even) {
	background: #f6f9fb !important;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table tr:hover {
	background: #ecfeff !important;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table tr:last-child td {
	border-bottom: 0 !important;
}

body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table th:last-child,
body.numerik-applet-spl .spl-latex-card .spl-modern-iteration-table td:last-child {
	border-right: 0 !important;
}

body.numerik-applet-spl .spl-plots-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 8px;
	width: 100%;
	min-width: 0;
}

body.numerik-applet-spl .spl-plot-card {
	justify-self: stretch;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	aspect-ratio: 4 / 3;
	min-height: 380px;
	max-height: clamp(380px, 38vw, 560px);
	overflow: hidden;
}

body.numerik-applet-spl .spl-plot-card:empty {
	display: none;
}

body.numerik-applet-spl .spl-plot-card .js-plotly-plot,
body.numerik-applet-spl .spl-plot-card .plot-container,
body.numerik-applet-spl .spl-plot-card .svg-container {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
}

body.numerik-applet-spl.numerik-spl-focus .numerik-runtime-shell {
	grid-template-columns: minmax(0, 1fr);
}

body.numerik-applet-spl.numerik-spl-focus .numerik-control-panel {
	display: none;
}

body.numerik-applet-spl.numerik-spl-focus .spl-focus-toggle {
	border-color: rgba(15, 118, 110, 0.45);
	background: #0f766e;
	color: #ffffff;
}

.numerik-graph-panel,
.numerik-control-panel {
	min-width: 0;
	min-height: 0;
	border: 1px solid rgba(15, 23, 42, 0.11);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1);
	overflow: hidden;
}

.numerik-graph-panel {
	display: grid;
	place-items: center;
	padding: 10px;
}

.numerik-graph-panel.has-alert {
	grid-template-rows: auto minmax(0, 1fr);
	gap: 8px;
	place-items: stretch;
}

.numerik-applet-frame {
	display: grid;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	place-items: center;
	overflow: hidden;
}

.numerik-work-frame {
	place-items: stretch;
	overflow: auto;
}

.numerik-work-area {
	width: 100%;
	min-height: 100%;
	padding: 14px;
	border: 1px solid rgba(15, 23, 42, 0.13);
	border-radius: 8px;
	background: #ffffff;
	overflow: auto;
}

.numerik-work-area b {
	color: #0f766e;
	font-weight: 900;
}

.numerik-work-area .tabelMatriks,
.numerik-work-area #areaLaTeX {
	max-width: 100%;
	overflow: auto;
}

.numerik-work-area #plotX,
.numerik-work-area #plotF {
	min-height: 220px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #ffffff;
}

.numerik-work-area #areaLaTeX:empty,
.numerik-work-area #plotX:empty,
.numerik-work-area #plotF:empty {
	display: none;
}

.numerik-alert-card {
	margin: 0 !important;
	border-radius: 8px;
	font-weight: 760;
	line-height: 1.25;
}

body.numerik-applet-modern .containerApplet {
	width: var(--applet-render-width, 100%) !important;
	height: var(--applet-render-height, auto) !important;
	max-width: none;
	min-height: 0;
	float: none !important;
	display: block;
	align-self: center;
	justify-self: center;
	border: 1px solid rgba(15, 23, 42, 0.13);
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
}

body.numerik-applet-modern .containerApplet.is-applet-fullscreen,
body.numerik-applet-modern .containerApplet:fullscreen,
body.numerik-applet-modern .containerApplet:-webkit-full-screen,
body.numerik-applet-modern .containerApplet:-ms-fullscreen {
	position: fixed !important;
	inset: 0 !important;
	margin: auto !important;
	max-width: none !important;
	max-height: none !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	overflow: hidden !important;
}

body.numerik-applet-modern .containerApplet>div {
	width: var(--applet-native-width, 800px) !important;
	height: var(--applet-native-height, 600px) !important;
	transform: scale(var(--applet-scale, 1)) !important;
	transform-origin: left top;
}

body.numerik-applet-modern [id^="applet_container"]>div,
body.numerik-applet-modern [id^="applet_container"] canvas,
body.numerik-applet-modern [id^="applet_container"] iframe {
	border-radius: 8px !important;
	overflow: hidden !important;
}

.numerik-control-panel {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	gap: 8px;
	padding: 8px;
}

.numerik-panel-title {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 6px;
	align-items: center;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(15, 23, 42, 0.09);
}

.numerik-panel-title > div {
	display: grid;
	gap: 1px;
	align-content: start;
}

.numerik-back {
	display: inline-flex;
	width: 34px;
	height: 34px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 8px;
	background: #f8fafc;
	color: #2456a5;
	font-size: 0.95rem;
}

.numerik-kicker {
	margin: 0;
	color: #0f766e;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1.05;
	text-transform: uppercase;
}

.numerik-panel-title h1 {
	margin: 0;
	padding: 0 !important;
	color: #0b1738;
	font-size: 1.36rem;
	font-weight: 950;
	line-height: 1.04;
	text-align: left;
}

.numerik-subtitle {
	margin: 1px 0 0;
	color: #64748b;
	font-size: 0.75rem;
	font-style: italic;
	font-weight: 720;
	line-height: 1.12;
	text-align: left;
}

.numerik-panel-body {
	display: grid;
	gap: 8px;
	align-content: start;
	min-height: 0;
	overflow: auto;
	padding-right: 2px;
}

.numerik-control-form {
	display: grid;
	gap: 9px;
	min-width: 0;
	margin: 0;
}

.numerik-card,
.numerik-save-card,
.numerik-support-card {
	position: relative;
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 10px 10px 10px 14px;
	border: 1px solid rgba(15, 23, 42, 0.11);
	border-radius: 8px;
	background: #f8fafc;
	overflow: hidden;
}

.numerik-card::before,
.numerik-save-card::before,
.numerik-support-card::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
	background: #0f766e;
}

.numerik-card.display-card::before {
	background: #2563eb;
}

.numerik-card.order-card::before {
	background: #7c3aed;
}

.numerik-card.iteration-card::before,
.numerik-result-card::before {
	background: #0ea5e9;
}

.numerik-save-card::before {
	background: #f59e0b;
}

.numerik-support-card::before {
	background: #e11d48;
}

.numerik-card-title {
	display: block;
	color: #0f172a;
	font-size: 0.98rem;
	font-weight: 900;
	line-height: 1.1;
}

.numerik-card-subtitle {
	display: block;
	margin-top: 3px;
	color: #a3a3a3;
	font-size: 0.78rem;
	font-style: italic;
	font-weight: 720;
	line-height: 1.2;
}

.function-card .input-group {
	display: flex !important;
	width: 100% !important;
	max-width: 100%;
	padding: 0 !important;
	flex-wrap: nowrap;
}

.numerik-card .modern-input-group,
.numerik-card .input-group {
	display: flex !important;
	width: 100% !important;
	max-width: 100%;
	min-width: 0;
	padding: 0 !important;
	flex-wrap: nowrap;
}

.function-card .input-group-prepend {
	display: flex;
	flex: 0 0 auto;
}

.function-card .input-group-text,
.numerik-card .input-group-text {
	min-width: 56px;
	align-items: center;
	justify-content: center;
	border-color: #cbd5e1;
	border-radius: 8px 0 0 8px;
	background: #eef6f6;
	color: #0f766e;
	font-weight: 900;
}

.function-card input.form-control,
.function-card select,
.numerik-control-panel .form-control,
.numerik-control-panel .select,
.numerik-control-panel select,
.numerik-control-panel input[type="text"] {
	width: 100% !important;
	min-height: 38px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #ffffff;
	color: #0f172a;
	font-weight: 760;
}

.function-card .input-group>.form-control,
.numerik-card .input-group>.form-control {
	flex: 1 1 auto;
	min-width: 0;
	border-left: 0;
	border-radius: 0 8px 8px 0;
}

body.numerik-topic-pdb .function-card .pdb-differential-group {
	align-items: stretch;
}

body.numerik-topic-pdb .function-card .pdb-differential-group .input-group-prepend {
	align-items: stretch;
}

body.numerik-topic-pdb .function-card .pdb-differential-group .input-group-text {
	width: 76px;
	min-width: 76px;
	min-height: 42px;
	padding: 0 9px;
	gap: 6px;
	line-height: 1;
}

body.numerik-topic-pdb .function-card .pdb-differential-group .form-control {
	height: 42px !important;
	min-height: 42px;
	font-size: 0.98rem;
}

.pdb-diff-label {
	display: inline-grid;
	grid-template-rows: 1fr 1fr;
	align-items: center;
	justify-items: center;
	color: #007d7d;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 0.98rem;
	font-style: italic;
	font-weight: 700;
}

.pdb-diff-label span:first-child {
	width: 100%;
	padding-bottom: 2px;
	border-bottom: 1.5px solid currentColor;
}

.pdb-diff-label span:last-child {
	padding-top: 2px;
}

.pdb-diff-equal {
	color: #007d7d;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1rem;
	font-weight: 700;
}

.example-select-wrap {
	display: grid;
	gap: 5px;
}

.example-select-wrap label {
	margin: 0;
	color: #0f766e;
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.example-select-wrap select {
	width: 100% !important;
	max-width: 100%;
}

.switch-list {
	display: grid;
	gap: 8px;
}

.slider-row {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	min-width: 0;
	margin: 0 !important;
}

.slider-row label {
	margin: 2px 0 0;
	color: #64748b;
	font-size: 0.78rem;
	font-style: italic;
	font-weight: 760;
}

.numerik-control-panel input[type="range"] {
	width: 100% !important;
	max-width: 100%;
}

.numerik-control-panel .custom-control {
	min-height: 30px;
	margin: 0;
	padding-left: 0;
}

body.numerik-applet-modern .custom-control-input {
	zoom: 1 !important;
	transform: none !important;
}

.numerik-control-panel .custom-control-label {
	position: relative;
	display: flex;
	width: 100%;
	min-height: 30px;
	align-items: center;
	padding: 0 54px 0 0 !important;
	color: #0f172a;
	font-size: 0.92rem;
	font-weight: 850;
	line-height: 1.15;
	cursor: pointer;
}

.numerik-control-panel .custom-control-label::before {
	top: 50% !important;
	right: 0 !important;
	left: auto !important;
	width: 44px !important;
	height: 26px !important;
	border: 1px solid #b8c4d2 !important;
	border-radius: 999px !important;
	background: #dbe5ef !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08) !important;
	transform: translateY(-50%);
}

.numerik-control-panel .custom-control-label::after {
	top: 50% !important;
	right: 21px !important;
	left: auto !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	box-shadow: 0 2px 5px rgba(15, 23, 42, 0.25);
	transform: translateY(-50%);
	transition: transform 160ms ease;
}

.numerik-control-panel .custom-control-input:checked~.custom-control-label::before {
	border-color: #0f766e !important;
	background: #0f766e !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12), 0 0 0 3px rgba(15, 118, 110, 0.12) !important;
}

.numerik-control-panel .custom-control-input:checked~.custom-control-label::after {
	transform: translate(18px, -50%);
}

.radio-list {
	display: grid;
	gap: 7px;
}

.numerik-control-panel .custom-radio .custom-control-label {
	display: flex;
	min-height: 34px;
	align-items: center;
	padding: 7px 10px 7px 34px !important;
	border: 1px solid #d6dee8;
	border-radius: 8px;
	background: #ffffff;
	font-size: 0.86rem;
	font-weight: 850;
}

.numerik-control-panel .custom-radio .custom-control-label::before {
	top: 50% !important;
	right: auto !important;
	left: 11px !important;
	width: 14px !important;
	height: 14px !important;
	border: 1px solid #94a3b8 !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	box-shadow: none !important;
	transform: translateY(-50%);
}

.numerik-control-panel .custom-radio .custom-control-label::after {
	top: 50% !important;
	right: auto !important;
	left: 15px !important;
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: #0f766e !important;
	box-shadow: none;
	transform: translateY(-50%) scale(0);
}

.numerik-control-panel .custom-radio .custom-control-input:checked~.custom-control-label {
	border-color: rgba(15, 118, 110, 0.5);
	background: #edf7f5;
	color: #0f766e;
}

.numerik-control-panel .custom-radio .custom-control-input:checked~.custom-control-label::after {
	transform: translateY(-50%) scale(1);
}

.order-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.order-actions .btn,
.save-row .btn,
.save-row .command-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px;
	min-height: 40px;
	border: 0;
	border-radius: 8px;
	background: #111827;
	color: #ffffff !important;
	font-weight: 900;
	box-shadow: 0 10px 24px rgba(17, 24, 39, 0.15);
	cursor: pointer;
}

.order-actions .btn:hover,
.save-row .btn:hover,
.save-row .command-button:hover {
	filter: brightness(1.04);
}

.formula-box {
	min-width: 0;
	max-height: 132px;
	padding: 8px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 8px;
	background: #ffffff;
	overflow: auto;
	color: #0f172a;
	font-weight: 800;
}

.formula-box .MathJax_Display {
	margin: 0.2em 0 !important;
}

.save-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
}

.save-row .btn,
.save-row .command-button {
	min-width: 0;
	padding: 8px 10px;
	font-size: 0.84rem;
	line-height: 1.12;
	white-space: normal;
}

.save-row .custom-control-label {
	min-width: 112px;
	font-size: 0.84rem;
}

.iteration-limit-row {
	display: grid;
	grid-template-columns: 1fr auto minmax(58px, 0.45fr) auto;
	gap: 7px;
	align-items: center;
	min-width: 0;
	color: #334155;
	font-size: 0.82rem;
	font-weight: 760;
}

.iteration-limit-row select,
.iteration-limit-row input {
	width: 100% !important;
	max-width: 100%;
	min-height: 38px;
	margin: 0 !important;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #ffffff;
	color: #0f172a;
	font-weight: 850;
	text-align: center;
}

.iteration-limit-row span {
	min-width: 0;
	line-height: 1.15;
}

.modern-inline-controls {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.modern-inline-field {
	display: grid;
	gap: 4px;
	margin: 0;
	color: #64748b;
	font-size: 0.75rem;
	font-weight: 850;
	text-transform: uppercase;
}

.modern-inline-field span {
	color: #0f766e;
}

.iteration-card .command-button {
	display: inline-flex !important;
	width: 100%;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px;
	min-height: 40px;
	border: 0;
	border-radius: 8px;
	background: #111827;
	color: #ffffff !important;
	font-weight: 900;
	box-shadow: 0 10px 24px rgba(17, 24, 39, 0.15);
	cursor: pointer;
}

.compact-iteration-card {
	grid-template-columns: auto minmax(58px, 76px) minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.compact-iteration-card .numerik-card-heading {
	min-width: 0;
}

.compact-iteration-card .numerik-card-title {
	font-size: 0.86rem;
	line-height: 1;
}

.compact-iteration-card .numerik-card-subtitle {
	display: none;
}

.compact-iteration-card .iteration-limit-row {
	display: block;
	min-width: 0;
}

.compact-iteration-card .iteration-limit-row > :not(input) {
	display: none !important;
}

.compact-iteration-card .iteration-limit-row input {
	min-height: 34px;
	padding: 6px 8px;
	font-size: 0.92rem;
}

.compact-iteration-card .command-button {
	min-height: 34px;
	padding: 6px 10px;
	font-size: 0.82rem;
	white-space: nowrap;
}

.numerik-result-card {
	position: relative;
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 10px 10px 10px 14px;
	border: 1px solid rgba(15, 23, 42, 0.11);
	border-radius: 8px;
	background: #f8fafc;
	overflow: hidden;
}

.numerik-result-card:has(.informasiTambahan[style*="display: none"]) {
	display: none;
}

.numerik-result-card::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
}

.numerik-result-card .informasiTambahan {
	max-height: 360px;
	min-width: 0;
	margin: 0;
	overflow: auto;
	color: #0f172a;
}

.numerik-partition-result-card {
	grid-template-rows: auto minmax(0, 1fr);
	max-height: clamp(280px, 44vh, 520px);
	min-height: 0;
}

body.numerik-topic-partition .numerik-partition-result-card {
	grid-template-rows: auto auto;
	max-height: none;
}

.numerik-partition-result-card::before {
	background: #0ea5e9;
}

.numerik-partition-result-body {
	display: grid;
	gap: 10px;
	align-content: start;
	width: 100% !important;
	max-width: 100%;
	min-width: 0;
	min-height: 0;
	margin: 0 !important;
	padding: 2px 4px 4px 0;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #94a3b8 #edf2f7;
	scrollbar-width: thin;
}

body.numerik-topic-partition .numerik-partition-result-body {
	overflow: visible;
}

.numerik-partition-result-body::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.numerik-partition-result-body::-webkit-scrollbar-track {
	border-radius: 999px;
	background: #edf2f7;
}

.numerik-partition-result-body::-webkit-scrollbar-thumb {
	border: 2px solid #edf2f7;
	border-radius: 999px;
	background: #94a3b8;
}

.numerik-partition-result-body > hr {
	display: none;
}

.numerik-partition-result-body .iterasi {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.numerik-partition-result-body strong {
	display: block;
	margin: 0 0 6px;
	color: #0f172a;
	font-size: 0.92rem;
	font-weight: 900;
	text-align: left;
}

.numerik-result-card p {
	margin: 0 0 8px;
	color: #0f172a;
	font-weight: 900;
}

.numerik-result-card table {
	width: 100%;
	min-width: 560px;
	margin: 0 0 10px;
	border-collapse: collapse;
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
}

.numerik-result-card th,
.numerik-result-card td {
	padding: 7px 8px;
	border: 1px solid #e2e8f0;
	color: #0f172a;
	font-size: 0.74rem;
	line-height: 1.18;
	white-space: nowrap;
}

.numerik-result-card th {
	background: #e8f3f7;
	color: #0f766e;
	font-weight: 900;
	text-align: center;
}

.numerik-partition-result-card table {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	table-layout: fixed;
	margin-bottom: 0;
}

.numerik-partition-result-card th,
.numerik-partition-result-card td {
	padding: 8px 10px;
	font-size: 0.78rem;
	white-space: normal;
	overflow-wrap: anywhere;
}

.numerik-result-card .container {
	width: 100%;
	max-width: none;
	margin-top: 12px !important;
	padding: 0;
}

.numerik-result-card [id^="plot"] {
	min-height: 220px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
}

.numerik-results-dock {
	grid-column: 1 / -1;
	position: relative;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	min-width: 0;
	max-height: min(42vh, 390px);
	padding: 0 !important;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 16px 38px rgba(15, 23, 42, 0.12);
	overflow: hidden;
}

.numerik-results-dock:has(.informasiTambahan[style*="display: none"]) {
	display: none;
}

.numerik-results-dock::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
	background: #0f766e;
}

.numerik-wide-result-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 14px 9px 18px;
	border-bottom: 1px solid rgba(15, 23, 42, 0.09);
	background: linear-gradient(90deg, rgba(15, 118, 110, 0.08), rgba(255, 255, 255, 0));
}

.numerik-wide-result-title {
	display: block;
	color: #0f172a;
	font-size: 0.95rem;
	font-weight: 900;
}

.numerik-wide-result-subtitle {
	display: block;
	margin-top: 2px;
	color: #9ca3af;
	font-size: 0.78rem;
	font-style: italic;
	font-weight: 800;
	text-transform: none;
}

.numerik-wide-result-body {
	min-width: 0;
	padding: 10px 12px 12px 18px;
	overflow: auto;
}

.numerik-results-dock .informasiTambahan {
	min-width: 0;
	margin: 0;
	color: #0f172a;
	overflow: visible;
}

.numerik-results-dock p {
	margin: 0 0 8px;
	color: #0f172a;
	font-weight: 900;
}

.numerik-results-dock table {
	width: 100%;
	min-width: 1120px;
	margin: 0 0 12px;
	border-collapse: separate;
	border-spacing: 0;
	background: #ffffff;
	border: 1px solid #dbe5ee;
	border-radius: 8px;
	overflow: hidden;
}

.numerik-results-dock th,
.numerik-results-dock td {
	padding: 8px 10px;
	border-right: 1px solid #e2e8f0;
	border-bottom: 1px solid #e2e8f0;
	color: #0f172a;
	font-size: 0.8rem;
	line-height: 1.18;
	text-align: center;
	white-space: nowrap;
}

.numerik-results-dock th:last-child,
.numerik-results-dock td:last-child {
	border-right: 0;
}

.numerik-results-dock tr:last-child td {
	border-bottom: 0;
}

.numerik-results-dock th {
	background: #e8f3f7;
	color: #0f766e;
	font-weight: 900;
}

.numerik-results-dock .container {
	width: 100%;
	max-width: none;
	margin-top: 12px !important;
	padding: 0;
}

.numerik-results-dock .row {
	margin-right: -6px;
	margin-left: -6px;
}

.numerik-results-dock [class*="col-"] {
	padding-right: 6px;
	padding-left: 6px;
}

.numerik-results-dock [id^="plot"] {
	min-height: 230px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
}

body.numerik-topic-root {
	height: auto;
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

body.numerik-topic-root .numerik-runtime-shell {
	height: auto;
	min-height: 100vh;
	align-content: start;
	grid-template-rows: minmax(520px, calc(100vh - 20px)) auto;
}

body.numerik-topic-root .numerik-results-dock {
	max-height: none;
	min-height: calc(100vh - 20px);
	align-self: start;
}

body.numerik-topic-root .numerik-wide-result-heading {
	padding: 14px 18px 12px 22px;
}

body.numerik-topic-root .numerik-wide-result-title {
	font-size: 1.05rem;
}

body.numerik-topic-root .numerik-wide-result-subtitle {
	font-size: 0.86rem;
}

body.numerik-topic-root .numerik-wide-result-body {
	padding: 16px 18px 20px 22px;
	overflow-x: auto;
	overflow-y: visible;
}

body.numerik-topic-root .numerik-results-dock table {
	width: 100%;
	min-width: max(1200px, calc(100vw - 70px));
	margin-bottom: 18px;
}

body.numerik-topic-root .numerik-results-dock #keteranganIterasi {
	width: 100%;
	min-width: 0;
	max-width: 980px;
	margin-bottom: 12px;
}

body.numerik-topic-root .numerik-results-dock th,
body.numerik-topic-root .numerik-results-dock td {
	padding: 11px 13px;
	font-size: 0.94rem;
	line-height: 1.25;
}

body.numerik-topic-root .numerik-results-dock #keteranganIterasi td {
	padding: 7px 10px;
	font-size: 0.86rem;
	line-height: 1.2;
	text-align: left;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi {
	min-width: max(1200px, calc(100vw - 70px));
}

body.numerik-topic-root .numerik-results-dock p {
	margin-bottom: 12px;
	font-size: 1rem;
}

body.numerik-topic-root .numerik-results-dock .container {
	margin-top: 18px !important;
}

body.numerik-topic-root .numerik-results-dock [id^="plot"] {
	min-height: 300px;
}

body.numerik-topic-root .numerik-results-dock {
	scroll-margin-top: 0;
	background: #ffffff;
}

body.numerik-topic-root .numerik-wide-result-heading {
	padding: 12px 18px 11px 22px;
	background: linear-gradient(90deg, rgba(15, 118, 110, 0.1), #ffffff 58%);
}

body.numerik-topic-root .numerik-wide-result-body {
	padding: 14px 18px 18px 22px;
	overflow-x: hidden;
}

body.numerik-topic-root .numerik-results-dock .informasiTambahan {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-family: inherit !important;
	overflow: visible;
}

body.numerik-topic-root .numerik-result-note {
	margin: 0 0 10px !important;
	color: #64748b;
	font-size: 0.92rem !important;
	font-style: italic;
	font-weight: 800 !important;
	text-align: left !important;
}

body.numerik-topic-root .numerik-result-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0 0 14px;
}

body.numerik-topic-root .numerik-result-meta-item {
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid #dbe5ee;
	border-radius: 8px;
	background: linear-gradient(180deg, #ffffff, #f8fafc);
}

body.numerik-topic-root .numerik-result-meta-label {
	display: block;
	margin-bottom: 4px;
	color: #0f766e;
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

body.numerik-topic-root .numerik-result-meta-value {
	display: grid;
	gap: 2px;
	min-width: 0;
	color: #0f172a;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

body.numerik-topic-root .numerik-result-meta-line {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
}

body.numerik-topic-root .numerik-iteration-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid #d7e4ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
	scrollbar-color: #94a3b8 #eef2f7;
	scrollbar-width: thin;
}

body.numerik-topic-root .numerik-iteration-table-wrap::-webkit-scrollbar {
	height: 10px;
}

body.numerik-topic-root .numerik-iteration-table-wrap::-webkit-scrollbar-track {
	background: #eef2f7;
	border-radius: 999px;
}

body.numerik-topic-root .numerik-iteration-table-wrap::-webkit-scrollbar-thumb {
	background: #94a3b8;
	border: 2px solid #eef2f7;
	border-radius: 999px;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi {
	width: 100%;
	min-width: max(1180px, calc(100vw - 70px));
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	border-spacing: 0;
	table-layout: auto;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi th,
body.numerik-topic-root .numerik-results-dock #tabelIterasi td {
	padding: 14px 16px;
	border: 0 !important;
	border-right: 1px solid #dfe8f0 !important;
	border-bottom: 1px solid #dfe8f0 !important;
	border-radius: 0 !important;
	color: #172033;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 0.92rem;
	font-variant-numeric: tabular-nums;
	line-height: 1.25;
	text-align: right;
	white-space: nowrap;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #eef6f9 !important;
	color: #0f766e !important;
	font-size: 0.82rem;
	font-weight: 900;
	text-align: right;
	text-transform: uppercase;
	box-shadow: inset 0 -1px 0 rgba(15, 118, 110, 0.2);
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi th:first-child,
body.numerik-topic-root .numerik-results-dock #tabelIterasi td:first-child {
	position: static;
	width: 86px;
	min-width: 86px;
	text-align: center;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi th:first-child {
	background: #e7f8f4 !important;
	color: #0f766e;
	font-weight: 900;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi td:first-child {
	color: #0f172a;
	font-weight: 760;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi td:not(:first-child) {
	color: #0f172a;
	font-weight: 520;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi tr:nth-child(odd) {
	background: #ffffff !important;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi tr:nth-child(even) {
	background: #f6f9fb !important;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi tr:hover {
	background: #ecfeff !important;
}

body.numerik-topic-root .numerik-results-dock #tabelIterasi tr:last-child td {
	border-bottom: 0 !important;
}

body.numerik-topic-root .numerik-results-dock .tabelIterasiBiseksi tr:last-of-type>td:nth-child(3),
body.numerik-topic-root .numerik-results-dock .tabelIterasiBiseksi tr:last-of-type>td:nth-child(6) {
	border: 1px solid rgba(245, 158, 11, 0.55) !important;
	background: #fff7ed !important;
	color: #9a3412;
	font-weight: 900;
	box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.2);
}

body.numerik-topic-root .numerik-result-plots {
	width: 100%;
	max-width: none;
	margin: 18px 0 0 !important;
	padding: 0;
}

body.numerik-topic-root .numerik-result-plots .row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: 8px;
	margin: 0 !important;
	width: 100%;
	min-width: 0;
}

body.numerik-topic-root .numerik-result-plots [class*="col-"] {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	padding: 0;
	overflow: hidden;
}

body.numerik-topic-root .numerik-result-plots [id^="plot"] {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	aspect-ratio: 4 / 3;
	min-height: 380px;
	max-height: clamp(380px, 38vw, 560px);
	height: auto !important;
	overflow: hidden;
	contain: layout paint;
}

body.numerik-topic-root .numerik-result-plots .js-plotly-plot,
body.numerik-topic-root .numerik-result-plots .plot-container,
body.numerik-topic-root .numerik-result-plots .svg-container {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
}

body.numerik-topic-root .numerik-result-plots .js-plotly-plot .draglayer,
body.numerik-topic-root .numerik-result-plots .js-plotly-plot .zoomlayer,
body.numerik-topic-root .numerik-result-plots .js-plotly-plot .nsewdrag,
body.numerik-topic-root .numerik-result-plots .js-plotly-plot .drag {
	pointer-events: none !important;
}

body.numerik-topic-root .numerik-result-plots .js-plotly-plot .modebar,
body.numerik-topic-root .numerik-result-plots .js-plotly-plot .modebar * {
	pointer-events: auto !important;
}

.plot-export-toolbar {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20;
	display: inline-flex;
	gap: 6px;
	align-items: center;
}

.plot-export-button {
	min-width: 42px;
	height: 28px;
	padding: 0 9px;
	border: 1px solid rgba(15, 23, 42, 0.13);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	color: #0f766e;
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
}

.plot-export-button:hover {
	border-color: rgba(15, 118, 110, 0.38);
	background: #f0fdfa;
}

.numerik-support-card {
	padding: 0;
}

.numerik-support-card::before {
	z-index: 1;
}

.support-toggle {
	display: flex;
	width: 100%;
	min-height: 42px;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 12px 10px 16px;
	border: 0;
	background: transparent;
	color: #0f766e;
	font-weight: 900;
	text-align: left;
}

.support-toggle i:last-child {
	color: #0f766e;
}

.support-body {
	padding: 0 10px 10px 14px;
}

.support-body .iframe-container {
	border-radius: 8px;
	overflow: hidden;
}

@media (max-width: 900px) {
	body.numerik-applet-modern {
		height: auto;
		min-height: 100svh;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.numerik-runtime-shell {
		grid-template-columns: 1fr;
		height: auto;
		min-height: 100svh;
		padding: 8px;
	}

	body.numerik-topic-root .numerik-runtime-shell {
		grid-template-columns: 1fr;
	}

	body.numerik-applet-spl .numerik-runtime-shell {
		grid-template-columns: 1fr;
	}

	body.numerik-applet-spl .spl-plots-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}

	body.numerik-applet-spl .spl-plot-card {
		width: auto;
		max-width: none;
	}

	body.numerik-topic-root .numerik-result-plots [class*="col-"] {
		width: auto;
		max-width: none;
	}

	.numerik-graph-panel {
		min-height: 360px;
	}

	.numerik-control-panel {
		overflow: visible;
	}

	.numerik-panel-body {
		overflow: visible;
		padding-right: 0;
	}
}

@media (max-width: 520px) {
	.numerik-runtime-shell {
		gap: 8px;
		padding: 8px;
	}

	.numerik-graph-panel,
	.numerik-control-panel {
		border-radius: 8px;
	}

	.numerik-graph-panel {
		min-height: 280px;
		padding: 8px;
	}

	.numerik-panel-title {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 5px;
	}

	.numerik-back {
		width: 32px;
		height: 32px;
	}

	.numerik-panel-title h1 {
		font-size: 1.22rem;
	}

	body.numerik-applet-spl .spl-stage-toolbar {
		flex-wrap: wrap;
	}

	body.numerik-applet-spl .spl-focus-toggle {
		width: 100%;
	}

	.save-row {
		grid-template-columns: 1fr;
	}

	.save-row .custom-control-label {
		min-width: 0;
	}

	.iteration-limit-row {
		grid-template-columns: 1fr;
	}

	.modern-inline-controls,
	.slider-row {
		grid-template-columns: 1fr;
	}
}