:root {
	/* ==========================================================================
     SIMPLE COLOR SYSTEM & COMPONENT TOKENS
     ========================================================================== */

	/* Colors */
	--bg-dark: oklch(0.92 0 179);
	--bg: oklch(0.96 0 179);
	--bg-light: oklch(1 0 179);
	--text: oklch(0.15 0 179);
	--text-muted: oklch(0.4 0 179);
	--highlight: oklch(1 0 179);
	--border: oklch(0.6 0 179);
	--border-muted: oklch(0.7 0 179);
	--primary: oklch(67% 0.131 38.76);
	--secondary: oklch(0.4 0.1 359);
	--danger: oklch(0.5 0.05 30);
	--warning: oklch(0.5 0.05 100);
	--success: oklch(0.5 0.05 160);
	--info: oklch(0.5 0.05 260);

	/* Typography */
	--terminal-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, monospace;
	--terminal-font-heading: "Space Grotesk", sans-serif;
	--terminal-font-size-2xs: 0.625rem;
	/* 10px */
	--terminal-font-size-3xs: 0.5625rem;
	/* 9px */
	--terminal-font-size-xs: 0.6875rem;
	/* 11px */
	--terminal-font-size-sm: 0.75rem;
	/* 12px */
	--terminal-font-size-base: 0.8125rem;
	/* 13px */
	--terminal-font-size-md: 0.875rem;
	/* 14px */
	--terminal-font-size-lg: 1rem;
	/* 16px */
	--terminal-font-weight-regular: 400;
	--terminal-font-weight-medium: 500;
	--terminal-font-weight-bold: 700;
	--terminal-line-height-none: 0;
	--terminal-line-height-tight: 1;
	--terminal-line-height-base: 1.4;
	--terminal-line-height-relaxed: 1.5;
	--terminal-letter-spacing-xs: 0.02em;
	--terminal-letter-spacing-sm: 0.03em;
	--terminal-letter-spacing-md: 0.04em;
	--terminal-letter-spacing-lg: 0.05em;
	--terminal-letter-spacing-xl: 0.06em;

	/* Spacing & Geometry Rules */
	--terminal-radius: 0px;
	--terminal-elevation: none;
	--terminal-elevation-panel: none;
	--terminal-border-width: 1px;
	--terminal-border-width-focus: 2px;
	--terminal-border-style: solid;

	/* Primitive spacing scale */
	--terminal-space-0: 0;
	--terminal-space-1: 1px;
	--terminal-space-2: 2px;
	--terminal-space-3: 3px;
	--terminal-space-4: 4px;
	--terminal-space-6: 6px;
	--terminal-space-8: 8px;
	--terminal-space-10: 10px;
	--terminal-space-12: 12px;
	--terminal-space-14: 14px;
	--terminal-space-16: 16px;
	--terminal-space-20: 20px;
	--terminal-space-24: 24px;
	--terminal-space-32: 32px;

	/* Semantic spacing aliases */
	--terminal-space-2xs: var(--terminal-space-2);
	--terminal-space-xs: var(--terminal-space-4);
	--terminal-space-sm: var(--terminal-space-8);
	--terminal-space-md: var(--terminal-space-12);
	--terminal-space-lg: var(--terminal-space-16);
	--terminal-space-xl: var(--terminal-space-24);

	/* Component padding system */
	--terminal-control-padding-y: var(--terminal-space-10);
	--terminal-control-padding-x: var(--terminal-space-14);
	--terminal-button-padding-y: var(--terminal-space-10);
	--terminal-button-padding-x: var(--terminal-space-16);
	--terminal-button-compact-padding-y: var(--terminal-space-6);
	--terminal-button-compact-padding-x: var(--terminal-space-10);
	--terminal-panel-header-padding-y: var(--terminal-space-md);
	--terminal-panel-header-padding-x: var(--terminal-space-lg);
	--terminal-panel-body-padding: var(--terminal-space-20);
	--terminal-panel-body-compact-padding-y: var(--terminal-space-10);
	--terminal-panel-body-compact-padding-x: var(--terminal-space-14);
	--terminal-panel-footer-padding-y: var(--terminal-space-sm);
	--terminal-panel-footer-padding-x: var(--terminal-space-lg);
	--terminal-fieldset-padding: var(--terminal-space-20);
	--terminal-fieldset-compact-padding-y: var(--terminal-space-10);
	--terminal-fieldset-compact-padding-x: var(--terminal-space-14);
	--terminal-option-card-padding-y: var(--terminal-space-md);
	--terminal-option-card-padding-x: var(--terminal-space-lg);
	--terminal-table-toolbar-padding-y: var(--terminal-space-10);
	--terminal-table-toolbar-padding-x: var(--terminal-space-lg);
	--terminal-table-header-padding-y: var(--terminal-space-10);
	--terminal-table-header-padding-x: var(--terminal-space-lg);
	--terminal-table-cell-padding-y: var(--terminal-space-md);
	--terminal-table-cell-padding-x: var(--terminal-space-lg);
	--terminal-table-footer-padding-y: var(--terminal-space-10);
	--terminal-table-footer-padding-x: var(--terminal-space-lg);
	--terminal-menu-padding: var(--terminal-space-xs);
	--terminal-menu-option-padding-y: var(--terminal-space-10);
	--terminal-menu-option-padding-x: var(--terminal-space-14);
	--terminal-select-padding-end: var(--terminal-space-32);
	--terminal-chip-padding-y: var(--terminal-space-xs);
	--terminal-chip-padding-start: var(--terminal-space-sm);
	--terminal-chip-padding-end: var(--terminal-space-6);
	--terminal-badge-padding-y: var(--terminal-space-xs);
	--terminal-badge-padding-x: var(--terminal-space-sm);
	--terminal-action-padding-y: var(--terminal-space-6);
	--terminal-action-padding-x: var(--terminal-space-10);

	/* Component dimensions */
	--terminal-size-checkmark: 6px;
	--terminal-size-checkmark-height: 7px;
	--terminal-size-checkbox: 16px;
	--terminal-size-radio: 14px;
	--terminal-size-option-indicator: 13px;
	--terminal-size-select-arrow: 9px;
	--terminal-size-control-sm: 22px;
	--terminal-size-control-md: 38px;
	--terminal-size-textarea-min: 96px;
	--terminal-size-fieldset-max: 11rem;
	--terminal-size-dropdown-max: 240px;
	--terminal-size-component-max: 420px;
	--terminal-size-table-id: 60px;
	--terminal-size-scrollbar: 6px;
	--terminal-outline-offset: 1px;
	--terminal-outline-offset-wide: 2px;
	--terminal-outline-offset-inset: -2px;
	--terminal-radius-round: 50%;

	/* State and motion */
	--terminal-opacity-disabled: 0.8;
	--terminal-opacity-disabled-fieldset: 0.55;
	--terminal-opacity-disabled-control: 0.45;
	--terminal-opacity-disabled-pagination: 0.4;
	--terminal-opacity-muted-invert: 0.75;
	--terminal-opacity-hidden: 0;
	--terminal-z-dropdown: 100;
	--terminal-rotate-open: 180deg;
	--terminal-rotate-check: 45deg;
	--terminal-translate-center: -50%;
	--terminal-transition-duration: 0.12s;
	--terminal-transition-easing: ease;

	/* Transitions */
	--terminal-transition:
		background-color var(--terminal-transition-duration) var(--terminal-transition-easing),
		color var(--terminal-transition-duration) var(--terminal-transition-easing),
		border-color var(--terminal-transition-duration) var(--terminal-transition-easing);
}

