.aform_checkbox[data-v-ca06741d] {
	cursor: pointer;
	width: auto;
	margin-top: 0;
	display: block;
}
.aform_checkbox[data-v-ca06741d]:checked {
	accent-color: var(--sc-primary-color);
	border: 1px solid black;
}
.aform_checkbox-container[data-v-ca06741d] {
	width: 100%;
	display: inline-block;
	text-align: left;
}
.aform_checkbox-container input[data-v-ca06741d] {
	width: auto;
}
.aform_checkbox-container:hover + .aform_field-label[data-v-ca06741d] {
	color: var(--sc-input-active-label-color);
}

.aform_form-link-wrapper[data-v-91a761d0] {
	position: relative;
}
.input-group[data-v-91a761d0] {
	display: flex;
	align-items: stretch;
}
.aform_input-field[data-v-91a761d0] {
	flex: 1;
	min-width: 0;
}
.aform_form-element--embedded[data-v-91a761d0] {
	min-width: 0;
	flex-grow: 0;
}

/* Embedded mode: the host component's own container supplies the border, so this input
   goes borderless and inherits the host's padding scale instead of the standalone default. */
.aform_input-field--embedded[data-v-91a761d0] {
	outline: none;
	background: transparent;
	padding: 0.5ch 1ch;
}

/* Only in embedded mode is the trigger deliberately narrower than its options (e.g. a currency
   symbol box): let the dropdown grow past it rather than truncate. Standalone pickers keep the
   dropdown flush with the input, so a long display text can't overhang a narrow form column. */
.aform_form-element--embedded .autocomplete-results[data-v-91a761d0] {
	min-width: 100%;
	width: max-content;
}

/* Give the button the same outline as the input, then slide it 2px left so the outlines
   overlap exactly at the join: input right outline sits at (input_right - 1px),
   button left outline also sits at (button_left + 1px) = (input_right - 2px + 1px) = same pixel. */
.aform_form-btn[data-v-91a761d0] {
	appearance: none;
	border: none;
	outline: 1px solid var(--sc-input-border-color);
	outline-offset: -1px;
	margin-left: -2px;
	background: var(--sc-input-field-background);
	padding: 0 0.75rem;
	cursor: pointer;
}
.aform_form-btn[data-v-91a761d0]:focus,
.input-group:focus-within .aform_form-btn[data-v-91a761d0] {
	outline-color: var(--sc-input-active-border-color);
}
.autocomplete-results[data-v-91a761d0] {
	position: absolute;
	width: 100%;
	z-index: 100;
	padding: 0;
	margin: 0;
	list-style: none;
	border: 1px solid var(--sc-input-active-border-color);
	border-top: none;
	border-radius: 0 0 0.25rem 0.25rem;
	background: #fff;
}
.autocomplete-result[data-v-91a761d0] {
	padding: 4px 6px;
	cursor: pointer;
	border-bottom: 0.5px solid lightgray;
}
.autocomplete-result.is-active[data-v-91a761d0],
.autocomplete-result[data-v-91a761d0]:hover {
	background-color: var(--sc-row-color-zebra-light);
	color: var(--sc-input-active-border-color);
}

.acurrency__row[data-v-77852830] {
	display: flex;
	gap: 1ch;
}
.acurrency__row--base[data-v-77852830] {
	margin-top: 1.5rem;
}
.acurrency__field[data-v-77852830] {
	position: relative;
	flex: 1;
	min-width: 0;
}
.acurrency__group[data-v-77852830] {
	display: flex;
	align-items: stretch;
	width: 100%;
	border: 1px solid var(--sc-input-border-color);
	border-radius: 0.25rem;
}
.acurrency__group[data-v-77852830]:focus-within {
	border-color: var(--sc-input-active-border-color);
}

/* Wraps just the amount input so its floating label (`left: 10px` of the nearest
   `position: relative` ancestor, per .aform_field-label) anchors above the amount box
   specifically, not the group's outer left edge — which is now the currency prefix. */
.acurrency__amount-wrap[data-v-77852830] {
	position: relative;
	flex: 1;
	min-width: 0;
}

