u

src/routes/artikel/lager.jsx

@@ -21,6 +21,9 @@ import { backendErrorFrom } from '../../utils/backendError';
 import { notifyError } from '../../utils/notify';
 import { setLastArticleSku } from '../../automats';
 import warehouseAutomat from '../../automats/warehouseAutomat';
+import {
+  GREEN_PANEL,
+} from '../../colors';
 
 function draftsFrom(warehouses) {
   return Object.fromEntries(warehouses.map((row) => [row.id, row.name]));
@@ -285,15 +288,9 @@ class ArtikelLagerPage extends PureComponent {
     return (
       <>
         {/* SortableJS ghost / chosen styling */}
-        <style>{`
-          .sortable-ghost { opacity: 0.35 !important; }
-          .sortable-chosen { box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
-          .drag-handle { cursor: grab; touch-action: none; }
-          .drag-handle:active { cursor: grabbing; }
-        `}</style>
 
         <PanelTileGrid>
-          <PanelTile wide={2} minHeight={280} color="#bbf7d0">
+          <PanelTile wide={2} minHeight={280} color={GREEN_PANEL}>
             <Stack spacing={2}>
               {returnTo ? (
                 <Alert