body,
html {
	background-color: var(--bg);
	height: 100%;
	margin: 0;
}

main {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

/* Base Reset for Terminal Controls */
.t-btn,
.t-input,
.t-select,
.t-textarea {
	box-sizing: border-box;
	margin: 0;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	line-height: var(--terminal-line-height-base);
	border-radius: var(--terminal-radius);
	box-shadow: var(--terminal-elevation);
	-webkit-appearance: none;
	appearance: none;
}

/* ==========================================================================
   BUTTON STYLES
   ========================================================================== */

/* Common Button Base */
.t-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--terminal-space-sm);
	padding: var(--terminal-button-padding-y) var(--terminal-button-padding-x);
	font-weight: var(--terminal-font-weight-bold);
	text-transform: uppercase;
	letter-spacing: var(--terminal-letter-spacing-lg);
	cursor: pointer;
	border: var(--terminal-border-width) var(--terminal-border-style) transparent;
	transition: var(--terminal-transition);
	user-select: none;
	white-space: nowrap;
	text-decoration: none;
}

.t-btn:focus-visible {
	outline: var(--terminal-border-width-focus) var(--terminal-border-style) var(--primary);
	outline-offset: var(--terminal-outline-offset);
}

/* 1. Primary Button */
.t-btn-primary {
	background-color: var(--primary);
	color: var(--highlight);
	border-color: var(--primary);
}

.t-btn-primary:hover:not(:disabled) {
	background-color: var(--primary);
	border-color: var(--primary);
}

.t-btn-primary:active:not(:disabled) {
	background-color: var(--primary);
	border-color: var(--primary);
}

/* 2. Secondary Button */
.t-btn-secondary {
	background-color: var(--secondary);
	color: var(--highlight);
	border-color: var(--secondary);
}

.t-btn-secondary:hover:not(:disabled) {
	background-color: var(--secondary);
	border-color: var(--secondary);
	color: var(--highlight);
}

.t-btn-secondary:active:not(:disabled) {
	background-color: var(--secondary);
}

/* 3. Ghost / Hairline Button */
.t-btn-ghost {
	background-color: transparent;
	color: var(--text);
	border-color: var(--border);
}

.t-btn-ghost:hover:not(:disabled) {
	background-color: var(--bg-dark);
	border-color: var(--border);
}

.t-btn-ghost:active:not(:disabled) {
	background-color: var(--bg-dark);
}

/* 4. Destructive Button */
.t-btn-destructive {
	background-color: transparent;
	color: var(--danger);
	border-color: var(--danger);
}

.t-btn-destructive:hover:not(:disabled) {
	background-color: var(--danger);
	border-color: var(--danger);
	color: var(--highlight);
}

.t-btn-destructive:active:not(:disabled) {
	background-color: var(--danger);
	color: var(--highlight);
}

/* 5. Compact / Micro Button */
.t-btn-compact {
	padding: var(--terminal-button-compact-padding-y) var(--terminal-button-compact-padding-x);
	font-size: var(--terminal-font-size-xs);
	letter-spacing: var(--terminal-letter-spacing-md);
}

/* 6. Disabled Button State */
.t-btn:disabled,
.t-btn.is-disabled {
	cursor: not-allowed;
	background-color: var(--bg-dark);
	color: var(--text-muted);
	border-color: var(--border-muted);
	opacity: var(--terminal-opacity-disabled);
}