/* The amount label ("Total") is the primary label for the whole merged group — bumped up
   slightly from the shared .aform_field-label size so it reads as the group's main label. */
.acurrency__amount-wrap .aform_field-label[data-v-77852830] {
	font-size: 0.85rem;
}
.acurrency__amount[data-v-77852830] {
	width: 100%;
	box-sizing: border-box;
	border: none;
	outline: none;
	padding: 0.5ch 1ch;
	background: transparent;
	border-radius: 0 0.25rem 0.25rem 0;
	text-align: right;
	appearance: textfield;
	-moz-appearance: textfield;
}
.acurrency__amount[data-v-77852830]::-webkit-outer-spin-button,
.acurrency__amount[data-v-77852830]::-webkit-inner-spin-button {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
}

/* The currency picker reads as a simple prefix addon (like Bootstrap's "$" prepend) rather
   than an equal partner to the amount box: compact width (it shows a symbol once a value is
   picked, not the full name), tinted background, left-rounded to match the group's own
   corner so the tint doesn't overhang the border. The dropdown itself isn't bound by this
   width — see AFormLink's .autocomplete-results — so search results still show full names. */
.acurrency__currency[data-v-77852830] {
	position: relative;
	flex: 0 0 auto;
	min-width: 4.5rem;
	background: var(--sc-gray-5);
	border-right: 1px solid var(--sc-input-border-color);
	border-radius: 0.25rem 0 0 0.25rem;
}
.acurrency__base-field[data-v-77852830] {
	width: 100%;
	box-sizing: border-box;
	font-size: 1rem;
	padding: 0.5ch 1ch;
	border: 1px solid var(--sc-input-border-color);
	border-radius: 0.25rem;
	outline: none;
	appearance: textfield;
	-moz-appearance: textfield;
}
.acurrency__base-field[data-v-77852830]:disabled {
	color: var(--sc-gray-50);
}

/* Base Amount and Exchange Rate are read-only — the number spinner offers nothing here. */
.acurrency__base-field[data-v-77852830]::-webkit-outer-spin-button,
.acurrency__base-field[data-v-77852830]::-webkit-inner-spin-button {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
}

