/* IPOS-263 Operations presentation override; business/state colors remain
 * the existing semantic amber, green, coral-red and blue tokens. */
body.ipos-app-shell .ipos-table-operations {
	--operations-content: var(--ipos-lg-content); --operations-glass: var(--ipos-lg-glass); --operations-glass-thick: var(--ipos-lg-glass-thick); --operations-edge: var(--ipos-lg-edge); --operations-shadow: var(--ipos-lg-shadow); --operations-selection: var(--ipos-lg-selection); color: var(--ipos-lg-ink, var(--ipos-ink));
}
body.ipos-app-shell .ipos-table-operations__toolbar,
body.ipos-app-shell .ipos-table-operations__attention,
body.ipos-app-shell .ipos-table-operations__sync,
body.ipos-app-shell .ipos-table-operations__layout-status,
body.ipos-app-shell .ipos-table-operations__floor,
body.ipos-app-shell .ipos-table-operations__map,
body.ipos-app-shell .ipos-table-operations__inspector,
body.ipos-app-shell .ipos-table-operations__operation-panel,
body.ipos-app-shell .ipos-table-operations__payment-receipt { border-color: var(--operations-edge) !important; background-color: var(--operations-content) !important; box-shadow: inset 0 1px 0 var(--ipos-lg-inner-highlight), 0 18px 42px var(--operations-shadow) !important; }
body.ipos-app-shell .ipos-table-operations__toolbar,
body.ipos-app-shell .ipos-table-operations__attention,
body.ipos-app-shell .ipos-table-operations__floor,
body.ipos-app-shell .ipos-table-operations__map,
body.ipos-app-shell .ipos-table-operations__inspector { -webkit-backdrop-filter: blur(22px) saturate(1.16); backdrop-filter: blur(22px) saturate(1.16); }
body.ipos-app-shell .ipos-table-operations :is(input, select, textarea),
body.ipos-app-shell .ipos-table-operations .ipos-styled-select__trigger { border-color: var(--ipos-line-strong) !important; background: var(--ipos-surface) !important; color: var(--ipos-ink) !important; }
body.ipos-app-shell .ipos-table-operations .ipos-styled-select__menu { background: var(--ipos-selection-surface-solid) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
body.ipos-app-shell .ipos-table-operations .ipos-styled-select__option { background: var(--ipos-selection-surface-solid) !important; }
body.ipos-app-shell .ipos-table-operations .ipos-styled-select__option:is(:hover, :focus-visible, [aria-selected="true"]) { background: var(--ipos-selection-active-solid) !important; }
body.ipos-app-shell .ipos-table-operations :is(input, select, textarea)::placeholder { color: var(--ipos-muted); }
body.ipos-app-shell .ipos-table-operations :is(button.is-primary, .is-primary, [data-ipos-table-action="open"]) { border-color: color-mix(in srgb, var(--ipos-action) 78%, transparent) !important; background: var(--ipos-action) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%), 0 10px 22px color-mix(in srgb, var(--ipos-action) 22%, transparent) !important; }
body.ipos-app-shell .ipos-table-operations :is(button.is-primary, .is-primary, [data-ipos-table-action="open"]):hover { background: var(--ipos-action-hover) !important; }
body.ipos-app-shell .ipos-table-operations__area-tab.is-active { border-color: color-mix(in srgb, var(--ipos-action) 60%, transparent) !important; background: color-mix(in srgb, var(--ipos-action) 14%, var(--ipos-surface)) !important; color: var(--ipos-action) !important; }

/* Keep decorative hover feedback on custom brand color; status colors remain semantic. */
body.ipos-app-shell .ipos-table-operations .ipos-table-operations__voucher-trigger:hover {
	border-color: color-mix(in srgb, var(--ipos-action) 48%, var(--ipos-line)) !important;
	background: color-mix(in srgb, var(--ipos-action) 7%, var(--ipos-surface)) !important;
}
body.ipos-app-shell .ipos-table-operations .ipos-table-operations__voucher-option:hover {
	border-color: color-mix(in srgb, var(--ipos-action) 45%, var(--ipos-line));
	background: color-mix(in srgb, var(--ipos-action) 5%, var(--ipos-surface));
	box-shadow: color-mix(in srgb, var(--ipos-action) 12%, transparent) 0 9px 20px;
}
@media (hover: hover) and (pointer: fine) {
	body.ipos-app-shell .ipos-table-operations .ipos-table-operations__counter-product:hover {
		box-shadow: color-mix(in srgb, var(--ipos-action) 10%, transparent) 0 10px 24px;
	}
}