/* 7. Segmented Control Wrapper & Buttons */
.t-segmented-group {
	display: inline-flex;
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	background-color: var(--bg-light);
}

.t-segmented-group .t-btn {
	border: none;
	border-right: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	padding: var(--terminal-button-compact-padding-y) var(--terminal-control-padding-x);
	font-size: var(--terminal-font-size-xs);
	background-color: transparent;
	color: var(--text-muted);
}

.t-segmented-group .t-btn:last-child {
	border-right: none;
}

.t-segmented-group .t-btn.is-active {
	background-color: var(--primary);
	color: var(--highlight);
}

.t-segmented-group .t-btn:hover:not(.is-active):not(:disabled) {
	color: var(--text);
	background-color: var(--bg-dark);
}

/* ==========================================================================
   INPUTS & FORM CONTROLS
   ========================================================================== */

/* Common Field Base */
.t-input,
.t-textarea,
.t-select {
	width: 100%;
	background-color: var(--bg);
	color: var(--text);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	padding: var(--terminal-control-padding-y) var(--terminal-control-padding-x);
	transition: var(--terminal-transition);
}

.t-input::placeholder,
.t-textarea::placeholder {
	color: var(--text-muted);
}

.t-input:hover:not(:disabled),
.t-textarea:hover:not(:disabled),
.t-select:hover:not(:disabled) {
	border-color: var(--border);
}

.t-input:focus,
.t-textarea:focus,
.t-select:focus {
	outline: none;
	border-color: var(--primary);
	background-color: var(--bg-light);
}

.t-input:disabled,
.t-textarea:disabled,
.t-select:disabled {
	background-color: var(--bg-dark);
	color: var(--text-muted);
	border-color: var(--border-muted);
	cursor: not-allowed;
}

/* Form Label Specification */
.t-label {
	display: block;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-xs);
	font-weight: var(--terminal-font-weight-medium);
	text-transform: uppercase;
	letter-spacing: var(--terminal-letter-spacing-xl);
	color: var(--text-muted);
	margin-bottom: var(--terminal-space-xs);
}

.t-label .t-req {
	color: var(--text);
	margin-left: var(--terminal-space-2xs);
}

/* Command Prompt / Search Buffer Input */
.t-command-bar {
	display: flex;
	align-items: center;
	background-color: var(--bg);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	padding: var(--terminal-space-0) var(--terminal-control-padding-x);
}

.t-command-bar:focus-within {
	border-color: var(--primary);
}

.t-command-prefix {
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-base);
	color: var(--primary);
	user-select: none;
	margin-right: var(--terminal-space-sm);
}

.t-command-bar .t-input {
	border: none;
	background: transparent;
	padding: var(--terminal-control-padding-y) var(--terminal-space-0);
}

.t-command-bar .t-input:focus {
	background: transparent;
	border: none;
}

.t-command-meta {
	display: flex;
	align-items: center;
	gap: var(--terminal-space-sm);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-xs);
	color: var(--text-muted);
}

.t-badge-kbd {
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	padding: var(--terminal-badge-padding-y) var(--terminal-badge-padding-x);
	background: var(--bg-light);
	color: var(--text-muted);
}

/* URI / Prefix Attached Input Group */
.t-input-group {
	display: flex;
	align-items: stretch;
	width: 100%;
}

.t-input-addon {
	display: inline-flex;
	align-items: center;
	padding: var(--terminal-space-0) var(--terminal-control-padding-x);
	background-color: var(--bg-light);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-right: none;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	color: var(--text-muted);
	white-space: nowrap;
}

.t-input-group .t-input {
	flex: 1;
}

/* Error State */
.t-input.is-error,
.t-textarea.is-error {
	border-color: var(--danger);
}

.t-error-msg {
	display: block;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-xs);
	color: var(--danger);
	margin-top: var(--terminal-space-xs);
}

/* Textarea / Code Buffer */
.t-textarea {
	min-height: var(--terminal-size-textarea-min);
	resize: vertical;
	line-height: var(--terminal-line-height-relaxed);
}

.t-fieldset>.t-textarea {
	border: none;
	height: 100%;
}

/* Custom Select Dropdown */
.t-select-wrapper {
	position: relative;
	width: 100%;
}

.t-select {
	padding-right: var(--terminal-select-padding-end);
	cursor: pointer;
}

.t-select-wrapper::after {
	content: "▼";
	position: absolute;
	right: var(--terminal-space-md);
	top: 50%;
	transform: translateY(var(--terminal-translate-center));
	font-size: var(--terminal-font-size-3xs);
	color: var(--text-muted);
	pointer-events: none;
}

/* Custom Checkbox */
.t-checkbox-label {
	display: flex;
	align-items: center;
	gap: var(--terminal-space-sm);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	color: var(--text);
	cursor: pointer;
	user-select: none;
}

.t-checkbox {
	position: relative;
	width: var(--terminal-size-checkbox);
	height: var(--terminal-size-checkbox);
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	background-color: var(--bg);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	cursor: pointer;
	display: grid;
	place-content: center;
}

.t-checkbox:checked {
	background-color: var(--primary);
	border-color: var(--primary);
}

.t-checkbox:checked::after {
	content: "";
	width: var(--terminal-size-checkmark);
	height: var(--terminal-size-checkmark);
	background-color: var(--highlight);
	display: block;
	line-height: var(--terminal-line-height-none);
}