.adatepicker[data-v-ef698187],
.adatepicker table[data-v-ef698187],
.adatepicker tr[data-v-ef698187],
.adatepicker td[data-v-ef698187],
.adatepicker th[data-v-ef698187] {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.adatepicker[data-v-ef698187] {
	font-size: var(--sc-table-font-size);
	display: inline-table;
	color: var(--sc-cell-text-color);
	outline: none;
	border-collapse: collapse;
	margin-bottom: 10px;
	/* width: calc(100% - 4px); */
}
.adatepicker tr[data-v-ef698187] {
	height: 1.15rem;
	height: 1.15rem;
	text-align: center;
	vertical-align: middle;
}
.adatepicker td[data-v-ef698187] {
	border: 2px solid transparent;
	outline: 2px solid transparent;
	min-width: 3ch;
	max-width: 3ch;
	cursor: pointer;
}
.adatepicker td.date-cell[data-v-ef698187]:hover {
	background: var(--sc-gray-10);
}
.adatepicker td[data-v-ef698187]:focus,
.adatepicker td[data-v-ef698187]:focus-within {
	/* outline: 1px dashed black; */
	box-shadow: none;
	overflow: hidden;
	min-height: 1.15em;
	max-height: 1.15em;
	overflow: hidden;
}
.adatepicker .selectedDate[data-v-ef698187],
.adatepicker .startDate[data-v-ef698187],
.adatepicker .endDate[data-v-ef698187] {
	/* outline: 1px solid black; */
	background: var(--sc-gray-20);
	font-weight: bolder;
}
.adatepicker .startDate[data-v-ef698187] {
	/* border-radius: 5px 0px 0px 5px; */
	border-left: 1px solid var(--sc-gray-50);
	background: var(--sc-gray-20) !important;
}
.adatepicker .endDate[data-v-ef698187] {
	border-right: 1px solid var(--sc-gray-50);
	/* border-radius: 0px 5px 5px 0px; */
	background: var(--sc-gray-20) !important;
}
.adatepicker .withinRange[data-v-ef698187] {
	background: var(--sc-gray-5);
}
.adatepicker .todaysDate[data-v-ef698187] {
	font-weight: bolder;
	/* text-decoration: underline; */
	color: black;
}
.days-header > td[data-v-ef698187] {
	font-weight: bold;
}
.prev-date[data-v-ef698187] {
	color: var(--sc-gray-20);
}
.adatepicker .date-input[data-v-ef698187] {
	display: flex;
	width: 100%;
	gap: 5px;
	align-items: center;
}
.adatepicker .date-input > input[data-v-ef698187] {
	width: 50%;
	padding: 2px;
}

/* Keep the field error in-flow below the calendar. The shared .aform_error is absolutely
   positioned against a .aform_form-element anchor, which this grid component does not use. */
p.aform_error[data-v-ef698187] {
	position: static;
	display: block;
	color: var(--sc-brand-danger);
	font-size: 0.7rem;
	margin: 0.25rem 0 0;
}

.adate_time[data-v-95ad0aa4] {
	width: auto;
	padding: 10px;
	box-sizing: border-box;
	font-size: 1rem;
	background: var(--sc-gray-10);
}
.adate_time_fields[data-v-95ad0aa4] {
	display: flex;
	align-items: stretch;
	gap: 5px;
	justify-content: flex-start;
}
.adate_time_fields > input[data-v-95ad0aa4] {
	min-width: 30px;
	padding: 2px;
	text-align: center;
	display: inline-block;
	flex-basis: 0;
}
.meridiem-selector[data-v-95ad0aa4] {
	cursor: pointer;
	display: inline-block;
	flex-basis: 0;
	padding: 5px;
	user-select: none;
}
.meridiem-selector[data-v-95ad0aa4]:focus {
	outline: 2px solid black;
	outline-offset: -2px;
}
.adate_time_segment[data-v-95ad0aa4] {
	display: flex;
	flex-direction: column;
	width: 40px;
}
.colon[data-v-95ad0aa4] {
	display: flex;
	align-items: normal;
}
.aform_form-btn[data-v-95ad0aa4] {
	cursor: pointer;
}
.aform-select[data-v-95ad0aa4] {
	border-radius: 0px;
	border: 1px solid rgb(118, 118, 118);
	font-size: 1rem;
	padding: 0rem;
	margin: 0;
	border-radius: 0;
	box-sizing: border-box;
	min-height: auto;
	position: relative;
	color: var(--sc-cell-text-color);
}
.meridiem-selector[data-v-95ad0aa4] {
	margin-left: 6px;
}

.adate-selection[data-v-36e737ea] {
	display: inline-block;
	border: 1px solid var(--sc-gray-80);
	padding: 10px;
	background: var(--sc-form-background);
}
.adate-selection__end-label[data-v-36e737ea] {
	font-size: 0.8em;
	font-weight: bold;
	color: var(--sc-input-active-label-color);
	margin-top: 8px;
	margin-bottom: 2px;
	padding-left: 2px;
}
.empty[data-v-36e737ea] {
	color: #ccc;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}

.adate-picker[data-v-5de3fe7a] {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	margin-top: 0.25rem;
}

.autocomplete[data-v-4206fcf7] {
	position: relative;
}
.autocomplete-results[data-v-4206fcf7] {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 100;
	padding: 0;
	margin: 0;
	color: var(--sc-input-active-border-color);
	border: 1px solid var(--sc-input-active-border-color);
	border-radius: 0;
	border-top: none;
	background-color: var(--sc-input-field-background);
	list-style: none;
}
.autocomplete-result[data-v-4206fcf7] {
	text-align: left;
	padding: 4px 6px;
	cursor: pointer;
	border-bottom: 0.5px solid lightgray;
}
.autocomplete-result.is-active[data-v-4206fcf7],
.autocomplete-result[data-v-4206fcf7]:hover {
	background-color: var(--sc-row-color-zebra-light);
	color: var(--sc-input-active-border-color);
}

.abadge[data-v-f99dd564] {
	display: block;
	box-sizing: border-box;
	font: inherit;
	line-height: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.abadge--cell-fill[data-v-f99dd564] {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-height: calc(var(--sc-atable-row-height) + 2 * var(--sc-atable-row-padding));
	line-height: calc(var(--sc-atable-row-height) + 2 * var(--sc-atable-row-padding));
	margin: 0;
	padding: 0 0.5ch;
	border-radius: 0;
	text-align: inherit;
	background: var(--sc-badge-bg);
	color: var(--sc-badge-text);
}
.abadge--cell-fill.abadge--neutral[data-v-f99dd564] {
	--sc-badge-bg: var(--sc-badge-neutral-bg);
	--sc-badge-text: var(--sc-badge-neutral-text);
}
.abadge--cell-fill.abadge--success[data-v-f99dd564] {
	--sc-badge-bg: var(--sc-badge-success-bg);
	--sc-badge-text: var(--sc-badge-success-text);
}
.abadge--cell-fill.abadge--warning[data-v-f99dd564] {
	--sc-badge-bg: var(--sc-badge-warning-bg);
	--sc-badge-text: var(--sc-badge-warning-text);
}
.abadge--cell-fill.abadge--danger[data-v-f99dd564] {
	--sc-badge-bg: var(--sc-badge-danger-bg);
	--sc-badge-text: var(--sc-badge-danger-text);
}
.abadge--cell-fill.abadge--brand[data-v-f99dd564] {
	--sc-badge-bg: var(--sc-badge-brand-bg);
	--sc-badge-text: var(--sc-badge-brand-text);
}
.abadge--input-accent[data-v-f99dd564] {
	background: var(--sc-input-field-background);
	color: inherit;
	border-left: 4px solid var(--sc-badge-accent);
	padding-left: calc(1ch - 4px);
}
.abadge--input-accent.abadge--neutral[data-v-f99dd564] {
	--sc-badge-accent: var(--sc-badge-neutral-accent);
}
.abadge--input-accent.abadge--success[data-v-f99dd564] {
	--sc-badge-accent: var(--sc-badge-success-accent);
}
.abadge--input-accent.abadge--warning[data-v-f99dd564] {
	--sc-badge-accent: var(--sc-badge-warning-accent);
}
.abadge--input-accent.abadge--danger[data-v-f99dd564] {
	--sc-badge-accent: var(--sc-badge-danger-accent);
}
.abadge--input-accent.abadge--brand[data-v-f99dd564] {
	--sc-badge-accent: var(--sc-badge-brand-accent);
}

.aform_segmented-control--xs.aform_form-element[data-v-23f09651] {
	min-width: 0;
	padding-top: 0;
	max-width: none;
}
.aform_segmented-control--xs[data-v-23f09651]:not(:has(.aform_segmented-sr-label)) {
	padding-top: 0.5rem;
}
.aform_segmented-sr-label[data-v-23f09651] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.aform_segmented-track[data-v-23f09651] {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.125rem;
	padding: 0.125rem;
	width: auto;
	min-width: 0;
	min-height: 2rem;
	outline: 1px solid var(--sc-input-border-color);
	outline-offset: -1px;
	border-radius: 0;
	box-sizing: border-box;
	background: var(--sc-input-field-disabled-background);
	font-family: var(--sc-font-family);
}
.aform_segmented-control--xs .aform_segmented-track[data-v-23f09651] {
	min-height: 1.5rem;
	font-size: 0.875rem;
}
.aform_segmented-control--equal .aform_segmented-track[data-v-23f09651] {
	display: flex;
	width: 100%;
}
.aform_segmented-segment[data-v-23f09651] {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	margin: 0;
	padding: 0.125rem 0.5rem;
	min-height: 1.5rem;
	border-radius: 0;
	color: var(--sc-input-label-color);
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: 1.25;
	cursor: pointer;
	user-select: none;
	box-sizing: border-box;
}
.aform_segmented-control--sm .aform_segmented-segment[data-v-23f09651] {
	min-height: 1.75rem;
	padding: 0.125rem 0.75rem;
	font-size: var(--sc-font-size);
}
.aform_segmented-control--equal .aform_segmented-segment[data-v-23f09651] {
	flex: 1 1 0;
}
.aform_segmented-input[data-v-23f09651] {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.aform_segmented-label[data-v-23f09651] {
	pointer-events: none;
}
.aform_segmented-segment[data-v-23f09651]:not(.aform_segmented-segment--badge):has(.aform_segmented-input:checked) {
	background: var(--sc-input-field-background);
	color: var(--sc-cell-text-color);
	font-weight: 500;
}
.aform_segmented-segment--badge[data-v-23f09651]:has(.aform_segmented-input:checked) {
	font-weight: 500;
}
.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--neutral[data-v-23f09651] {
	background: var(--sc-badge-neutral-bg);
	color: var(--sc-badge-neutral-text);
}
.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--success[data-v-23f09651] {
	background: var(--sc-badge-success-bg);
	color: var(--sc-badge-success-text);
}
.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--warning[data-v-23f09651] {
	background: var(--sc-badge-warning-bg);
	color: var(--sc-badge-warning-text);
}
.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--danger[data-v-23f09651] {
	background: var(--sc-badge-danger-bg);
	color: var(--sc-badge-danger-text);
}
.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--brand[data-v-23f09651] {
	background: var(--sc-badge-brand-bg);
	color: var(--sc-badge-brand-text);
}
.aform_segmented-segment--badge:has(.aform_segmented-input:checked)[style*='--sc-badge-bg'][data-v-23f09651] {
	background: var(--sc-badge-bg);
	color: var(--sc-badge-text);
}
.aform_segmented-segment[data-v-23f09651]:has(.aform_segmented-input:focus-visible) {
	outline: 1px solid var(--sc-input-active-border-color);
	outline-offset: -1px;
}
.aform_segmented-segment[data-v-23f09651]:hover:has(.aform_segmented-input:not(:disabled):not(:checked)) {
	background: color-mix(in srgb, var(--sc-input-field-background) 50%, transparent);
}
.aform_segmented-segment[data-v-23f09651]:has(.aform_segmented-input:disabled) {
	cursor: not-allowed;
	opacity: 0.5;
}
.aform_segmented-track[data-v-23f09651]:has(.aform_segmented-input:focus-visible) {
	outline-color: var(--sc-input-active-border-color);
}
.aform_segmented-display-badge[data-v-23f09651] {
	display: block;
	padding: 0.5rem;
	min-height: 2rem;
	box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
.aform_segmented-segment[data-v-23f09651] {
		transition:
			background-color 0.1s ease-out,
			color 0.1s ease-out;
}
}
@media (prefers-reduced-motion: reduce) {
.aform_segmented-segment[data-v-23f09651] {
		transition: none;
}
}

.adatetime-picker[data-v-b0fa488b] {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	margin-top: 0.25rem;
}

.aduration[data-v-43788a3d] {
	position: relative;
	min-width: 40ch;
	width: 100%;
}
.aduration__summary[data-v-43788a3d] {
	display: flex;
	gap: 6px;
	align-items: baseline;
	margin-top: 6px;
	font-size: 0.9em;
}
.aduration__label[data-v-43788a3d] {
	font-weight: bold;
	color: var(--sc-input-active-label-color);
}
.aduration__value[data-v-43788a3d] {
	color: var(--sc-cell-text-color);
}
.aduration__ms[data-v-43788a3d] {
	color: var(--sc-gray-50);
	font-size: 0.85em;
}
.aduration__footer[data-v-43788a3d] {
	margin-top: 8px;
}

.adaterange-picker[data-v-f8dad4d3] {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	margin-top: 0.25rem;
}

/* global styles for aform */
.aform input {
	font-family: var(--sc-font-family);
	border: none;
}
.aform_form-element {
	padding: 0;
	margin: 0;
	position: relative;
	box-sizing: border-box;
	flex-grow: 1;
	min-width: 20ch;
	/* margin-bottom: 1rem; */
}
.aform__grid--full {
	flex-basis: 100%;
	width: 100%;
}
.aform_input-field {
	outline: 1px solid var(--sc-input-border-color);
	outline-offset: -1px;
	font-size: 1rem;
	padding: 0.5rem;
	margin: 0 0 0 0;
	border-radius: 0;
	box-sizing: border-box;
	width: 100%;
	min-height: auto;
	position: relative;
	color: var(--sc-cell-text-color);
	background: var(--sc-input-field-background);
	font-family: var(--sc-font-family);
}
.aform_input-field:focus {
	outline: 1px solid var(--sc-input-active-border-color);
}
.aform_display-value {
	display: block;
	padding: 0.5rem;
	min-height: 2rem;
	color: var(--sc-cell-text-color);
	word-break: break-word;
}
.aform_input-field:focus + .aform_field-label {
	color: var(--sc-input-active-label-color);
}
.aform_field-label {
	color: var(--sc-input-label-color);
	display: inline-block;
	position: absolute;
	padding: 0 0.25rem;
	margin: 0rem;
	z-index: 1;
	font-size: 0.7rem;
	font-weight: 300;
	letter-spacing: 0.05rem;
	background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-background) 50%);
	width: auto;
	box-sizing: border-box;
	background: white;
	margin: 0;
	grid-row: 1;
	top: 0;
	left: 10px;
	border: none;
	line-height: 0;
	transform: translateY(-50%);
}
.aform_input-field:disabled,
.aform_checkbox-container:has(.aform_checkbox:disabled) {
	background: var(--sc-input-field-disabled-background);
}
.aform_input-field:disabled + .aform_field-label,
.aform_checkbox-container:has(.aform_checkbox:disabled) + .aform_field-label {
	background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-disabled-background) 50%);
}
.aform_input-field:disabled ~ p.aform_error,
.aform_checkbox-container:has(.aform_checkbox:disabled) ~ p.aform_error {
	background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-disabled-background) 50%);
}
.aform_field-label::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	content: '';
	line-height: normal;
}
p.aform_error {
	/* v-show toggles visibility per field; base display must be visible (was stuck at `none`,
	   which overrode v-show and left every field error dormant). */
	display: inline-block;
	background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-background) 50%);
	padding: 0 0.25rem;
	margin: 0rem;
	width: auto;
	color: var(--sc-brand-danger);
	font-size: 0.7rem;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 0;
	background: white;
	padding: 0.25rem;
	transform: translate(-1rem, -50%);
	margin: 0;
}

