.restaurants-tabs { display: flex; gap: var(--space-1); background: var(--accent-soft); border-radius: var(--radius-lg); padding: 4px; overflow-x: auto; }
.restaurants-tab { flex: 1; padding: var(--space-2); border-radius: var(--radius-md); font-size: var(--text-sm); color: var(--text-muted); white-space: nowrap; }
.restaurants-tab.active { background: var(--bg-elevated); color: var(--accent); font-weight: 600; box-shadow: var(--shadow-sm); }

.restaurants-list { display: flex; flex-direction: column; gap: var(--space-3); }
.restaurants-empty { color: var(--text-muted); font-size: var(--text-sm); text-align: center; padding: var(--space-5) 0; }

.restaurant-card { background: var(--bg-elevated); border-radius: var(--radius-md); padding: var(--space-4); box-shadow: var(--shadow-sm); }
.restaurant-card__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.restaurant-card__title { font-size: var(--text-lg); color: var(--accent); }
.restaurant-card__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); }
.restaurant-card__description { font-size: var(--text-sm); color: var(--text-muted); margin-top: var(--space-2); }

.chip--personal { border: none; background: var(--alert-soft); color: var(--alert); font-weight: 600; }