.t-checkbox:focus-visible {
	outline: var(--terminal-border-width-focus) var(--terminal-border-style) var(--primary);
}

/* ==========================================================================
   TERMINAL CARD & PANEL BLOCKS
   Style: Simple surfaces and borders
   ========================================================================== */

/* 1. Terminal Card Base */
.t-card {
	box-sizing: border-box;
	background-color: var(--bg-light);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	position: relative;
	display: flex;
	flex-direction: column;
	box-shadow: var(--terminal-elevation-panel);
}

/* 2. Terminal Card Header / Title Bar */
.t-card-header {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--terminal-space-sm);
	padding: var(--terminal-panel-header-padding-y) var(--terminal-panel-header-padding-x);
	background-color: var(--bg-dark);
	border-bottom: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	user-select: none;
}

.t-card-header[aria-expanded="false"] {
	border-bottom: none;
}

/* Title Prefix & Text */
.t-card-title-group {
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-xs);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	font-weight: var(--terminal-font-weight-bold);
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
	color: var(--text);
}

.t-card-title-prefix {
	color: var(--primary);
}

.t-card-title {
	color: var(--text);
}

.t-card-title-meta {
	color: var(--text-muted);
	font-weight: var(--terminal-font-weight-regular);
}

/* Header Metadata / Badges / Right-aligned stats */
.t-card-header-meta {
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-sm);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-xs);
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: var(--terminal-letter-spacing-md);
}

/* 3. Card Body Content Area */
.t-card-body {
	padding: var(--terminal-panel-body-padding);
	flex: 1;
}

.t-card-body-collapsed {
	overflow: hidden;
	max-height: 0;
	padding: var(--terminal-space-0);
}

.t-card-body-compact {
	padding: var(--terminal-panel-body-compact-padding-y) var(--terminal-panel-body-compact-padding-x);
}

/* 4. Terminal Card Footer (Optional status bar / sub-actions) */
.t-card-footer {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--terminal-panel-footer-padding-y) var(--terminal-panel-footer-padding-x);
	background-color: var(--bg);
	border-top: var(--terminal-border-width) var(--terminal-border-style) var(--border-muted);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-xs);
	color: var(--text-muted);
}

/* 5. Variant: Highlight Card */
.t-card.is-active {
	border-color: var(--primary);
}

.t-card.is-active .t-card-header {
	border-bottom-color: var(--primary);
	background-color: var(--bg-dark);
}

/* 6. Variant: Inverted / High-Contrast Header */
.t-card-header-invert {
	background-color: var(--primary);
	color: var(--highlight);
	border-bottom-color: var(--primary);
}

.t-card-header-invert .t-card-title-group,
.t-card-header-invert .t-card-title-prefix,
.t-card-header-invert .t-card-header-meta {
	color: var(--highlight);
}

/* ==========================================================================
   TERMINAL FIELDSET & LEGEND COMPONENT
   Style: Simple surfaces and borders
   Token dependency: terminal-components.css (:root variables)
   ========================================================================== */

/* 1. Base Fieldset */
.t-fieldset {
	box-sizing: border-box;
	margin: 0;
	padding: var(--terminal-fieldset-padding);
	background-color: var(--bg-light);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--terminal-space-md);
	font-family: var(--terminal-font-mono);
	min-inline-size: min-content;
	max-height: var(--terminal-size-fieldset-max);
}

.t-fieldset-dark {
	background-color: var(--bg);
}

/* 2. Legend Component */
.t-legend {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-xs);
	padding: var(--terminal-badge-padding-y) var(--terminal-badge-padding-x);
	background-color: var(--bg-dark);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-xs);
	font-weight: var(--terminal-font-weight-bold);
	letter-spacing: var(--terminal-letter-spacing-xl);
	text-transform: uppercase;
	color: var(--text);
	user-select: none;
	margin-left: calc(-1 * var(--terminal-space-2xs));
	/* Visual optical alignment */
}

/* Legend Inner Prefix & Meta */
.t-legend-prefix {
	color: var(--primary);
	font-weight: var(--terminal-font-weight-regular);
}

.t-legend-meta {
	color: var(--text-muted);
	font-weight: var(--terminal-font-weight-regular);
	margin-left: var(--terminal-space-xs);
}

/* 3. Variant: Inverted Solid Legend (High Priority) */
.t-legend-invert {
	background-color: var(--primary);
	color: var(--highlight);
	border-color: var(--primary);
}

.t-legend-invert .t-legend-prefix,
.t-legend-invert .t-legend-meta {
	color: var(--highlight);
	opacity: var(--terminal-opacity-muted-invert);
}

/* 4. Variant: Compact Fieldset */
.t-fieldset-compact {
	padding: var(--terminal-fieldset-compact-padding-y) var(--terminal-fieldset-compact-padding-x);
	gap: var(--terminal-space-sm);
}

/* 6. Disabled State */
.t-fieldset:disabled,
.t-fieldset.is-disabled {
	opacity: var(--terminal-opacity-disabled-fieldset);
	cursor: not-allowed;
	border-color: var(--border-muted);
}

.t-fieldset-options {
	display: flex;
	flex-direction: column;
	row-gap: var(--terminal-space-sm);
	overflow: auto;
}

/* ==========================================================================
   TERMINAL RADIO BUTTON COMPONENT
   Style: Simple surfaces and borders
   Token dependency: terminal-components.css (:root variables)
   ========================================================================== */