.aform[data-v-713aca93] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 1rem;
	border: 1px solid var(--sc-form-border);
	border-left: 4px solid var(--sc-form-border);
	margin-bottom: 1rem;
	max-width: 100%;
}
@media screen and (max-width: 400px) {
.aform[data-v-713aca93] {
		flex-direction: column;
}
}

/* Nested form section */
.aform-nested-section[data-v-713aca93] {
	width: 100%;
	padding: 0.5rem 0;
}
.aform-nested-label[data-v-713aca93] {
	font-size: 0.9rem;
	font-weight: 600;
	margin: 0 0 0.5rem 0;
	color: var(--sc-input-label-color);
}
.aform-nested-section .aform[data-v-713aca93] {
	border-left-width: 2px;
	margin-left: 0.5rem;
}

.collapse-button[data-v-6f1c1b45] {
	width: 2ch;
	min-width: calc(66px - 4ch);
	background-color: transparent;
	font-size: 150%;
	text-align: center;
	border: none;
	margin-top: -0.5rem;
}
.rotated[data-v-6f1c1b45] {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transition: transform 250ms;
	transform-origin: center center;
}
.unrotated[data-v-6f1c1b45] {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transition: transform 250ms;
}

fieldset[data-v-162e7317] {
	max-width: 100%;
	width: 100%;
	margin-right: 2ch;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--sc-gray-50);
}
legend[data-v-162e7317] {
	width: 100%;
	height: 1.15rem;
	border: 1px solid transparent;
	padding-bottom: 0.5rem;
	font-size: 110%;
	font-weight: 600;
	user-select: none;
}
.collapse-button[data-v-162e7317] {
	float: right;
}

