/*
 * LOMACS Default Theme (Slate/Enterprise)
 * Overrides Web Awesome design tokens.
 * To swap this theme, remove this file from the app templates.
 */
/*
 * LOMACS Theme Tweaks (no brand palette override)
 * Only local tweaks below. Brand palette is from WA default theme.
 */
:root {
	/* Tweak border radii for a denser, data-heavy look. */
	--wa-border-radius-s: 0.125rem;
	--wa-border-radius-m: 0.25rem;
}

/* Computations Panel Styles */
.computations-panel {
	display: inline-block;
	margin: 0 0 0.85rem;
	border: 1px solid var(--wa-color-neutral-fill-normal, #d6d6d8);
	border-radius: 10px;
	background: var(--wa-color-neutral-fill-quiet, #f8f8f9);
	min-width: 220px;
	max-width: 100%;
	box-sizing: border-box;
}

.computations-panel-title {
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0;
	padding: 0.4rem 1.1rem 0.15rem 1.1rem;
	text-align: left;
	color: var(--wa-color-neutral-on-normal, #252525);
}

.computations-panel-body {
	padding: 0.15rem 1.1rem 0.4rem 1.1rem;
}

.computations-list {
	display: flex;
	flex-direction: column;
	gap: 0.05rem;
	align-items: flex-start;
}

.computation-row {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	font-size: 1rem;
	white-space: nowrap;
}

.computation-label {
	text-align: left;
	font-weight: 700;
	color: var(--wa-color-neutral-on-normal, #252525);
	white-space: nowrap;
	letter-spacing: 0.01em;
	text-transform: capitalize;
	margin-right: 0.15em;
}

.computation-separator {
	width: 0.2rem;
	min-width: 0.2rem;
	text-align: left;
	color: var(--wa-color-neutral-on-quiet, #666);
	padding: 0 0.05rem;
	margin-right: 0.15em;
}

.computations-panel-summary {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.3rem 0.7rem 0.05rem 0.7rem;
	border-bottom: none;
	background: none;
	cursor: default;
	list-style: none;
}

.computation-value {
	text-align: left;
	color: var(--wa-color-neutral-on-normal, #252525);
	font-variant-numeric: tabular-nums;
}

.app-toast-region {
	position: fixed;
	top: var(--wa-space-m);
	right: var(--wa-space-m);
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: var(--wa-space-xs);
	pointer-events: none;
}

.app-toast {
	pointer-events: auto;
	box-shadow: var(--wa-shadow-md);
	min-width: 8rem;
	max-width: min(20rem, calc(100vw - 2 * var(--wa-space-m)));
	padding: var(--wa-space-s) var(--wa-space-m);
	border-radius: var(--wa-border-radius-m);
	font-size: var(--wa-font-size-s);
	font-weight: var(--wa-font-weight-semibold);
	line-height: var(--wa-line-height-normal);
}

.app-toast--success {
	color: var(--wa-color-success-on-normal);
	background: var(--wa-color-success-fill-normal);
	border: var(--wa-border-width-s) solid var(--wa-color-success-border-normal);
}

.app-toast--danger {
	color: var(--wa-color-danger-on-normal);
	background: var(--wa-color-danger-fill-normal);
	border: var(--wa-border-width-s) solid var(--wa-color-danger-border-normal);
}