/* 1. Radio Item Label Wrapper */
.t-radio-label {
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-sm);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	letter-spacing: var(--terminal-letter-spacing-md);
	text-transform: uppercase;
	color: var(--text);
	cursor: pointer;
	user-select: none;
	position: relative;
	transition: color var(--terminal-transition-duration) var(--terminal-transition-easing);
}

.t-radio-label:hover {
	color: var(--text);
}

.t-radio-label:hover .t-radio:not(:disabled) {
	border-color: var(--border);
}

/* 2. Custom Radio Primitive */
.t-radio {
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	width: var(--terminal-size-radio);
	height: var(--terminal-size-radio);
	background-color: var(--bg);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	cursor: pointer;
	display: grid;
	place-content: center;
	flex-shrink: 0;
	transition: var(--terminal-transition);
}

/* Checked State: Outer border highlights, inner solid square core */
.t-radio:checked {
	border-color: var(--primary);
	background-color: var(--bg);
}

.t-radio:checked::after {
	content: "";
	width: var(--terminal-size-checkmark);
	height: var(--terminal-size-checkmark);
	background-color: var(--text);
}

/* Inverted Fill Variant */
.t-radio-invert:checked {
	background-color: var(--primary);
	border-color: var(--primary);
}

.t-radio-invert:checked::after {
	background-color: var(--highlight);
}

/* Focus-Visible Outline */
.t-radio:focus-visible {
	outline: var(--terminal-border-width-focus) var(--terminal-border-style) var(--primary);
	outline-offset: var(--terminal-outline-offset);
}

/* 3. Radio Group Containers */
.t-radio-group {
	display: flex;
	flex-direction: column;
	gap: var(--terminal-space-sm);
	font-family: var(--terminal-font-mono);
}

.t-radio-group-horizontal {
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--terminal-space-lg);
}

/* 4. Radio Card Block Tile (Selectable Option Card) */
.t-radio-card {
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	gap: var(--terminal-space-md);
	padding: var(--terminal-option-card-padding-y) var(--terminal-option-card-padding-x);
	background-color: var(--bg-light);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	cursor: pointer;
	user-select: none;
	transition: var(--terminal-transition);
}

.t-radio-card:hover {
	background-color: var(--bg-dark);
	border-color: var(--border);
}

.t-radio-card:has(.t-radio:checked) {
	border-color: var(--primary);
	background-color: var(--highlight);
}

.t-radio-card-content {
	display: flex;
	flex-direction: column;
	gap: var(--terminal-space-2xs);
}

.t-radio-card-title {
	font-size: var(--terminal-font-size-xs);
	font-weight: var(--terminal-font-weight-bold);
	color: var(--text);
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
}

.t-radio-card-desc {
	font-size: var(--terminal-font-size-2xs);
	color: var(--text-muted);
	letter-spacing: var(--terminal-letter-spacing-sm);
	line-height: var(--terminal-line-height-base);
}

/* 5. Disabled State */
.t-radio:disabled,
.t-radio-label.is-disabled {
	opacity: var(--terminal-opacity-disabled-control);
	cursor: not-allowed;
}

.t-radio:disabled {
	background-color: var(--bg-dark);
	border-color: var(--border-muted);
}

/* ==========================================================================
   TERMINAL DATA TABLE (REPOSITORY_DATA_TABLE)
   Style: Simple surfaces and borders
   Token dependency: terminal-components.css (:root variables)
   ========================================================================== */

/* 1. Outer Container / Frame */
.t-table-container {
	box-sizing: border-box;
	width: 100%;
	background-color: var(--bg-dark);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	font-family: var(--terminal-font-mono);
	display: flex;
	flex-direction: column;
	box-shadow: var(--terminal-elevation-panel);
}

/* 2. Top Header Telemetry Bar */
.t-table-header-bar {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--terminal-table-toolbar-padding-y) var(--terminal-table-toolbar-padding-x);
	background-color: var(--bg-light);
	border-bottom: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	font-size: var(--terminal-font-size-xs);
	user-select: none;
}

.t-table-title-group {
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-sm);
}

.t-table-title {
	font-family: var(--terminal-font-mono);
	font-weight: var(--terminal-font-weight-bold);
	color: var(--text);
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
}

.t-table-badge {
	display: inline-block;
	padding: var(--terminal-badge-padding-y) var(--terminal-badge-padding-x);
	font-size: var(--terminal-font-size-2xs);
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	background-color: var(--bg);
	color: var(--text-muted);
}

.t-table-badge-sync {
	border-color: var(--primary);
	color: var(--primary);
}

.t-table-meta {
	color: var(--text-muted);
	letter-spacing: var(--terminal-letter-spacing-md);
	text-transform: uppercase;
}

/* 3. Responsive Scroll Wrapper */
.t-table-responsive {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* 4. Table Primitive */
.t-table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-xs);
	background-color: transparent;
}

/* 5. Header Cells */
.t-table thead th {
	padding: var(--terminal-table-header-padding-y) var(--terminal-table-header-padding-x);
	background-color: var(--bg-light);
	color: var(--text-muted);
	font-weight: var(--terminal-font-weight-bold);
	font-size: var(--terminal-font-size-xs);
	text-transform: uppercase;
	letter-spacing: var(--terminal-letter-spacing-xl);
	border-bottom: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-right: var(--terminal-border-width) var(--terminal-border-style) var(--border-muted);
	white-space: nowrap;
	user-select: none;
}

.t-table thead th:last-child {
	border-right: none;
}

.t-table thead th.t-th-center {
	text-align: center;
}