.aform_file-attach[data-v-8eefd179] {
	padding: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border: 1px dashed var(--sc-input-border-color);
	width: 100%;
}
@media screen and (max-width: 400px) {
.aform_file-attach > .aform_form-btn[data-v-8eefd179] {
		width: 100%;
}
}
.aform_file-attach-feedback {
&[data-v-8eefd179] {
	color: var(--sc-input-label-color);
	width: 100%;
	padding: 0.5rem;
	text-align: center;
	align-self: center;
	}
& > li[data-v-8eefd179] {
		list-style: none;
		font-style: italic;
}
& > p[data-v-8eefd179] {
		margin-top: 0;
}
}
.aform_form-btn[data-v-8eefd179] {
	padding: 0.5rem 2rem;
	width: auto;
	border: 1px solid var(--sc-input-border-color);
	color: var(--sc-input-label-color);
	cursor: pointer;
	background-color: white;
}
.aform_form-btn[data-v-8eefd179]:disabled {
	background-color: var(--sc-gray-5);
}

.aquantity__row[data-v-f16b20ca] {
	display: flex;
	gap: 1ch;
}
.aquantity__row--stock[data-v-f16b20ca] {
	margin-top: 1.5rem;
}
.aquantity__field[data-v-f16b20ca] {
	position: relative;
	flex: 1;
	min-width: 0;
}
.aquantity__group[data-v-f16b20ca] {
	display: flex;
	align-items: stretch;
	width: 100%;
	border: 1px solid var(--sc-input-border-color);
	border-radius: 0.25rem;
}
.aquantity__group[data-v-f16b20ca]:focus-within {
	border-color: var(--sc-input-active-border-color);
}
.aquantity__qty[data-v-f16b20ca] {
	flex: 1;
	min-width: 0;
	border: none;
	outline: none;
	padding: 0.5ch 1ch;
	background: transparent;
	border-radius: 0.25rem 0 0 0.25rem;
	appearance: textfield;
	-moz-appearance: textfield;
}
.aquantity__qty[data-v-f16b20ca]::-webkit-outer-spin-button,
.aquantity__qty[data-v-f16b20ca]::-webkit-inner-spin-button {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
}
.aquantity__uom[data-v-f16b20ca] {
	position: relative;
	flex: 0 0 auto;
	border-left: 1px solid var(--sc-input-border-color);
}
.aquantity__uom-toggle[data-v-f16b20ca] {
	display: flex;
	align-items: center;
	gap: 0.75ch;
	height: 100%;
	padding: 0.5ch 1ch;
	background: var(--sc-gray-5);
	border: none;
	border-radius: 0 0.25rem 0.25rem 0;
	white-space: nowrap;
	cursor: pointer;
}
.aquantity__uom-toggle[data-v-f16b20ca]:disabled {
	cursor: not-allowed;
	color: var(--sc-gray-50);
}
.aquantity__caret[data-v-f16b20ca] {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 0.3em solid transparent;
	border-right: 0.3em solid transparent;
	border-top: 0.3em solid currentColor;
}
.aquantity__uom-menu[data-v-f16b20ca] {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 100;
	min-width: 100%;
	margin: 0.15rem 0 0 0;
	padding: 0.25rem 0;
	list-style: none;
	background: var(--sc-input-field-background);
	border: 1px solid var(--sc-input-active-border-color);
	border-radius: 0.25rem;
}
.aquantity__uom-option[data-v-f16b20ca] {
	padding: 0.4ch 1ch;
	white-space: nowrap;
	cursor: pointer;
}
.aquantity__uom-option.is-active[data-v-f16b20ca],
.aquantity__uom-option[data-v-f16b20ca]:hover {
	background-color: var(--sc-row-color-zebra-light);
}
.aquantity__stock-field[data-v-f16b20ca] {
	width: 100%;
	font-size: 1rem;
	padding: 0.5ch 1ch;
	border: 1px solid var(--sc-input-border-color);
	border-radius: 0.25rem;
	outline: none;
}
.aquantity__stock-field[data-v-f16b20ca]:disabled {
	color: var(--sc-gray-50);
}

