feat: spin the wheel, objednavani scrape menu, historie cen

client/src/components/MenuHintCell.scss

@@ -0,0 +1,75 @@
+// Kompaktní výběr z nabídky podniku v tabulce skupinové objednávky
+.menu-hint-cell {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 200px;
+
+  .select-search-container {
+    // Barvy knihovny napojené na témata aplikace (jinak bílé pozadí i v tmavém režimu)
+    --select-search-background: var(--luncher-bg-card);
+    --select-search-border: var(--luncher-border);
+    --select-search-text: var(--luncher-text);
+    --select-search-subtle-text: var(--luncher-text-muted);
+    --select-search-highlight: var(--luncher-bg-hover);
+    --select-search-selected: var(--luncher-primary);
+    --select-search-inverted-text: #fff;
+    --select-search-font: inherit;
+    width: 100%;
+    margin: 0;
+    position: relative;
+
+    .select-search-input {
+      height: 32px;
+      padding: 0 12px;
+      font-size: 0.85rem;
+      border-width: 1px;
+      background: var(--luncher-bg);
+      color: var(--luncher-text);
+    }
+
+    // Seznam přes okraje tabulky/karty (jinak by ho karta ořízla)
+    .select-search-select {
+      position: absolute;
+      z-index: 20;
+      left: 0;
+      min-width: 320px;
+      max-height: 320px;
+      overflow-y: auto;
+    }
+
+    .select-search-options, .select-search-group ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+
+    .select-search-option {
+      height: auto;
+      padding: 6px 12px;
+      font-size: 0.85rem;
+      background: transparent;
+      color: var(--luncher-text);
+      text-align: left;
+    }
+
+    .select-search-group-header {
+      padding: 4px 12px;
+      font-size: 0.7rem;
+    }
+  }
+
+  .menu-hint-price {
+    cursor: help;
+  }
+
+  .menu-hint-use {
+    margin-left: 6px;
+    padding: 0;
+    border: none;
+    background: none;
+    color: var(--luncher-primary);
+    font-weight: 700;
+    text-decoration: underline;
+  }
+}