.t-table thead th.t-th-right {
	text-align: right;
}

/* 6. Body Cells & Rows */
.t-table tbody tr {
	border-bottom: var(--terminal-border-width) var(--terminal-border-style) var(--border-muted);
	transition: var(--terminal-transition);
}

.t-table tbody tr:last-child {
	border-bottom: none;
}

.t-table tbody tr:hover {
	background-color: var(--bg-dark);
}

.t-table tbody tr.is-selected {
	background-color: var(--highlight);
}

.t-table tbody td {
	padding: var(--terminal-table-cell-padding-y) var(--terminal-table-cell-padding-x);
	color: var(--text);
	border-right: var(--terminal-border-width) var(--terminal-border-style) var(--border-muted);
	vertical-align: middle;
	line-height: var(--terminal-line-height-base);
}

.t-table tbody td:last-child {
	border-right: none;
}

/* 7. Specific Column Type Treatments */
/* ID Column */
.t-td-id {
	color: var(--text-muted);
	font-weight: var(--terminal-font-weight-bold);
	white-space: nowrap;
	width: var(--terminal-size-table-id);
}

/* Title & Pattern Group */
.t-td-title-cell {
	display: flex;
	flex-direction: column;
	gap: var(--terminal-space-2xs);
}

.t-td-title {
	font-weight: var(--terminal-font-weight-bold);
	color: var(--text);
	letter-spacing: var(--terminal-letter-spacing-xs);
}

.t-td-subtitle {
	font-size: var(--terminal-font-size-2xs);
	color: var(--text-muted);
	letter-spacing: var(--terminal-letter-spacing-xs);
}

.t-data-structures-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--terminal-space-sm);
}

.t-algorithms-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--terminal-space-sm);
}

.t-algorithm-tag,
.t-data-structure-tag {
	display: inline-block;
	padding: var(--terminal-badge-padding-y) var(--terminal-badge-padding-x);
	font-size: var(--terminal-font-size-2xs);
	font-weight: var(--terminal-font-weight-bold);
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	background-color: var(--bg-light);
	color: var(--text);
	white-space: nowrap;
}

/* Difficulty Tag */
.t-tag-diff {
	font-size: var(--terminal-font-size-2xs);
	font-weight: var(--terminal-font-weight-bold);
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
	color: var(--text);
	white-space: nowrap;
}

/* Source Platform */
.t-td-source {
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: var(--terminal-letter-spacing-lg);
	white-space: nowrap;
}

/* Status Column */
.t-td-status {
	white-space: nowrap;
}

.t-status-label {
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-6);
	font-weight: var(--terminal-font-weight-bold);
	letter-spacing: var(--terminal-letter-spacing-md);
	text-transform: uppercase;
	color: var(--text);
}

.t-status-indicator {
	display: inline-block;
	width: var(--terminal-size-checkmark);
	height: var(--terminal-size-checkmark);
	background-color: var(--info);
	flex-shrink: 0;
}

.t-status-indicator-success {
	background-color: var(--success);
}

.t-status-indicator-warning {
	background-color: var(--warning);
}

.t-status-indicator-danger {
	background-color: var(--danger);
}

.t-status-indicator-hollow {
	box-sizing: border-box;
	background-color: transparent;
	border: var(--terminal-border-width) var(--terminal-border-style) var(--text-muted);
}

.t-status-meta {
	display: block;
	font-size: var(--terminal-font-size-2xs);
	color: var(--text-muted);
	margin-top: var(--terminal-space-2xs);
	letter-spacing: var(--terminal-letter-spacing-sm);
}

/* Complexity Pill */
.t-complexity-pill {
	display: inline-block;
	padding: var(--terminal-badge-padding-y) var(--terminal-badge-padding-x);
	font-size: var(--terminal-font-size-2xs);
	letter-spacing: var(--terminal-letter-spacing-md);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	background-color: var(--bg);
	color: var(--text-muted);
	white-space: nowrap;
	font-family: var(--terminal-font-mono);
}

/* Action Button Group */
.t-td-actions {
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-xs);
}

.t-table-btn {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--terminal-action-padding-y) var(--terminal-action-padding-x);
	background-color: var(--bg-light);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	color: var(--text-muted);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-2xs);
	font-weight: var(--terminal-font-weight-bold);
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
	cursor: pointer;
	user-select: none;
	transition: var(--terminal-transition);
}

.t-table-btn:hover {
	background-color: var(--bg-dark);
	border-color: var(--border);
	color: var(--text);
}

.t-table-btn-icon {
	padding: var(--terminal-action-padding-y) var(--terminal-badge-padding-x);
	min-width: var(--terminal-size-control-sm);
}

/* 8. Table Footer / Pagination Controls */
.t-table-footer-bar {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--terminal-space-sm);
	padding: var(--terminal-table-footer-padding-y) var(--terminal-table-footer-padding-x);
	background-color: var(--bg-light);
	border-top: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	font-size: var(--terminal-font-size-xs);
	user-select: none;
}

.t-table-pagination-info {
	color: var(--text-muted);
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
}

.t-table-pagination-controls {
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-xs);
}

.t-page-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--terminal-action-padding-y) var(--terminal-action-padding-x);
	background-color: var(--bg);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	color: var(--text-muted);
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-2xs);
	cursor: pointer;
	letter-spacing: var(--terminal-letter-spacing-lg);
	text-transform: uppercase;
	transition: var(--terminal-transition);
}