.aform_textbox[data-v-2a9c793b] {
	resize: vertical;
	line-height: 1.5;
	min-height: 4rem;
	font-family: inherit;
}
.aform_textbox-display[data-v-2a9c793b] {
	white-space: pre-wrap;
}

.login-container[data-v-2c0f0634] {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: var(--sc-font-family);
}
.account-container[data-v-2c0f0634] {
	width: 100%;
	margin-left: auto;
	margin-top: 0.5rem;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.account-header[data-v-2c0f0634] {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-top: 0.5rem;
}
#account-title[data-v-2c0f0634] {
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 600;
	letter-spacing: -0.025em;
	margin: 0;
}
#account-subtitle[data-v-2c0f0634] {
	font-size: 0.875rem;
	line-height: 1.25rem;
	margin: 1rem;
}
.login-form-container[data-v-2c0f0634] {
	display: grid;
	gap: 0.5rem;
}
.login-form-element[data-v-2c0f0634] {
	display: grid;
	margin: 0.5rem 0;
	position: relative;
}
.login-field {
&[data-v-2c0f0634] {
	padding: 0.5rem 0.25rem 0.25rem 0.5rem;
	outline: 1px solid transparent;
	border: 1px solid var(--sc-input-border-color);
	border-radius: 0.25rem;
	}
&[data-v-2c0f0634]:focus {
		border: 1px solid black;
}
}
.btn {
&[data-v-2c0f0634] {
	background-color: var(--sc-btn-color);
	color: var(--sc-btn-label-color);
	border: 1px solid var(--sc-btn-border);
	margin: 0.5rem 0;
	padding: 0.25rem;
	position: relative;
	cursor: pointer;
	}
&[data-v-2c0f0634]:hover {
		background-color: var(--sc-btn-hover);
}
&[data-v-2c0f0634]:disabled {
		background-color: var(--sc-input-field-disabled-background);
}
}
.disabled[data-v-2c0f0634] {
	opacity: 0.5;
}
.loading-icon[data-v-2c0f0634] {
	animation: spin-2c0f0634 1s linear infinite forwards;
	display: inline-block;
	margin-right: 0.2rem;
	line-height: 0;
	font-size: 1rem;
	position: relative;
	top: 0.2rem;
}

/* ANIMATION */
@keyframes spin-2c0f0634 {
from {
		transform: rotate(0deg);
}
to {
		transform: rotate(360deg);
}
}

.aform-loading[data-v-a8ae13b2] {
	width: 100%;
	border: 1px solid var(--sc-form-border);
	border-left: 4px solid var(--sc-form-border);
	padding: 1rem;
	margin-bottom: 1rem;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	background: var(--sc-input-field-background);
}
.aform-loading__label[data-v-a8ae13b2] {
	font-size: 0.9rem;
	color: var(--sc-cell-text-color);
	z-index: 1;
	position: relative;
}
.aform-loading__label[data-v-a8ae13b2]:not(:empty)::after {
	content: '...';
	animation: ellipsis-a8ae13b2 2s infinite;
}
.aform-loading__bar[data-v-a8ae13b2] {
	width: 100%;
	height: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	background: linear-gradient(
		90deg,
		rgba(var(--sc-table-loading-color), 0) 0%,
		rgba(var(--sc-table-loading-color), 1) 50%,
		rgba(var(--sc-table-loading-color), 0) 100%
	);
	animation: bar-sweep-a8ae13b2 2s infinite;
	z-index: 0;
}
@keyframes bar-sweep-a8ae13b2 {
0% {
		left: -100%;
}
100% {
		left: 100%;
}
}
@keyframes ellipsis-a8ae13b2 {
0%,
	20% {
		content: '';
}
40% {
		content: '.';
}
60% {
		content: '..';
}
80%,
	100% {
		content: '...';
}
}

.expansion-index[data-v-5ed76a08] {
	color: var(--sc-header-text-color);
	font-weight: bold;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	user-select: none;
	width: 2ch;
	min-width: 1.25rem;
	height: 1.25rem;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	box-sizing: border-box;
}