.t-page-btn:hover:not(:disabled) {
	background-color: var(--bg-dark);
	border-color: var(--border);
	color: var(--text);
}

.t-page-btn.is-active {
	background-color: var(--primary);
	border-color: var(--primary);
	color: var(--highlight);
	font-weight: var(--terminal-font-weight-bold);
}

.t-page-btn:disabled {
	opacity: var(--terminal-opacity-disabled-pagination);
	cursor: not-allowed;
}

/* ================================================================
 MULTISELECT
 Uses your existing --terminal-* tokens
 ================================================================ */

.t-multiselect,
.t-multiselect * {
	box-sizing: border-box;
}

.t-multiselect {
	position: relative;
	width: 100%;
	max-width: var(--terminal-size-component-max);

	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	color: var(--text);
}

/* Trigger -------------------------------------------------------------- */
.t-multiselect-trigger {
	width: 100%;
	min-height: var(--terminal-size-control-md);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--terminal-space-sm);
	padding: var(--terminal-control-padding-y) var(--terminal-control-padding-x);
	margin: 0;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	line-height: var(--terminal-line-height-base);
	text-align: left;
	color: var(--text);
	background-color: var(--bg);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	box-shadow: var(--terminal-elevation);
	cursor: pointer;
	transition: var(--terminal-transition);
}

.t-multiselect-trigger:hover {
	border-color: var(--border);
}

.t-multiselect-trigger:focus-visible {
	outline: none;
	border-color: var(--primary);
}

.t-multiselect.is-open .t-multiselect-trigger {
	border-color: var(--primary);
	background-color: var(--bg-light);
}

/* Values -------------------------------------------------------------- */
.t-multiselect-values {
	min-width: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--terminal-space-xs);
}

.t-multiselect-placeholder {
	color: var(--text-muted);
}

/* Arrow -------------------------------------------------------------- */

.t-multiselect-arrow {
	flex: 0 0 auto;
	color: var(--text-muted);
	font-size: var(--terminal-font-size-sm);
	line-height: var(--terminal-line-height-tight);
	transition: transform var(--terminal-transition-duration) var(--terminal-transition-easing);
}

.t-multiselect.is-open .t-multiselect-arrow {
	transform: rotate(var(--terminal-rotate-open));
	color: var(--text);
}

/* Selected chips -------------------------------------------------------------- */

.t-multiselect-chip {
	display: inline-flex;
	align-items: center;
	gap: var(--terminal-space-xs);
	min-height: var(--terminal-size-control-sm);
	padding: var(--terminal-chip-padding-y) var(--terminal-chip-padding-end) var(--terminal-chip-padding-y) var(--terminal-chip-padding-start);
	color: var(--highlight);
	background-color: var(--primary);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--primary);
	border-radius: var(--terminal-radius);
	font-size: var(--terminal-font-size-xs);
	font-weight: var(--terminal-font-weight-medium);
	line-height: var(--terminal-line-height-tight);
	text-transform: uppercase;
	letter-spacing: var(--terminal-letter-spacing-md);
}

.t-multiselect-chip-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--terminal-size-checkbox);
	height: var(--terminal-size-checkbox);
	padding: var(--terminal-space-0);
	margin: 0;
	border: 0;
	border-left: var(--terminal-border-width) var(--terminal-border-style) var(--text);
	border-radius: var(--terminal-radius);
	background: transparent;
	color: var(--highlight);
	font: inherit;
	font-size: var(--terminal-font-size-md);
	line-height: var(--terminal-line-height-tight);
	cursor: pointer;
}

.t-multiselect-chip-remove:hover {
	background-color: var(--bg-dark);
}

.t-multiselect-chip-remove:focus-visible {
	outline: var(--terminal-border-width) var(--terminal-border-style) var(--highlight);
	outline-offset: var(--terminal-outline-offset-inset);
}

/* Dropdown -------------------------------------------------------------- */
.t-multiselect-dropdown {
	display: none;
	position: absolute;
	z-index: var(--terminal-z-dropdown);
	top: calc(100% + var(--terminal-space-xs));
	left: 0;
	right: 0;
	max-height: var(--terminal-size-dropdown-max);
	overflow-y: auto;
	padding: var(--terminal-menu-padding);
	background-color: var(--bg-light);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	box-shadow: var(--terminal-elevation-panel);
}

.t-multiselect.is-open .t-multiselect-dropdown {
	display: block;
}

/* Option -------------------------------------------------------------- */

.t-multiselect-option {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--terminal-space-sm);
	width: 100%;
	padding: var(--terminal-menu-option-padding-y) var(--terminal-menu-option-padding-x);
	color: var(--text-muted);
	background-color: transparent;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	line-height: var(--terminal-line-height-base);
	cursor: pointer;
	user-select: none;
	transition: var(--terminal-transition);
}

.t-multiselect-option:hover {
	color: var(--text);
	background-color: var(--bg-dark);
}

.t-multiselect-option:has(input:checked) {
	color: var(--text);
	background-color: var(--highlight);
}

/* Visually hide native checkbox */
.t-multiselect-option input {
	position: absolute;
	opacity: var(--terminal-opacity-hidden);
	pointer-events: none;
}

/* Custom terminal checkbox -------------------------------------------------------------- */
.t-multiselect-check {
	position: relative;
	width: var(--terminal-size-option-indicator);
	height: var(--terminal-size-option-indicator);
	flex: 0 0 var(--terminal-size-option-indicator);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	background-color: transparent;
}

.t-multiselect-option input:checked+.t-multiselect-check {
	background-color: var(--primary);
	border-color: var(--primary);
}

.t-multiselect-option input:checked+.t-multiselect-check::after {
	content: "";
	position: absolute;
	left: var(--terminal-space-3);
	top: var(--terminal-space-0);
	width: var(--terminal-space-xs);
	height: var(--terminal-size-checkmark-height);
	border: solid var(--highlight);
	border-width: var(--terminal-space-0) var(--terminal-border-width) var(--terminal-border-width) var(--terminal-space-0);
	transform: rotate(var(--terminal-rotate-check));
}

.t-multiselect-option input:focus-visible+.t-multiselect-check {
	outline: var(--terminal-border-width) var(--terminal-border-style) var(--primary);
	outline-offset: var(--terminal-outline-offset-wide);
}

/* Scrollbar -------------------------------------------------------------- */
.t-multiselect-dropdown {
	scrollbar-width: thin;
	scrollbar-color: var(--border) var(--bg-light);
}

.t-multiselect-dropdown::-webkit-scrollbar {
	width: var(--terminal-size-checkmark);
}

.t-multiselect-dropdown::-webkit-scrollbar-track {
	background: var(--bg-light);
}

.t-multiselect-dropdown::-webkit-scrollbar-thumb {
	background: var(--border);
}

.t-multiselect-dropdown::-webkit-scrollbar-thumb:hover {
	background: var(--border);
}

/* ==========================================================================
   TERMINAL SINGLE SELECT
   ========================================================================== */
.t-selectbox,
.t-selectbox * {
	box-sizing: border-box;
}

.t-selectbox {
	position: relative;
	width: 100%;

	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	color: var(--text);
}

/* Trigger */
.t-selectbox-trigger {
	width: 100%;
	min-height: var(--terminal-size-control-md);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--terminal-space-sm);
	padding: var(--terminal-control-padding-y) var(--terminal-control-padding-x);
	margin: 0;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	line-height: var(--terminal-line-height-base);
	text-align: left;
	color: var(--text);
	background-color: var(--bg);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	box-shadow: var(--terminal-elevation);
	cursor: pointer;
	transition: var(--terminal-transition);
}

.t-selectbox-trigger:hover {
	border-color: var(--border);
}

.t-selectbox-trigger:focus-visible {
	outline: none;
	border-color: var(--primary);
}

.t-selectbox.is-open .t-selectbox-trigger {
	border-color: var(--primary);
	background-color: var(--bg-light);
}

/* Selected value */
.t-selectbox-value {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.t-selectbox-value.is-placeholder {
	color: var(--text-muted);
}

/* Arrow */
.t-selectbox-arrow {
	flex: 0 0 auto;
	color: var(--text-muted);
	font-size: var(--terminal-font-size-sm);
	line-height: var(--terminal-line-height-tight);
	transition:
		transform var(--terminal-transition-duration) var(--terminal-transition-easing),
		color var(--terminal-transition-duration) var(--terminal-transition-easing);
}

.t-selectbox.is-open .t-selectbox-arrow {
	transform: rotate(var(--terminal-rotate-open));
	color: var(--text);
}

/* Dropdown */
.t-selectbox-dropdown {
	display: none;
	position: absolute;
	z-index: var(--terminal-z-dropdown);
	top: calc(100% + var(--terminal-space-xs));
	left: 0;
	right: 0;
	max-height: var(--terminal-size-dropdown-max);
	overflow-y: auto;
	padding: var(--terminal-menu-padding);
	background-color: var(--bg-light);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius);
	box-shadow: var(--terminal-elevation-panel);
}

.t-selectbox.is-open .t-selectbox-dropdown {
	display: block;
}

/* Option */
.t-selectbox-option {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--terminal-space-sm);
	width: 100%;
	padding: var(--terminal-menu-option-padding-y) var(--terminal-menu-option-padding-x);
	color: var(--text-muted);
	background-color: transparent;
	font-family: var(--terminal-font-mono);
	font-size: var(--terminal-font-size-sm);
	line-height: var(--terminal-line-height-base);
	cursor: pointer;
	user-select: none;
	transition: var(--terminal-transition);
}

.t-selectbox-option:hover {
	color: var(--text);
	background-color: var(--bg-dark);
}

.t-selectbox-option:has(input:checked) {
	color: var(--text);
	background-color: var(--highlight);
}

/* Hide native radio */
.t-selectbox-option input {
	position: absolute;
	opacity: var(--terminal-opacity-hidden);
	pointer-events: none;
}

/* Custom radio */
.t-selectbox-radio {
	position: relative;
	width: var(--terminal-size-option-indicator);
	height: var(--terminal-size-option-indicator);
	flex: 0 0 var(--terminal-size-option-indicator);
	border: var(--terminal-border-width) var(--terminal-border-style) var(--border);
	border-radius: var(--terminal-radius-round);
	background-color: transparent;
}

.t-selectbox-option input:checked+.t-selectbox-radio {
	border-color: var(--primary);
}

.t-selectbox-option input:checked+.t-selectbox-radio::after {
	content: "";
	position: absolute;
	inset: var(--terminal-space-3);
	background-color: var(--primary);
	border-radius: var(--terminal-radius-round);
}

.t-selectbox-option input:focus-visible+.t-selectbox-radio {
	outline: var(--terminal-border-width) var(--terminal-border-style) var(--primary);
	outline-offset: var(--terminal-outline-offset-wide);
}